CASE STUDY . 2026

HEARTLINE CANDLES.

HEARTLINE CANDLES.

HEARTLINE CANDLES.

A warm, premium candle-shopping experience with a simple WhatsApp ordering flow.

UX/UI Design

Framer

3 weeks

01

THE CHALLENGE

HOW MIGHT WE MAKE A SMALL CANDLE BUSINESS FEEL PREMIUM?

Heartline Candles needed a digital presence that could communicate the warmth and craftsmanship of its products while keeping the buying process simple and manageable for a small business.

THE CORE QUESTION

How might we create a premium product experience while keeping the ordering process simple for a small business?

02

THE GOAL

CREATE DESIRE.

REDUCE FRICTION.

SUPPORT THE BUSINESS.

01

Create desire

Use visual storytelling to communicate the warmth, quality and handcrafted nature of the brand.

02

Reduce friction

Make it easy for customers to explore products, choose their fragrance and place an order.

03

Support the business

Enable direct ordering through WhatsApp instead of introducing a complex checkout system.

03

THE SOLUTION

A SIMPLE JOURNEY FROM INSPIRATION TO ORDER.

THE JOURNEY

DISCOVER

BROWSE

CHOOSE

ORDER

CONFIRM

The website handles the discovery and product-selection experience. WhatsApp handles the conversation and final order confirmation.

04

BEFORE & AFTER

FROM A FUNCTIONAL LAYOUT TO A MORE CURATED EXPERIENCE.

BEFORE

Functional layout with basic product grid

AFTER

Redesigned collections experience

04

BEFORE & AFTER

FROM A FUNCTIONAL LAYOUT TO A MORE CURATED EXPERIENCE.

BEFORE

Functional layout with basic product grid

AFTER

Redesigned collections experience

05

PRODUCT EXPERIENCE

A RICHER PRODUCT EXPERIENCE.

Customers can explore product details, choose their fragrance and start an order directly through WhatsApp.

06


WHATSAPP ORDERING FLOW

FROM SELECTION TO WHATSAPP IN ONE CLICK.

BEFORE

Customers had to message manually

  1. Send “Hi” on WhatsApp.

  1. Wait for the business to reply.

  1. Type and send the product details.

AFTER

Ordering details are filled in automatically.

  1. Select a product and fragrance.

  1. Tap Order Now.

  1. WhatsApp opens with the details filled in.

  1. Review and tap Send.

07

TOOLS & PROCESS

DESIGNING AND BUILT DIRECTLY IN FRAMER.

TOOLS

  1. FRAMER

  1. FIGMA

  1. AI-assisted imagery

Customers had to enter everything manually.

3 Weeks

Responsive website

Independent Project

08

KEY TAKEAWAYS

SIMPLE SOLUTIONS CAN CREATE BIG IMPACT.

  1. Simple solutions can create big impact.

  1. A website doesn't need a traditional checkout to support orders.

  1. Strong visuals can communicate product value before the purchase.

  1. Designed and building together helps create faster, better decisions.

Designing directly in Framer let me test the WhatsApp flow with real interactions instead of static mockups, which is what surfaced the pre-filled message idea

✦ HEARTLINE CANDLES

MADE TO TURN A MOMENT INTO SOMETHING MEMORABLE.

✦ HEARTLINE CANDLES

MADE TO TURN A MOMENT INTO SOMETHING MEMORABLE.

© 2026 CHANDAN M. ALL RIGHTS RESERVED.

BACK TO TOP

Create a free website with Framer, the website builder loved by startups, designers and agencies.