Flashgard is an e-commerce site for premium device skins, screen protectors, and accessories with smart filters and customization options.
🚧 Challenges Faced
Creating a B2B flow for bulk orders and dealer onboarding while keeping the interface clean was a major challenge. I had to balance business-focused features like pricing tiers, quick reorder options, and catalog navigation without compromising usability for non-tech-savvy users.
🎯 Project Goals
Establish a strong online presence for the Flashgard brand
Design a clear, responsive product catalog with filter options
Clearly communicate the product range and brand value to potential customers and dealers
Lay a strong foundation for future transition into a full-fledged e-commerce platform
👨💻 My Contribution
Led the complete design process from research to UI, creating a clean, scalable layout to introduce Flashgard and support its future e-commerce growth.
💻 Design Process
Conducted user research, competitor analysis, and reference study, then created wireframes, designed high-fidelity UI, built a design system, and handed off assets to developers.
🎨 Final Outcome
Successfully designed a clean, informative website that effectively introduced Flashgard to the market and built brand trust, while laying a strong foundation for future e-commerce expansion.
%
Positive User Feedback
%
Faster Navigation Time
%
Smoother User Flow
%
Improved Color Accessibility
📚 Lessons Learned
Gained deeper understanding of visual hierarchy, improved decision-making in layout structure, and learned to balance brand goals with user needs in a B2B context.
