BLISS —
Crafting a cohesive brand identity to redesign a website for Bliss, a hot cocoa company that helps users fall asleep.
INTRO
I wanted to take on the challenge of redesigning the brand and website for a start-up company called Bliss. The company is rebranding so I thought this was the perfect opportunity to practice and apply my UX and UI skills.
FINAL PRODUCT
This is an ongoing project, but the current outcome is a high-fidelity prototype of the Bliss website. The design improvements have already helped boost user engagement and sales by 175%.
ROLE
UX/UI Designer
DURATION
1 year +
TOOLS
Figma
Miro
Wix
DEFINE —
PROBLEM
I identified problems with the initial website and brand elements, which helped me come up with 4 specific questions that guided my overarching work.
Is the brand clear and consistent in telling its users what product they sell?
Can users find what they need easily?Is the navigation intuitive?
What type of users does the current website attract and target?
How does the website's design influence perception of the brand?
INITIAL LANDING PAGE
RE-DESIGNED LANDING PAGE
RESEARCH —
COMPETITIVE ANALYSIS
I found common features among competitors' websites that work well.
I conducted a competitive analysis before I started designing and compared websites of other companies that sell sleep products with Bliss. This helped me prioritize certain features I wanted to include on the re-design.
WHAT WORKS WELL
COMPETITORS' LANDING PAGE
IDEATE —
BRANDING ELEMENTS
We wanted the brand to feel dreamy & comfortable to our users.
I chose a calming blue palette to evoke a sense of restfulness and sleep, while minimalist icons clearly communicate the brand’s focus on comfort and dreamy relaxation. An elegant typeface reinforces the soothing, nighttime feeling.
Using this brand identity, I started designing the website.
DESIGNING —
PROTOTYPING
I designed the initial website layout and refined it through multiple iterations to craft the final product.
I created a low-fidelity layout to explore the visual structure and overall flow of the website early in the design process. This allowed me to focus on layout, hierarchy, and user experience without getting distracted by color or detailed visuals. After working with stakeholders, I was able to design the final product.
TO BE CONTINUED —
TESTING, IMPLEMENTING, REPEATING
We are currently testing and have already seen results!
There has been an increase in user engagement and product sales, and I can't wait to share the final product! This is still ongoing so if you have any questions, please reach out :)
MORE PROJECTS —
