Innovative Smart Mood Lighting Design for Enhanced User ExperienceInnovative Smart Mood Lighting Design for Enhanced User Experience
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Bayan's avatar
Bayan Alzubidy
• 3h
Mood Light One
This design is based on the concept of a smart lighting product that adapts to the user's mood through different modes (Relax – Focus – Energy – Sleep).
The interaction within the product details page simulates the visual impact of each mode by dynamically changing the image, colors, and the state of the primary action button. This allows users to clearly visualize the experience before making a purchase.
The design focuses on maintaining a clear visual hierarchy, emphasizing the primary call-to-action button, and simplifying the selection process. It delivers a smooth interactive experience that reflects the product’s core value: personalization and control.
The page was built using Components and Variants to ensure structured design organization and to professionally demonstrate state transitions.
Mobile DesignUX DesignUI DesignFigma
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started