The Light Atelier
UX case study covering the full design process – from wireframing and style guide development to high-fidelity prototyping, user testing, and iterative refinement.
-
Many online lighting stores feel cluttered, technical, and uninspiring. They lack a curated, stylish shopping experience that unites products from various brands and inspires customers to see lighting as design.
-
The target audience is design-conscious customers who seek more than just lighting—they want curated, stylish solutions that enhance their living spaces. They appreciate quality, variety, and inspiration to use light as a key element in interior design.
-
The goal was to create a user-friendly, visually appealing online shopping experience for lighting that inspires customers and simplifies the purchasing process. The platform should curate products from various brands and highlight lighting as a key design element.
User Persona
“
As a design-savvy interior enthusiast, I want to navigate the lighting online store intuitively to discover high-quality lamps with ease and understand their features and lighting effects — suitable for every room and occasion.
An interactive user experience with playful elements should provide me not only with guidance but also a sense of comfort that inspires me and motivates continued use.
User Flow
The user journey begins by opening the website and uploading an image — for example, a lamp spotted in a café — to search for visually similar products. With the help of smart filters, users refine their selection, explore product details, switch to Dark Mode for a cozy browsing experience, discover complementary items through cross-selling, and complete their purchase seamlessly.
Design Principles
Comfort
Clarity
Context
Quality
Design System
The design system is built around warm, inviting colors that reflect the core principle of comfort. A modern sans-serif typeface, Space Grotesk, ensures clarity and readability. Key components include a Dark Mode toggle styled as a light switch and interactive product cards with subtle hover effects to enhance engagement.
Wireframes
Prototype
The final high-fidelity prototype brings together a warm, intuitive user experience with a clear visual structure. It features image-based search, detailed product pages, an ambient Dark Mode, and subtle interactions like hover effects and a tactile light-switch toggle. The result is a curated, emotionally engaging shopping experience that balances aesthetics with usability.