Ho costruito un generatore di testo gratuito. Ecco cosa ho imparato.
Qualche mese fa ho lanciato un piccolo progetto collaterale. È uno strumento chiamato Tulisan Aesthetic. Converte il testo semplice in font Unicode stilizzati. Gli utenti lo utilizzano per le bio di Instagram, le didascalie di TikTok e gli stati di WhatsApp.
L'ho costruito con HTML, CSS e vanilla JS. Ho utilizzato una vasta mappa di caratteri Unicode.
Lo strumento funziona sostituendo le lettere standard con simboli matematici che sembrano font. Questo metodo funziona in quei contesti che non supportano i font personalizzati.
Ecco tre cose che i dati degli utenti mi hanno insegnato.
- Il mobile è tutto.
Pensavo che il 60% degli utenti avrebbe usato il mobile. Invece, oltre l'85% era su mobile. Questo ha cambiato il mio approccio al design. Ho reso il pulsante copia grande per essere facilmente cliccabile con il pollice. Ho reso lo scorrimento dell'elenco dei font fluido. Ho risolto il problema dello zoom automatico su iOS utilizzando una dimensione minima del font di 16px.
Se costruisci qualcosa per gli utenti dei social media, progetta prima per il mobile. Il desktop è secondario.
- Concentrati sull'azione principale.
Ho iniziato con una griglia a più colonne. Esteticamente era valida su desktop, ma non funzionava su mobile. Ho osservato come le persone usavano lo strumento: volevano solo il pulsante copia. Tutto il resto era rumore.
Ho ricostruito lo strumento come un unico elenco scorrevole. Ogni stile ha la sua riga e un pulsante copia ben visibile. Questo cambiamento ha migliorato l'engagement e ridotto il tasso di rimbalzo.
Trova l'unica cosa che il tuo strumento deve fare. Rendi quell'azione semplicissima.
- La velocità è la tua strategia SEO.
Non ho speso un solo dollaro in pubblicità. Tutta la crescita è arrivata dalla ricerca organica.
La maggior parte degli strumenti in questa nicchia è lenta e piena di annunci. Il mio strumento è leggero. Il peso totale della pagina è inferiore a 80KB. Il mio punteggio Lighthouse è superiore a 98. Poiché il mio strumento si carica velocemente, ho ottenuto un posizionamento più alto nei risultati di ricerca.
Per gli strumenti di nicchia, le prestazioni sono il modo in cui si conquista il ranking nelle ricerche.
Dettagli tecnici:
- Frontend: Vanilla HTML, CSS e JS.
- Peso della pagina: Inferiore a 80KB.
Se dovessi rifarlo, aggiungerei più lingue fin dall'inizio. Ho visto subito traffico dall'Indonesia e dal Brasile. Non ero preparato a questo.
Prova lo strumento qui: tulisanaestheticid.com