𝗜 𝗕𝘂𝗶𝗹𝘁 𝗔 𝗙𝗿𝗲𝗲 𝗧𝗲𝘅𝘁 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗼𝗿. 𝗛𝗲𝗿𝗲 𝗜𝘀 𝗪𝗵𝗮𝘁 𝗜 𝗟𝗲𝗮𝗿𝗻𝗲𝗱.
He construido un generador de texto gratuito. Esto es lo que aprendí.
Lancé un pequeño proyecto paralelo hace unos meses. Es una herramienta llamada Tulisan Aesthetic. Convierte texto plano en fuentes Unicode estilizadas. Los usuarios la utilizan para biografías de Instagram, subtítulos de TikTok y estados de WhatsApp.
La construí con HTML, CSS y vanilla JS. Utilicé un mapa de caracteres Unicode extenso.
La herramienta funciona reemplazando letras estándar con símbolos matemáticos que parecen fuentes. Esto funciona en lugares que no admiten fuentes personalizadas.
Estas son tres cosas que los datos de los usuarios me enseñaron.
- El móvil lo es todo.
Pensé que el 60% de los usuarios estarían en el móvil. Más del 85% estaban en el móvil. Esto cambió mi enfoque de diseño. Hice que el botón de copiar fuera grande para los pulgares. Hice que la lista de fuentes se desplazara con fluidez. Corregí el problema del auto-zoom de iOS utilizando un tamaño de fuente mínimo de 16px.
Si construyes para usuarios de redes sociales, diseña primero para el móvil. El escritorio es secundario.
- Enfócate en la acción principal.
Empecé con una cuadrícula de varias columnas. Se veía bien en el escritorio, pero fallaba en el móvil. Observé cómo la gente usaba la herramienta. Solo querían el botón de copiar. Todo lo demás era ruido.
Reconstruí la herramienta como una única lista desplazable. Cada estilo tiene su propia fila y un botón de copiar claro. Este cambio mejoró la interacción y redujo la tasa de rebote.
Encuentra la única cosa que tu herramienta existe para hacer. Haz que esa acción sea sin esfuerzo.
- La velocidad es tu estrategia de SEO.
Gasté cero dólares en anuncios. Todo el crecimiento provino de la búsqueda orgánica.
La mayoría de las herramientas en este nicho son lentas y están llenas de anuncios. Mi herramienta es ligera. El peso total de la página es inferior a 80 KB. Mi puntuación de Lighthouse es de más de 98. Como mi herramienta carga rápido, obtuve una mejor posición en los resultados de búsqueda.
Para herramientas de nicho, el rendimiento es la clave para ganar posiciones en las búsquedas.
Detalles técnicos:
- Frontend: Vanilla HTML, CSS y JS.
- Peso de la página: Menos de 80 KB.
Si lo hiciera de nuevo, añadiría más idiomas desde el principio. Vi tráfico de Indonesia y Brasil de inmediato. No estaba preparado para eso.
Prueba la herramienta aquí: tulisanaestheticid.com