Cada tarea con su propia puerta de entrada.
Quien busca una herramienta de PDF no está comprando software. Tiene un documento y una sola cosa que necesita hacerle, y quiere saber en segundos si esta página puede hacerla. Un editor genérico entierra esa respuesta.
Por eso cada herramienta recibió su propia página, su frase exacta de lo que hace y su lugar en un catálogo que se puede recorrer de un vistazo. Cambiar texto, unir, dividir, firmar, comprimir, proteger: cada una se lee como una tarea, no como una función.
Lo que había que cambiar.
- El sitio original en WordPress no podía sostener un espacio de edición real, así que la plataforma se reconstruyó en Next.js.
- La propuesta necesitaba reposicionarse en torno a un conjunto de herramientas de documentos claro y defendible.
- Cada herramienta necesitaba su propia página y su promesa en lenguaje claro, en lugar de un solo editor genérico.
- El precio tenía que entenderse antes de que alguien subiera un archivo.
Pantallas
Diecisiete herramientas, un solo espacio.
El inicio, el catálogo, la página de una herramienta y el precio comparten una misma jerarquía, de modo que la persona pasa del documento que tiene sobre el escritorio al archivo terminado sin cambiar de modelo mental.
El mismo espacio en el teléfono.
Un documento llega al teléfono tan a menudo como al escritorio. El panel de carga, la lista de herramientas y el precio conservan el mismo orden en móvil, para que nada importante quede debajo de un pliegue que no termina nunca.
Sistema visual.
Un solo azul de trabajo contra tinta casi negra sobre blanco, una tipografía sans neutra en todo el producto y capturas de la interfaz en lugar de escritorios de banco de imágenes. La contención es el punto: nada en la página compite con el documento.
Tipografía · Inter, de regular a negrita
MakeCreatiPDF
Resultado.
Make Creati funciona ahora sobre su propia plataforma, con cada herramienta documentada en su página y el precio visible antes de subir un archivo.
El catálogo crece de una herramienta a la vez: una tarea nueva recibe una página nueva y una línea nueva en el índice, sin rediseñar el sitio a su alrededor.
Cómo se construyó.
Los cuatro pasos detrás de este proyecto y lo que cada uno tuvo que resolver.
Iniciar un proyecto
-
Paso 01
Posicionamiento y alcance
Definimos para qué servía la plataforma y qué herramientas la sostendrían al lanzar, antes de construir nada.
-
Paso 02
Reconstrucción
Sacamos el sitio de WordPress hacia una aplicación Next.js construida alrededor del espacio de edición y no alrededor de páginas.
-
Paso 03
Página por herramienta
Cada herramienta recibió su propia ruta, su promesa en lenguaje claro y su lugar en un catálogo que puede seguir creciendo.
-
Paso 04
Lanzamiento y hosting
Publicamos en hosting de producción y entregamos una plataforma que el dueño puede operar y ampliar.