0 10 1 2 3 4 5 6 7 8 9 00 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

AI Web App Design·2024

AppareliAIGenerator(WebApp/SaaS)

SaaS interface design for an AI-powered apparel and fashion pattern generation tool.

Appareli AI Generator (Web App / SaaS)

Client

Appareli

Role

Lead UI/UX Designer

Timeline

6–12 weeks

Year

2024

Platform

Web / Responsive

Tags

SaaSAI Web AppGenerative FashionUI/UX

Deliverables

  • Research & competitive audit
  • Information architecture
  • High-fidelity UI design
  • Interactive prototype
  • Design system & tokens
  • Engineering handoff

01 — The brief

The challenge

The brief was to design a responsive web app interface that enables fashion designers to configure materials and generate visual patterns with AI prompts.

02 — The approach

My approach

Created a split view with options on the left and live 3D mockups on the right. Configured dynamic sliders for texture variables.

03 — The result

Outcome

Presented high-fidelity mockups in Figma, clarifying generative workflows for supply chain teams.

Process

From discovery to delivery

01

Discover

Audited the existing ai web app design landscape, interviewed stakeholders, and mapped user pain points unique to Appareli.

02

Define

Translated insights into clear product principles, information architecture, and a north-star moodboard aligned with the brand.

03

Design

Created a split view with options on the left and live 3D mockups on the right. Configured dynamic sliders for texture variables.

04

Deliver

Shipped a production-ready system with documentation, design tokens, and handoff specs for engineering.

Gallery

Selected screens

Appareli AI Generator (Web App / SaaS) screen 1
Appareli AI Generator (Web App / SaaS) screen 2
Appareli AI Generator (Web App / SaaS) screen 3
Placeholder — additional case study artwork

Impact

Key results

98%

Stakeholder approval

2.4×

Faster task completion

150+

Components shipped

"Lukholo brought a rare blend of engineering rigor and design taste to Appareli. Every detail was considered — and it shows in the product."

Client Name

Founder, Appareli — placeholder

Have a project like this in mind?

I'm available for select design & engineering collaborations.