UI Design
Art Direction
Responsive
Lush
Duration
3 months
Team
Swapna Dhar
Role
User Interface Design, Visual Design
Tools
Figma, Adobe Illustrator, Adobe Photoshop
OVERVIEW
Redesigning Lush’s website in a way that is easy to follow, organized, and still clearly branded.
PROBLEM
A disconnect between the brand and website.
Lush's brand focuses on creating sustainable and ethical products with minimal packaging, which their current UI doesn't reflect.
SOLUTION
A clean and ethical design.
Design a clean, elegant UI that fits Lush and their brand values of being sustainable and ethical, while making the buying process smoother.
DISCOVERY
First, we researched competitors.
Before designing, I started to look at a few brands in the same space as Lush and analyzed their website, looking how engaging it is and how well it was designed.
Visual Design
Brand Consistency
Engagement
Features a straightforward design. There aren’t any flashy visuals which fits the brand’s values of simplicity and transparency.
Visual Design
Brand Consistency
Engagement
Features a clean, engaging design that is clearly branded through the use of brand colors.
Visual Design
Brand Consistency
Engagement
Offers a minimalist, organized design that is easy to use and navigate. Colors fit the brand.
ANALYSIS
What worked well and what didn’t?
I analyzed the current UI and noted down what stood out and what could be improved.
PROCESS
Wire-framing
Before moving onto designing the user interface, I designed wireframes to organize content and serve as a basis for the redesign.
DESIGN
Product Detail Page
The new design serves to make the purchasing process smoother and more intuitive by incorporating brand colors and organizing information clearly.
Making sure a website is responsive is important. Websites should be consistent across all breakpoints.
This design works for both light and dark mode.
TAKEAWAYS
Here’s what I learned:
I learned that designing a website can enhance brand connection through the use of color, typography, and interaction.
Maintaining accessibility is important when designing. We don’t want to compromise usability.
Iteration helps with creativity. The first draft is never the final, and it’s iteration and user feedback that helps refine the design significantly.