How a Fragrance Store Used Mobile-First Product Pages to Support WhatsApp Orders

1. Project Overview

A growing fragrance store needed an e-commerce website that could help mobile customers discover perfumes, understand fragrance details, and place orders conveniently through WhatsApp.

Most customers found the store through Facebook, Instagram, TikTok, and mobile advertising. They opened product links from smartphones and expected to understand the offer within a few moments.

However, perfume is difficult to evaluate online. Customers cannot smell the fragrance before purchasing, so they need clear product information, attractive imagery, fragrance notes, size options, pricing, reviews, and direct access to customer support.

Webnion planned a mobile-first fragrance shopping experience that connected informative product pages with a simple WhatsApp ordering journey.

The goal was to reduce customer uncertainty, make fragrance selection easier, and help interested visitors start an order conversation without navigating through a complicated process.

2. The Business Challenge

The fragrance store offered multiple perfumes, oils, body sprays, gift sets, and fragrance variations.

Customers frequently asked questions such as:

• What does the perfume smell like?
• Is it suitable for men, women, or both?
• What are the top, middle, and base notes?
• How long may the fragrance last?
• Which bottle sizes are available?
• Is the product original?
• Is it suitable for daily use or special occasions?
• What is the delivery charge?
• Can the order be placed through WhatsApp?
• Which fragrance is best within a specific budget?

Managing these questions manually created repeated work for the sales team.

The store also faced several digital challenges:

• Product pages were not optimized for mobile visitors
• Important fragrance information was difficult to scan
• Customers had to search for the WhatsApp number manually
• Product details were not included automatically in conversations
• Small buttons made mobile interaction difficult
• Bottle sizes and prices caused confusion
• Customers left before asking a question
• Social media traffic did not have a focused conversion path
• The store lacked a consistent product-presentation system

The business needed product pages designed around mobile decision-making and direct conversation.

3. Project Objectives

The project was planned around the following objectives:

• Create mobile-first fragrance product pages
• Make perfume information easy to understand
• Highlight fragrance notes and product benefits
• Present sizes, prices, and stock clearly
• Build customer confidence through reviews and trust elements
• Keep the WhatsApp action visible
• Carry relevant product information into the conversation
• Reduce repetitive customer questions
• Support traffic from social media campaigns
• Simplify the journey from product discovery to ordering
• Maintain premium fragrance branding
• Prepare the store for future product expansion

Every part of the experience was designed to help mobile customers take the next step with less hesitation.

4. Our Strategy

We structured the customer journey around the way people shop for fragrances from smartphones.

The intended journey was:

Discover a fragrance → Understand its scent profile → Review price and size → Check customer feedback → Ask a question or order through WhatsApp

The product page needed to answer the most important questions before the customer contacted the store.

At the same time, it could not become so long or complicated that mobile visitors lost interest.

We therefore prioritized:

• Strong product imagery
• Short benefit-focused summaries
• Structured fragrance notes
• Clear variations
• Visible pricing
• Customer proof
• Persistent WhatsApp access
• Simple ordering communication

This created a balance between self-service information and assisted sales.

5. Mobile-First Product Page Structure

The product page was designed for smaller screens first.

The most important information appeared near the top:

• Product image
• Fragrance name
• Current price
• Previous price where applicable
• Discount information
• Bottle size
• Availability
• Customer rating
• WhatsApp order button

Customers could understand the primary offer without scrolling through several unrelated sections.

Additional information remained available further down the page for customers who wanted to learn more.

This structure supported both quick buyers and careful researchers.

6. Premium Product Photography

Fragrance customers depend heavily on visual presentation.

The product page could include:

• Front bottle image
• Packaging image
• Side and back views
• Cap and spray details
• Bottle-size comparison
• Lifestyle photography
• Gift-box presentation
• Ingredient-inspired visuals
• Product-in-use imagery

High-quality images helped customers understand what they would receive and strengthened the perceived value of the product.

Consistent photography also made the catalog feel more professional and trustworthy.

7. Clear Fragrance Story

Each product was given a concise story designed to communicate mood, identity, and occasion.

Instead of using only generic descriptions, the content could explain:

