Portfolio case study
B2B Product Experience Design for Scent Marketing Platform
OVERVIEW
PROJECT
This project involved designing and building a B2B website for a scent marketing service in Hong Kong that helps businesses enhance customer experiences through customized fragrances.
The platform introduces the concept of scent marketing, showcases product solutions, and guides business clients through the process of creating customized scent environments for their spaces.
ROLE
UX / UI Designer and Web developer:
UX and information architecture,
Visual design and brand direction,
Product and service page design,
Website development and implementation,
Content structure and layout design
GOAL
Design a B2B website that communicates the value of scent marketing, presents product solutions clearly, and guides potential clients toward consultation or product inquiries.
The goal was to transform a sensory, intangible service into a clear and engaging digital product experience.
KEY SKILLS DEMONSTRATED
B2B Product Experience Design
Product Storytelling & Service Communication
Information Architecture
Brand Experience Design
UX for Service Platforms
Conversion-focused Website Design
THE CHALLENGE
Scent marketing is a sensory experience that cannot be directly experienced through a website.
The challenge was to translate an emotional and sensory concept into a structured digital experience that allows businesses to understand its value and applications.
The site needed to support different types of business visitors, such as retail, hospitality, and wellness brands, while maintaining a professional experience and guiding users clearly toward inquiries and consultations.
DESIGN APPROACH
Product Storytelling
I structured the website to introduce scent marketing as an experience rather than just a product. Through visual storytelling, lifestyle imagery, and concise messaging, the site helps visitors understand how scent can influence brand perception and customer emotions.
Information Architecture
To support business decision-making, the content structure was organized into clear sections:
Introduction to scent marketing
Customization process
OEM Industry applications
Product categories
Consultation and contact
This structure helps visitors quickly understand the service and explore relevant solutions.
Conversion-Focused Experience
The website guides users through a simple journey, from learning about scent marketing to exploring products and finally requesting consultation or additional information. Clear call-to-action elements help reduce friction and support business inquiries.
Industry Applications
To help business users quickly understand how scent marketing could apply to their environments, the website highlights examples tailored to different industries.
By framing scent marketing through real-world applications, the website helps business visitors quickly visualize how scent branding could enhance their own spaces.
Potential audiences:
Retail Stores
Fragrances that strengthen brand identity and create memorable in-store experiences, helping customers associate a specific scent with the brand.
Hotels & Hospitality
Signature scents that create a welcoming atmosphere in lobbies, guest rooms, and spa areas, reinforcing a premium guest experience.
Wellness Studios
Calming or refreshing fragrances designed to support relaxation, focus, or energy during wellness activities.
Commercial Offices
Subtle scent environments that improve comfort and create a pleasant workplace atmosphere.
Visual Identity & Atmosphere
Style Guideline
Branding
The visual design uses soft colors, elegant typography, and atmospheric imagery to evoke the emotional qualities of fragrance. The aesthetic reinforces the idea of calmness, comfort, and sensory experience.
Solution
Tools
The final website presents scent marketing as a premium brand experience while clearly communicating services and product options.
Key features include:
Industry-focused product presentation
Clear explanation of scent marketing benefits
Structured product and service pages
Guided inquiry process for customized scent solutions
The design helps business visitors quickly understand the service and imagine how scent marketing could enhance their own environments.
Destop Mockup Ui
Mobile Mockup Ui
Result & Reflection
Outcome
The website successfully translates an abstract sensory concept into a clear digital experience. By combining storytelling, product structure, and brand-focused design, the platform helps potential clients understand scent marketing and explore customized fragrance solutions for their businesses.
What I learned
This project strengthened my ability to translate abstract concepts into clear digital experiences. It also deepened my understanding of designing for B2B audiences, where clear service communication and trust-building are key to guiding users toward inquiry and conversion.
