Selected work / 03
Nationwide US e-commerce
QC Supply
One design system. An entire shopping experience.
QC Supply
UI/UX · Design systems · Figma · Developer handoff
01 / The overview
A complete e-commerce UI/UX experience, from initial wireframes and a comprehensive design system to polished, developer-ready Figma designs.
Client
QC Supply
Scale
Nationwide American brand
Scope
Full website UI/UX and design system
Tools
Figma · Wireframes · Component systems
Delivery
Developer-ready designs and handoff
02 / The thinking
The challenge.
Unify a complex, product-heavy shopping experience for a nationwide American agricultural supply brand, with consistent interfaces from browsing through checkout.
What we set out to do
Build the UI/UX and design system for the full e-commerce website, including wireframes, pricing displays, responsive shopping patterns, minicart and checkout.
In detail / Interface views
01 / 03
03 / The execution
Behind the work.
I created the sitewide design system from the ground up in Figma, developing wireframes, reusable components, buttons, pricing treatments, page layouts and shopping flows. I organized the finished designs for developer handoff and collaborated with the implementation team, who built the live website.
04 / The outcome
The result.
A complete, consistent e-commerce design system and set of developer-ready interfaces that were implemented in the launched QC Supply website.
Next project / 04