Timeline
June 2023
Services
Responsive Product Design
Tools
Figma
Photoshop
figJam
The challange
The primary objective was to craft an engaging user experience that effectively showcases the remarkable benefits of SereneScent and entices potential customers to explore more about this innovative product
Design Process
01
User Research
02
Competitor Analysis
and Research
03
Wireframing and User Flow
04
Auditing the Current Branding
05
Product Imagery Design and Composition
06
Visual Design, Prototyping and Animation for Web and Mobile
User Research
I conducted in-depth user research to understand the target audience's preferences, pain points, and motivations related to sleep and wellness products. This research guided the design decisions throughout the project.
Competitor Analysis and Research
To gain an edge, I did a deep dive into competitor analysis. I scoured the market for similar products and services, taking notes and organizing them in my trusty Figjam project. This helped me identify what sets SereneScent apart and find opportunities to make it shine.
Wireframing was next on the agenda. I crafted a simple yet effective layout that told the story of SereneScent and its benefits.
The hero section, benefits, how it works, testimonials, and the science behind it all fell into place, guiding users effortlessly through the page.
Branding and Visual Design
To maintain brand consistency, I analyzed Sandland Sleep's existing branding guidelines, including typography, colors, and imagery. I incorporated these elements into the SereneScent landing page design, ensuring a seamless brand experience.
Product Imagery Design and Composition
Ah, the product imagery! I scoured the web for stunning visuals and then unleashed my Photoshop skills to create eye-catching compositions. I wanted the product to look irresistible, perfectly complementing Sandland Sleep's aesthetic.
With everything in place, it was time for the visual design. Armed with Figma's design powers, I crafted layouts that worked seamlessly on both desktop and mobile. Typography, colors, spacing – I sweated the details to create a visually harmonious experience.
