From sketch to launch as a solo builder: 8 notes on journey maps, PWA packaging, free SEO tools and AI product revenue
There's a stage in every solo project where writing code stops being the slow part. The slow part becomes drawing how people will actually use the thing, deciding where to ship it, and figuring out how anyone will find it. These are eight notes I keep for that stretch, ordered roughly the way the work goes: design, packaging, getting found, and reading the market. None of this is official…
1. User journey maps: Begin by creating a left-to-right timeline from the user's perspective, outlining their goal. Utilize a user model, experience breakdown (key activities, actions, touchpoints, emotions and pain points), and opportunities to extract from the map. Divide the map into two versions: the current (As-Is) and desired (To-Be) states, highlighting activities, actions and touchpoints.
2. Overflow: Use Overflow to transform design screens into a user flow. Import designs from your design tool, wire them together on a canvas as a user flow, and view the result in three ways: a bird's-eye canvas of the whole flow, a prototype view that steps through one screen at a time, or a story view for interactive, self-guided walkthroughs. Share the project via shared folders, editor invites, full version history, comments, and a public link for future reference.
3. Maoken: Access a collection of free commercial-use Chinese fonts through Maoken. Filter by language (Chinese, Latin, Japanese, Korean), style (sans, serif, rounded, calligraphy, handwriting), and license (author statement, OFL, IPA, MIT, GPL, CC-BY, CC0). Be cautious of fonts with questionable status, and avoid downloading fonts sold on the site.
4. PWABuilder: Utilize PWABuilder's toolkit to package a Progressive Web App (PWA) for app stores. The toolkit consists of PWA Starter (a production template with a manifest and service worker), PWABuilder Studio (a VS Code extension for creating or converting PWAs and managing settings), and PWABuilder.com (a tool to generate packages for the Microsoft Store, Google Play, and iOS App Store). Understand each component to navigate the packaging process.
5. Thirty free SEO tools for a zero budget: Implement the following 30 free SEO tools to optimize your live web app for search visibility: Google Search Console, Analytics, Keyword Planner, PageSpeed Insights, Rich Results Test, Screaming Frog (up to 500 URLs), Ahrefs Webmaster Tools, Semrush's free tier, Merkle's SERP simulator, and generators for robots.txt, XML sitemaps, and hreflang tags. Be aware of free-tier limits and adjust your strategy accordingly.
6. Wanwei Ads: Leverage Wanwei Ads, a Chinese ad network targeting developers, product and operations professionals, and gamers, to monetize your web app. Ads match site type and page topic, and are charged per click. Impressions are free, making it a cost-effective option for a small team. Monitor performance on Wanwei's platform, which has served 5.51 billion impressions and 1.877 million clicks with a 37% advertiser renewal rate.
7. Overseas market shipping course outline: Review the steps taken by Chinese indie developers when expanding internationally. This course outline is not a tool but a guide to understanding the market, cultural nuances, and best practices for launching and growing a product in overseas markets.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
