All work
Jacana logoMVP in progress

Case study · Web app · AI

Jacana Designer: custom sportswear in five steps.

Jacana dresses athletes with custom apparel. We built the app their clients use to choose a garment, set their brand colors and turn a visual reference into generated artwork — previewed on front and back mockups, with the logos placed on each side and the result saved in their own design library.

Services
Product design, full-stack development, AI integration
Stack
Next.js · Supabase · OpenAI
Jacana Designer step 4: final front and back mockups
5guided steps, from garment selection to logo placement
14textures and 10 application options, plus a reference library
2garment views, with the logo placed on each one independently
Autosave for drafts, and saved proposals to come back to

The flow

Click through the steps.

Start with a T-shirt or a sleeveless top, add a brand name and colors, then choose a visual direction. Drafts save automatically, and a live summary keeps every choice in view.

Step 3: texture library and how the texture is applied
Step 3 of 5

Creative library

Choose a texture and how it is applied, or start from an existing design as a reference. That and the palette are the brief the model works from.

  • 14 textures, from technical mesh to crumpled metal
  • 10 application options, automatic placement included
  • Or an alternative path, based on reference designs

Design decisions

Why it works for non-designers.

The flow breaks apparel design into familiar choices: garment, brand, colors and inspiration. Jacana’s clients are coaches and team managers, and they can shape a proposal without learning a design tool.

01

Guided from the start

Most people freeze in front of an empty editor. Small, focused steps take a client from the garment to a saved result, and drafts save on their own so they can stop and come back.

02

AI with a clear brief

Clients set their palette, with suggested combinations if they want them, and pick a visual reference. The model generates the base artwork; the client places the logos.

03

A result to share and build on

Front and back mockups download as PNGs, with the flat artwork separately. Saved proposals stay in "My designs", to revisit or to start a variant from.

Stack

  • Next.js
  • TypeScript
  • Supabase Auth, DB & Storage
  • Canvas 2D & Sharp
  • OpenAI image generation
Next caseInstituto Ballester · CFP

Got an app idea that needs an MVP?

Let’s scope it