Flat6Labs Web Platform & Design System
Problem & Audience
Problem & Audience
Flat6Labs required a modernized digital flagship to match its position as a premier regional startup accelerator. Recognizing structural friction in our legacy web experience, I proactively initiated and led an internal product redesign, auditing existing UX bottlenecks, architecting a scalable component library, and aligning executive leadership around an updated product vision.
Flat6Labs required a modernized digital flagship to match its position as a premier regional startup accelerator. Recognizing structural friction in our legacy web experience, I proactively initiated and led an internal product redesign, auditing existing UX bottlenecks, architecting a scalable component library, and aligning executive leadership around an updated product vision.
Flat6Labs required a modernized digital flagship to match its position as a premier regional startup accelerator. Recognizing structural friction in our legacy web experience, I proactively initiated and led an internal product redesign, auditing existing UX bottlenecks, architecting a scalable component library, and aligning executive leadership around an updated product vision.
Client
Client
Flat6Labs (Product)
Flat6Labs (Product)
DELIVERABLES
DELIVERABLES
UI/UX Redesign Figma Design System Claude Code Demo Usability Testing Plan
UI/UX Redesign Figma Design System Claude Code Demo Usability Testing Plan
Year
Year
2026
2026
Role
Role
Lead Product Designer & Systems Specialist
Lead Product Designer & Systems Specialist
Role & Design Process
Role & Design Process
I architected a comprehensive Figma design system using dark/light tokens, auto-layout constraints, and nested component variants. Leveraging this foundation, I redesigned the primary web user flows and built an interactive, code-backed prototype using Claude to simulate realistic web interactions. I then presented this live prototype directly to the CEO to gather strategic feedback and align on executive goals.
I architected a comprehensive Figma design system using dark/light tokens, auto-layout constraints, and nested component variants. Leveraging this foundation, I redesigned the primary web user flows and built an interactive, code-backed prototype using Claude to simulate realistic web interactions. I then presented this live prototype directly to the CEO to gather strategic feedback and align on executive goals.
Solution & Outcome
Solution & Outcome
The initiative delivered a production-ready web platform backed by a modular design library. Securing executive approval on the interactive prototype validated our UX decisions, paved the way for structured usability testing, and established an efficient design-to-engineering handoff pipeline for future releases.
The initiative delivered a production-ready web platform backed by a modular design library. Securing executive approval on the interactive prototype validated our UX decisions, paved the way for structured usability testing, and established an efficient design-to-engineering handoff pipeline for future releases.
