Scenter:
A Personalized Aroma Experience
Brand Identity & Responsive Website Design
DURATION
8 Weeks
ROLE
Product Designer, Brand Designer, Web Designer
TOOLS
Figma, Adobe Illustrator
CLIENT
Scenter is a conceptual high-tech aroma diffuser brand in the home fragrance industry. The product offers personalized scented experiences designed to elevate daily routines and improve mental well-being. This project brought Scenter’s brand and product to life by developing a visual identity and a responsive website.
THE PROBLEM
PROBLEM STATEMENT
Scenter had no branding or digital presence, making it difficult to connect with potential customers, communicate product benefits, or build trust as a reputable, modern fragrance brand.
GOALS
Develop a complete brand identity, including logo, typography, and color palette
Design a responsive website tailored to Scenter’s products and the target audience's needs
Deliver final assets, including branding and a multi-device website
BRANDING PROCESS
DISCOVERY AND RESEARCH
I began with competitive research, analyzing logos, typography, and color schemes from fragrance diffuser companies. This research guided the creation of the name ‘Scenter’ and helped position the brand as sleek, calming, and tech-forward.
FINAL LOGO
I explored wordmark and pictorial mark sketches to balance sophistication with illustration. User feedback revealed that a simple wordmark with subtle, flowing design cues best captured the brand’s elegant, sensory personality.
STYLE GUIDE
TYPOGRAPHY
The primary typeface, DM Sans, is paired with Gothic A1 as the secondary. Together, communicate clarity and sophistication. The gentle curves of both typefaces create a relaxing tone that aligns with the product’s luxurious, wellness-focused identity.
COLOR PALETTE
Scenter’s palette consists of four blue tones, evoking serenity, elegance, and high-tech. The colors offer flexibility across branding and interface design, balancing contrast and harmony.
WEBSITE EXPLORATION
DISCOVERY AND RESEARCH
Next, I analyzed competitors’ websites, focusing on how fragrance brands structured their content and user flows across screen sizes. I used these findings to create Scenter’s information architecture, emphasizing storytelling, product features, and seamless navigation.
INITIAL SKETCHES
I sketched low-fidelity wireframes for mobile, tablet, and desktop to experiment with layout and spacing.
FINAL WEBSITE
A fully responsive website designed for mobile, tablet, and desktop.
Each layout was built using consistent grid systems and visual hierarchy to ensure clarity, responsiveness, and ease of use across platforms.
Key pages and features included:
Homepage
Shop Page
FAQs Page (Accordion Style)
About Page (Impact + Benefits)
Customer Reviews Section
Menu Overlay
Footer
404 Error Page
SOLUTION
The brand identity and responsive website created a strong, cohesive presence for Scenter that mirrors the brand’s modern and high-technology nature. The calm, minimalist visuals and clear calls-to-action reflect the products' tech-forward and wellness-centered identity. The final website encourages users to explore the brand and shop confidently, offering beauty and usability.
EXPECTED OUTCOME
While conceptual, the project simulates what a real-world product launch could look like for a fragrance diffuser brand. The visual identity is polished and market-appropriate, while the websites present a user-first experience across screen sizes.
PROTOTYPES
RETROSPECTIVE
RECOMMENDATIONS
To strengthen the Scenter website and bring the experience closer to a real-world launch, future steps could include the following:
User Testing & Feedback: Conduct usability testing to identify pain points in navigation, content clarity, or page hierarchy.
Motion & Interactions: Add subtle animations and hover effects to create a more dynamic and engaging interface while preserving the calming aesthetic.
PERSONAL REFLECTION
Designing Scenter from the ground up was an insightful experience that let me combine branding and UX/UI design into one cohesive vision. With complete creative ownership, I developed a full product story and strengthened my skills in brand research, user flow design, and cross-platform thinking. It also reminded me of the importance of intentional, beautiful design when creating a product meant for peaceful, personalized moments.