Skip to content
Custom Kit Builder, Online Design Tool cover image
Back to work

Custom Kit Builder, Online Design Tool

Custom kit mockups in seconds, not days

A web tool that generates custom sportswear mockups for clubs and companies in seconds, wired into quote building, internal ordering, production and e-commerce.

Visit live site

Built with

Next.jsSupabaseTypescriptResend

The Problem

Custom sportswear design is traditionally a slow, back-and-forth process. A club or company enquires, a designer creates mockups based on their brand colours and logo, the client requests changes, and the cycle repeats until everyone's happy. Each round of revisions takes time, and the designer becomes a bottleneck, especially during peak ordering season when dozens of design requests come in simultaneously.

What I Built

The Custom Kit Builder, available at custom.stolengoat.com, is an AI-powered design tool that generates custom sportswear mockups in seconds. Clients input their company colours, upload their logo, and describe what they're after, AI generates design concepts that serve as a starting point for the conversation, rather than waiting days for a first draft from a human designer.

It integrates directly with internal ordering and production systems, so a design that gets approved can flow straight into the pipeline without manual re-entry.

Key Features

  • AI design generation: Clients describe their requirements and the system generates mockup concepts based on their brand identity, colours, and preferences.
  • Integration: Approved designs connect to internal workflow for designers to turn into production worthy designs
  • Production pipeline: Designs flow from approval through to production order sheets, reducing manual handoffs.
  • Transparent quote builder so prospects can see exactly what the project will cost.

How It Works

The front end captures the client's requirements, colours, logo, style preferences, and any specific requests. This brief is sent to AI along with constraints about available garment templates and production capabilities. The AI generates design concepts that respect these constraints while being creative within them. The team reviews the output, makes any necessary adjustments, and the approved design moves into the production workflow.

Impact

Design turnaround went from days to seconds for initial concepts. The human designer now focuses on refinement and creative direction rather than starting from scratch every time. During peak season, the team can handle significantly more design requests without adding headcount. Clients get to see concepts almost immediately, which shortens the sales cycle and improves conversion rates.

Want something similar?

Every project starts with a conversation. Tell us what you’re dealing with and we’ll figure out how to help.