• The personality of the fragrance
• The emotion it represents
• The type of occasion it suits
• The season where it may perform best
• The customer profile it may appeal to

For example:

A warm and confident evening fragrance built around amber, woods, and soft spice—designed for memorable occasions and refined personal style.

This helps customers imagine the experience before starting an order conversation.

8. Structured Fragrance Notes

The product page organized scent notes into understandable stages.

Top Notes

The first impression experienced after applying the fragrance.

Middle Notes

The central character that develops after the opening settles.

Base Notes

The deeper elements that remain and shape the final experience.

These sections could use:

• Ingredient names
• Small supporting images
• Simple icons
• Short explanations
• Visual note groups

This made perfume descriptions easier to understand for customers unfamiliar with technical fragrance terminology.

9. Shopping by Fragrance Preference

Customers may not know a perfume name, but they often understand what type of scent they prefer.

The website could help visitors discover products by fragrance family:

• Fresh
• Floral
• Woody
• Citrus
• Amber
• Musk
• Oriental
• Spicy
• Fruity
• Aquatic
• Gourmand

Mobile-friendly category links helped customers move from one product to related fragrances without returning to the main menu.

This supported faster product discovery and more informed WhatsApp conversations.

10. Size and Variation Selection

Fragrances may be available in multiple options:

• 30 ml
• 50 ml
• 75 ml
• 100 ml
• Travel size
• Tester
• Perfume oil
• Spray version
• Gift package

Each variation could maintain its own:

• Price
• Stock
• SKU
• Product image
• Discount
• Availability

Customers could select the correct option before opening WhatsApp.

This reduced conversations where staff had to ask which bottle size or version the customer wanted.

11. Visible and Consistent Pricing

Pricing needed to remain clear throughout the page.

The mobile product page could display:

• Current price
• Previous price
• Discount percentage
• Selected variation price
• Delivery information
• Bundle price
• Final payable amount where available

Clear pricing reduced hesitation and prevented confusion after customers entered WhatsApp.

The same price information needed to remain consistent across product pages, campaign content, and sales conversations.

12. WhatsApp Order Button Placement

The WhatsApp action was treated as a primary conversion feature.

It could appear:

• Near the product price
• Below the variation selectors
• After the product description
• Near customer reviews
• As a sticky mobile button
• At the bottom of the product page

The button needed to remain easy to reach without covering important content.

A clear label such as “Order on WhatsApp” was more useful than a generic icon because customers immediately understood what would happen next.

13. Product Information Sent to WhatsApp

A basic WhatsApp button may open an empty conversation.

That creates extra work because the customer must manually explain which product they are viewing.

A better experience can prefill the message with relevant information.

For example:

Hello, I want to order this fragrance.

Product: Rose Blush Eau de Parfum
Size: 50 ml
Price: ৳4,850
Product link: [product page]

Please confirm availability and delivery details.

This allows the sales team to understand the request immediately.

It also reduces mistakes when customers are considering several similar products.

14. Supporting Questions Before Ordering

Not every customer is ready to order immediately.

Some may want to ask:

• Is this suitable for daily use?
• Which size should I choose?
• Do you have a sample?
• Is this fragrance unisex?
• What is the expected delivery time?
• Is gift packaging available?
• Which perfume is similar to this one?

The WhatsApp journey was designed to support both direct orders and product guidance.

This allowed the store to combine e-commerce convenience with assisted selling.

15. Customer Reviews and Social Proof

Fragrance reviews help potential customers understand the product from a practical perspective.

The product page could display feedback related to:

• Fragrance character
• Packaging quality
• Delivery condition
• Gift suitability
• Customer satisfaction
• Perceived longevity
• Value for money
• Repeat purchases

Useful review formats included:

• Star ratings
• Written feedback
• Customer photos
• Video testimonials
• Social media comments
• Verified purchase indicators

Product-specific reviews helped customers evaluate the exact fragrance they were considering.

16. Trust and Authenticity Information

Customers may hesitate to purchase fragrances online because of counterfeit or low-quality products.

The website could strengthen confidence through:

• Clear business identity
• Authentic product photography
• Product-source information where verified
• Packaging details
• Visible contact information
• Customer reviews
• Delivery policy
• Return or replacement conditions
• Secure payment information
• Direct WhatsApp support

