Todos los trabajos
Logo de JacanaMVP en curso

Caso · Web app · IA

Jacana Designer: ropa deportiva a medida en cinco pasos.

Jacana viste atletas con indumentaria a medida. Construimos la app que usan sus clientes para elegir una prenda, definir los colores de su marca y convertir una referencia visual en un arte generado — con vista previa en mockups de frente y espalda, los logos colocados en cada lado y el resultado guardado en su propia biblioteca de diseños.

Servicios
Diseño de producto, desarrollo full-stack, integración de IA
Stack
Next.js · Supabase · OpenAI
Jacana Designer paso 4: mockups finales de frente y espalda
5pasos guiados, de elegir la prenda a colocar el logo
14texturas y 10 opciones de aplicación, más una biblioteca de referencia
2vistas de la prenda, con el logo colocado en cada una por separado
Autoguardado de borradores, y propuestas guardadas para volver

El flujo

Recorré los pasos.

Arrancá con una remera o una musculosa, agregá el nombre de la marca y los colores, y después elegí una dirección visual. Los borradores se guardan solos y un resumen en vivo deja cada elección a la vista.

Paso 3: biblioteca de texturas y cómo se aplica la textura
Paso 3 de 5

Biblioteca creativa

Elegí una textura y cómo se aplica, o arrancá de un diseño existente como referencia. Eso y la paleta son el brief con el que trabaja el modelo.

  • 14 texturas, de la malla técnica al metal arrugado
  • 10 opciones de aplicación, con colocación automática incluida
  • O un camino alternativo, a partir de diseños de referencia

Decisiones de diseño

Por qué funciona para quien no es diseñador.

El flujo divide el diseño de indumentaria en decisiones conocidas: prenda, marca, colores e inspiración. Los clientes de Jacana son entrenadores y responsables de equipos, y pueden armar una propuesta sin aprender una herramienta de diseño.

01

Guiado desde el arranque

A la mayoría la paraliza un editor vacío. Pasos chicos y concretos llevan al cliente de la prenda a un resultado guardado, y los borradores se guardan solos, así puede cortar y volver.

02

IA con un brief claro

El cliente define su paleta, con combinaciones sugeridas si las quiere, y elige una referencia visual. El modelo genera el arte base; el cliente coloca los logos.

03

Un resultado para compartir y seguir trabajando

Los mockups de frente y espalda se descargan en PNG, y el arte plano aparte. Las propuestas guardadas quedan en "Mis diseños", para revisarlas o para arrancar una variante.

Stack

  • Next.js
  • TypeScript
  • Supabase Auth, DB & Storage
  • Canvas 2D & Sharp
  • Generación de imágenes con OpenAI
Caso siguienteInstituto Ballester · CFP

¿Tenés una idea de app que necesita un MVP?

Definamos el alcance