Make Creati · Caso de estudio

Un espacio de trabajo de PDF reconstruido en torno a un trabajo a la vez.

Una pluma estilográfica en 3D transparente: un cuerpo transparente que deja ver su convertidor de tinta, con una plumilla de acero pulido
Resumen del proyecto
Una plataforma a medida para Make Creati: diecisiete herramientas de PDF en el navegador, cada una con su propia página y su promesa en lenguaje claro, reconstruida desde un sitio WordPress hacia una aplicación Next.js, con el precio visible antes de que alguien pague.
Servicios
  • Posicionamiento y alcance
  • Reconstrucción
  • Página por herramienta
  • Lanzamiento y hosting
Fecha
Agosto de 2026
Cliente
Make Creati
Recorrido por makecreati.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de Make Creati

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.

  • 17Herramientas al lanzar
  • 3Pasos del archivo subido al descargado
  • 1Plataforma, reconstruida desde WordPress
  • 2026Lanzado
Secciones del sitio de Make Creati dispuestas en ángulo

Lo que tenía que cambiar.

  1. El sitio original en WordPress no podía sostener un espacio de edición real, así que la plataforma se reconstruyó en Next.js.

  2. La propuesta necesitaba reposicionarse en torno a un conjunto de herramientas de documentos claro y defendible.

  3. Cada herramienta necesitaba su propia página y su promesa en lenguaje claro, en lugar de un solo editor genérico.

  4. El precio tenía que entenderse antes de que alguien subiera un archivo.

  • La página de inicio desplazándose, grabado de makecreati.com
  • La página Cambiar texto desplazándose, grabado de makecreati.com, precios difuminados

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.

  • La página Plantillas desplazándose, grabado de makecreati.com
  • La página Unir PDF desplazándose, grabado de makecreati.com, precios difuminados
  • La página Contacto desplazándose, grabado de makecreati.com

Cómo funciona

Un documento, tres pasos.

Sube un PDF y se abre en el editor, en el mismo navegador; el archivo se queda en el dispositivo. Haz clic en cualquier línea para volver a escribirla con una fuente equivalente, fírmalo y mira el precio antes de pagar la descarga. Grabado con un volante de muestra.

  • La página de la herramienta Cambiar texto: se elige un PDF, que se abre en el editor de Make Creati, grabado de makecreati.com
    1. Sube un PDF. Se abre en el editor, en el navegador.
  • El editor: Cambiar texto, un clic en la línea de la fecha de un volante de muestra y la fecha cambiada del 9 al 16 de mayo, grabado de makecreati.com
    2. Haz clic en una línea y vuelve a escribirla. Su tamaño, posición y fuente se mantienen.
  • El editor: una firma dibujada y colocada en la línea de firma del volante, y luego Descargar PDF abre el pago con los tres planes, grabado de makecreati.com, precios difuminados
    3. Dibuja una firma, colócala y descarga. El precio aparece antes de pagar.

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.

El menú del teléfono abriéndose, grabado de makecreati.com en un teléfono
La página de inicio en un teléfono, grabado de makecreati.com en un teléfono
La página Cambiar texto en un teléfono, grabado de makecreati.com en un teléfono, precios difuminados

Wireframes

La estructura de fondo.

Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.

Páginas de Make Creati dibujadas como wireframes, dispuestas en ángulo: tarjetas, botones y campos en contorno, barras grises para el texto y dibujos lineales de las fotos

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

  • #0F172A
  • #2563EB
  • #D3E0FB
  • #475569
  • #F8FAFC

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.

  1. Posicionamiento y alcance

    Definí para qué servía la plataforma y con qué herramientas se sostendría en el lanzamiento, antes de construir nada.

  2. Reconstrucción

    Saqué el sitio de WordPress y lo llevé a una aplicación en Next.js construida en torno al espacio de edición y no en torno a páginas.

  3. 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.

  4. Lanzamiento y hosting

    Publiqué en el hosting de producción y entregué una plataforma que su dueño puede operar y ampliar.