Ik heb een gratis tekstgenerator gebouwd. Dit heb ik geleerd.
Een paar maanden geleden ben ik gestart met een klein zijproject. Het is een tool genaamd Tulisan Aesthetic. Het zet gewone tekst om in gestileerde Unicode-lettertypen. Gebruikers gebruiken het voor Instagram-bio's, TikTok-onderschriften en WhatsApp-statussen.
Ik heb het gebouwd met HTML, CSS en vanilla JS. Ik heb een grote Unicode-karakterkaart gebruikt.
De tool werkt door standaardletters te vervangen door wiskundige symbolen die op lettertypen lijken. Dit werkt op plaatsen die geen aangepaste lettertypen ondersteunen.
Dit zijn drie dingen die ik heb geleerd van gebruikersgegevens.
- Mobiel is alles.
Ik dacht dat 60% van de gebruikers mobiel zou zijn. Meer dan 85% was mobiel. Dit veranderde mijn ontwerpbenadering. Ik maakte de kopieerknop groot genoeg voor duimen. Ik zorgde ervoor dat de lijst met lettertypen soepel scrolt. Ik loste het iOS auto-zoomprobleem op door een minimale lettergrootte van 16px te gebruiken.
Als je bouwt voor social media-gebruikers, ontwerp dan eerst voor mobiel. Desktop is secundair.
- Focus op de belangrijkste actie.
Ik begon met een raster met meerdere kolommen. Dat zag er goed uit op desktop, maar werkte niet op mobiel. Ik heb geobserveerd hoe mensen de tool gebruikten. Ze wilden alleen de kopieerknop. De rest was ruis.
Ik heb de tool opnieuw opgebouwd als een enkele scrollbare lijst. Elke stijl heeft zijn eigen rij en een duidelijke kopieerknop. Deze verandering verbeterde de betrokkenheid en verlaagde het bouncepercentage.
Zoek de ene taak waarvoor jouw tool bestaat. Maak die actie moeiteloos.
- Snelheid is je SEO-strategie.
Ik heb nul dollar uitgegeven aan advertenties. Alle groei kwam voort uit organische zoekopdrachten.
De meeste tools in deze niche zijn traag en zitten vol advertenties. Mijn tool is lichtgewicht. Het totale paginagewicht is minder dan 80KB. Mijn Lighthouse-score is meer dan 98. Omdat mijn tool snel laadt, stond ik hoger in de zoekresultaten.
Voor niche-tools is prestatie de manier waarop je zoekresultaten wint.
Technische details:
- Frontend: Vanilla HTML, CSS en JS.
- Paginagewicht: Minder dan 80KB.
Als ik het opnieuw zou doen, zou ik vanaf het begin meer talen toevoegen. Ik zag meteen verkeer uit Indonesië en Brazilië. Daar was ik niet op voorbereid.
Probeer de tool hier: tulisanaestheticid.com