The website avoided unsupported authenticity claims.

Trust was built through professional presentation, transparency, and consistent communication.

17. Mobile Page Speed

A mobile-first product page must also load quickly.

Large perfume images and decorative effects can make a page visually attractive but slow.

The website experience was planned with attention to:

• Optimized WebP images
• Responsive image sizes
• Reduced unnecessary scripts
• Lightweight page sections
• Efficient font loading
• Clean front-end code
• Lazy loading for lower-page images
• Limited heavy animation

Faster pages help customers reach product details and WhatsApp actions without unnecessary waiting.

This is especially important for visitors arriving through paid social media traffic.

18. Clear Product Information Sections

Long product descriptions can be difficult to read on mobile devices.

The content was divided into focused sections such as:

• Product Overview
• Fragrance Story
• Fragrance Notes
• Best For
• Available Sizes
• How to Use
• Product Information
• Customer Reviews
• Delivery and Support

This made the page easier to scan.

Customers could find the information relevant to their decision without reading every paragraph.

19. Shopping by Occasion

Customers often choose fragrances for specific moments.

The website could organize recommendations for:

• Everyday use
• Office wear
• Evening events
• Weddings
• Romantic occasions
• Summer
• Winter
• Travel
• Gifts

Occasion-based discovery helped customers who were unsure which fragrance family to choose.

It also created more useful conversations when they contacted the store through WhatsApp.

20. Related Fragrance Recommendations

The product page could recommend relevant alternatives.

These might include:

• Similar fragrance profiles
• A lower-priced option
• A premium alternative
• A different bottle size
• A unisex option
• A gift set
• A sample bundle

Recommendations were kept limited and relevant so they supported discovery without distracting customers from the main product.

This also helped the sales team suggest alternatives when the original product was unavailable.

21. Gift Set Presentation

Gift buyers require additional information.

Gift-set pages could show:

• Products included
• Bottle sizes
• Packaging details
• Regular value
• Gift price
• Total savings
• Occasion recommendations
• Optional gift message
• Availability

A visible WhatsApp action allowed customers to discuss gift packaging, delivery dates, and recipient information directly with the store.

22. Mobile Navigation

The mobile navigation focused on essential shopping areas:

• Home
• Fragrance collections
• Men
• Women
• Unisex
• Gift sets
• Search
• Cart
• WhatsApp support

The menu remained compact and easy to use with one hand.

Customers could move between collections and product pages without dealing with a complicated desktop-style menu.

23. Search and Product Filters

Customers could narrow the catalog using filters such as:

• Fragrance family
• Gender
• Occasion
• Bottle size
• Concentration
• Price range
• New arrivals
• Best sellers
• Gift sets
• Availability

This helped customers discover relevant fragrances before reaching out through WhatsApp.

Better filtering also improved the quality of customer inquiries because visitors arrived with clearer preferences.

24. Assisted Ordering Journey

The complete assisted-sales journey was planned as:

Customer visits product page → Reviews fragrance information → Selects size → Opens WhatsApp → Prefilled product details appear → Sales team confirms availability → Customer provides delivery information → Order is processed

This creates a smoother process than asking customers to copy product names or send screenshots manually.

It also gives the business greater visibility into which products generate WhatsApp conversations.

25. Campaign Landing Support

The store could send advertising traffic directly to focused product or collection pages.

A campaign page could include:

• Main product image
• Fragrance story
• Key notes
• Price
• Size options
• Customer reviews
• Frequently asked questions
• WhatsApp order action

This helps keep the customer focused on one offer.

It also creates stronger continuity between the advertisement and the website experience.

26. Tracking Customer Actions

The website could track meaningful customer actions such as:

• Product page visits
• Variation selections
• WhatsApp button clicks
• Add-to-cart events
• Checkout activity
• Product search
• Review interactions

Tracking does not guarantee sales, but it helps the business understand which products and pages generate interest.

This data can guide future marketing and product-presentation decisions.

27. Design Approach

The visual direction focused on premium fragrance presentation and mobile usability.

The design approach included:

