Disponible para proyectos
UX/UIProducto digitalCopywriting

LoremCraft → Texto Chimbo

Un generador de lorem ipsum temático que pasó de Figma a herramienta publicada

Rol
Diseño UX/UI, contenido y desarrollo
Año
2025 — 2026
Duración
Diseño + construcción en 2 etapas
Equipo
Proyecto propio
Herramientas
Figma, HTML/CSS/JS, SEO técnico
Portada de LoremCraft → Texto Chimbo
01/ 07 · Intención

El "lorem ipsum" clásico desconecta a los clientes de una maqueta: nadie entiende qué está viendo. La intención fue crear un relleno que haga sonreír en una presentación y que, además, ahorre trabajo al maquetar porque sale con etiquetas HTML o Markdown listas.

02/ 07 · El reto

Una herramienta de una sola función compite con cientos de generadores. Tenía que destacar por personalidad, por velocidad (sin registro, sin esperas) y por estar bien posicionada en buscadores.

03/ 07 · Roadmap

Cómo se hizo, paso a paso

  1. 01
    Idea

    Relleno con personalidad

    Definí los temas a partir de los mundos que conozco: diseño, agencias, fútbol, Fórmula 1 y la jerga de Caracas.

  2. 02
    Diseño v1

    Lorem Ipsum Temático

    Primera versión en Figma: controles de tema, longitud y cantidad de párrafos, vista previa tipográfica y versión móvil.

  3. 03
    Diseño v2

    LoremCraft

    Rediseño oscuro con estética de herramienta para developers: modo maquetador, salida en HTML semántico y un modal de "copiado" con vista del código.

  4. 04
    Construir

    Texto Chimbo

    La versión publicada: un sitio estático ligero con generador, botón "Mezcla Loca", copia en un clic y descarga.

  5. 05
    Posicionar

    SEO y monetización

    Contenido "Cómo funciona", ideas de uso y preguntas frecuentes para buscadores, más espacios reservados para anuncios.

04/ 07 · Decisiones

Decisiones que marcaron el resultado

decisión_01

El nombre local gana

"Texto Chimbo" habla como habla su público en Venezuela; LoremCraft quedó como identidad del diseño exploratorio.

decisión_02

Modo Maquetador

Salir con <h2>, <p> y <ul> ahorra pasos reales al diseñador o developer que pega el texto en su maqueta.

decisión_03

Cero fricción

Sin cuentas ni cookies invasivas: generar, copiar y seguir trabajando.

05/ 07 · El trabajo

El trabajo

Diseño de LoremCraft webpasa el cursor para recorrer ↓
LoremCraft en Figma: estética de herramienta para developers.
El modal de "copiado": confirma la acción y muestra el código que acabas de copiar.
Primera versión del generador temáticopasa el cursor para recorrer ↓
La primera versión, más clara, antes del rediseño.
Texto Chimbo: la versión construida y lista para publicar.
LoremCraft en el móvilpasa el cursor ↓
Lorem temático en el móvilpasa el cursor ↓
Texto Chimbo en el móvil
Del diseño móvil al producto publicado.
06/ 07 · En cifras
5temas de texto
3formatos de salida
0registros necesarios
07/ 07 · Aprendizaje

Diseñar dos veces antes de construir salió barato. La v2 en Figma resolvió dudas que en código habrían costado días.