Loafy

LOAFY is a sustainable sleep brand offering eco-friendly mattresses, designed to build trust and drive conversions through a clear, user-focused experience.

Year
2025
Services
UX/UI Design
Development
CRO
Industry
eCommerce
Two young men wearing caps smiling and pointing at a Loafy mattress on a bed frame.
Smartphone showing LOAFY Foam Mattress product page with prices, sizes, and payment options.
Laptop on gray surface displaying Loafy mattress website with cart showing queen mattress priced at $775.
Two young men wearing caps smiling and pointing at a Loafy mattress on a bed frame.
Smartphone showing LOAFY Foam Mattress product page with prices, sizes, and payment options.
Laptop on gray surface displaying Loafy mattress website with cart showing queen mattress priced at $775.
Two young men wearing caps smiling and pointing at a Loafy mattress on a bed frame.
Smartphone showing LOAFY Foam Mattress product page with prices, sizes, and payment options.
Laptop on gray surface displaying Loafy mattress website with cart showing queen mattress priced at $775.
Laptop displaying Sugar Baby skincare website featuring products, a smiling woman holding soap, and another woman applying product to her underarm.
Smiling woman using a white facial cleansing brush with foam on her cheek against a yellow background.
Hand holding a smartphone displaying the Sugar Baby website featuring the Glowing Kitty Kit skincare set with free Glow Wash, priced at $65, with product benefits and purchase options.
Laptop displaying Sugar Baby skincare website featuring products, a smiling woman holding soap, and another woman applying product to her underarm.
Smiling woman using a white facial cleansing brush with foam on her cheek against a yellow background.
Hand holding a smartphone displaying the Sugar Baby website featuring the Glowing Kitty Kit skincare set with free Glow Wash, priced at $65, with product benefits and purchase options.
Laptop displaying Sugar Baby skincare website featuring products, a smiling woman holding soap, and another woman applying product to her underarm.
Smiling woman using a white facial cleansing brush with foam on her cheek against a yellow background.
Hand holding a smartphone displaying the Sugar Baby website featuring the Glowing Kitty Kit skincare set with free Glow Wash, priced at $65, with product benefits and purchase options.

Digital Strategy & UX Redesign

The Challenge
1.
Outdated website design, looked like a basic template.
2.
Low conversions due to poor UX and unclear user journey.
3.
Product pages didn’t highlight benefits, features, or comfort levels.
4.
Cart experience was weak, especially for upsells.
5.
No mobile-first optimization.
6.
Lack of storytelling around the founders & brand mission.
7.
Overall site failed to build trust and credibility.
The Solution
We redesigned Loafy’s entire website with a clean, modern, and CRO-focused approach.

+47%

Add-to-Cart Rate

+31%

Mobile Conversions

-24%

Bounce Rate

Desktop screen showing Loafy mattress website with couple and dog on bed promoting eco-friendly mattresses.

Uncovering Product Characteristics

Simplifying the choice. With multiple mattress types, firmness levels, and sizes, new customers often felt overwhelmed. Our UX research showed that "choice paralysis" was the biggest barrier to conversion. So the site stopped being a catalog and became a digital consultant that guides each shopper to the right mattress.

Website product page showing a Loafy foam mattress on a wooden bedframe with pricing and size options.
Comparison of three health devices Nettle, Samphire, and Lutea with pricing, availability, and features listed.
Three Loafy mattresses with descriptions, ratings, prices, and buttons to view products.

Product Comparison Strategy

This case study presents three mattress variants (Loafy, Luxe, and Foam) through a structured comparison layout that helps users quickly understand the differences and choose what fits.

Laptop screen showing mattress options Luxe, Loafy, Foam with pricing and features comparison.

Building a Seamless Mobile Experience for Better Sleep Shopping

Knowing that customers shop on the go, we focused on designing a smooth, intuitive mobile experience. From easy browsing to quick checkout, every detail is crafted to make choosing the right mattress simple, fast, and stress-free.

Two smartphones displaying Loafy mattress product pages on a dark textured surface.

Streamlined Checkout Experience

Our goal was to reduce friction and speed up the purchase process. We designed a step-by-step checkout flow that feels simple and clear, avoiding overwhelming users with too many fields at once.

Side-by-side e-commerce cart views: empty with mattress options and populated with one queen Loafy Foam Mattress.
Mobile checkout screens showing order summary, payment options, contact info, delivery country, and pay now button.
Laptop on gray surface displaying an e-commerce site with a mattress in the shopping cart at $775.