• Elegant typography
• Clean light backgrounds
• Premium product imagery
• Refined brand accents
• Clear pricing hierarchy
• Large mobile-friendly buttons
• Structured content sections
• Consistent product cards
• Comfortable spacing
• Visible WhatsApp actions

The interface remained premium without becoming difficult to navigate.

Product information and conversation actions stayed at the center of the experience.

28. Key Features Delivered

The mobile-first fragrance solution included:

• Responsive fragrance e-commerce design
• Mobile-first product pages
• Premium image galleries
• Fragrance storytelling
• Top, middle, and base notes
• Size and product variations
• Variation-specific pricing
• Stock availability
• Product-specific reviews
• Trust and authenticity information
• Occasion-based discovery
• Related fragrance recommendations
• Gift-set presentation
• Mobile search and filters
• Sticky WhatsApp action
• Prefilled WhatsApp order messages
• Campaign landing support
• Customer-action tracking
• Optimized mobile performance
• Scalable fragrance catalog structure

Each feature was selected to improve product understanding, mobile usability, and assisted ordering.

29. The Outcome

The completed solution created a more focused mobile journey for customers discovering fragrances through social media and online campaigns.

Visitors could understand the product, explore its notes, select a size, review customer experiences, and begin a WhatsApp order conversation without searching for contact information.

The sales team could receive clearer inquiries containing product details and customer intent.

No unverified sales, conversion, or WhatsApp-order percentages are being claimed. However, the website directly addressed the friction that often exists between mobile product discovery and manual ordering.

30. Business Value Created

The solution helps the fragrance store:

• Present perfumes professionally
• Improve mobile product understanding
• Make WhatsApp ordering easier
• Receive clearer product inquiries
• Reduce repetitive questions
• Keep pricing and size information consistent
• Support assisted selling
• Improve social media campaign journeys
• Build trust through reviews and product information
• Reduce incorrect product requests
• Highlight gift sets and related fragrances
• Track customer interest
• Add future products more easily
• Create a stronger foundation for online sales

The project demonstrates that WhatsApp works best when it is connected to an informative and well-structured product experience.

31. Why This Project Matters

Many fragrance businesses depend on WhatsApp for online orders.

However, simply placing a WhatsApp icon on a website does not create an effective ordering journey.

Customers still need enough information to understand the product and feel confident before starting a conversation.

A mobile-first product page connects:

• Product discovery
• Fragrance education
• Pricing
• Variation selection
• Customer proof
• WhatsApp communication

This makes the website a practical sales assistant.

The product page prepares the customer, and WhatsApp supports the final conversation.

32. Frequently Asked Questions

Why are mobile-first product pages important for fragrance stores?

Many fragrance customers arrive from social media using smartphones. Mobile-first pages make product information and ordering actions easier to access.

Can customers order directly through WhatsApp?

Yes. A product page can open WhatsApp with a prepared message containing the product name, selected size, price, and page link.

Can different bottle sizes have separate prices?

Yes. Each size or variation can maintain its own price, stock, SKU, and availability.

Can customer reviews appear on individual product pages?

Yes. Product-specific reviews can help customers evaluate the exact fragrance they are considering.

Can the website explain fragrance notes?

Yes. Top, middle, and base notes can be presented using structured text, icons, and ingredient imagery.

Can WhatsApp buttons remain visible while customers scroll?

Yes. A mobile sticky action can keep WhatsApp accessible without covering important page content.

Can the store track WhatsApp button clicks?

Yes. Website analytics can record button interactions to help the business understand product interest.

Can the same system support gift sets?

Yes. Gift sets can include product details, pricing, packaging information, reviews, and a direct WhatsApp order action.

33. Need a Mobile-First Fragrance Website with WhatsApp Ordering?

Fragrance customers need more than a product image and a contact number.

They need to understand the scent, compare options, confirm pricing, and feel confident before starting an order conversation.

Webnion designs and develops responsive e-commerce websites for:

• Fragrance stores
• Perfume brands
• Cosmetics businesses
• Beauty retailers
• Gift shops
• Personal-care brands
• Facebook-based sellers
• Growing online businesses

We create mobile-first product experiences that connect clear product information, customer trust, and WhatsApp-assisted ordering.

Build a fragrance website that helps customers understand your products and makes every order conversation more focused.