Scope
UX/UI Design, Figma Prototyping, User Research & Testing, Graphic Design
Timeline
Jun - July, 2023
Tools
Figma, Clip Studio
Merging functionality and design in custom PC builders
Existing products fall short in usability and design
Designed with gamers as the primary audience, this project aims to bridge the gap between functionality and aesthetics in PC customization. The goal was to create a platform that not only offers a wide selection of components but also delivers a smooth, visually engaging user experience.
As an e-commerce site with a lot of content, this required thoughtful planning and structure. I created detailed sitemaps and wireframes to keep the experience clear and intuitive. Giving most users would be on desktop, I designed with a progressive degradation approach, ensuring the product remained responsive while catering to the desktop site.
The branding for this project draws inspiration from modern tech aesthetics, using a palette of dark to light blues paired with bright accent highlights to create depth and contrast. Consistent use of color, typography, and iconography helped reinforce the brand’s identity.
I also created a complete custom icon set for each component, along with graphics for the hero and build CTA section.
An intuitive flow made the product simple and functional
The visual design brought clarity to the overall experience
This product bridges the gap between function and design
Seeing the final design come together showcased how thoughtful planning, testing, and iteration can transform a complex process into a seamless experience. This project reinforced the value of combining user insights with strong visual direction to create something that’s functional and easy to use. I learned a lot about managing large amounts of content through this product.
Have a project, idea, or just want to connect? I'd love to hear from you.