Read this case study as textBack to the map

Level 2: Leboret website

Designer, front-end and partner · 2026. A conversion-first redesign of the Shopify store of a Mexican perfume brand, built around making it easy to buy a set of three.

E-commerce

Leboret website

01 / 07

Context

Leboret is a Mexican perfume e-commerce brand built on Shopify, and each fragrance launches with its own visual world. I started as the brand's freelance designer about two years ago and became a partner in March 2026, when I began running the business. I designed the store for conversion first, so some choices favor clarity over visual flair.

The offer

Buying more lowers the price per bottle, so the store is built to sell sets.

02 / 07

Problem

To get the set discount, a shopper had to open each perfume page and add the bottles one by one. The product list was also visually heavy.

Before

In regular months, about 0.5% of sessions ended in a purchase (Shopify, Jul to Sep 2025).

03 / 07

My role

I designed the site in Figma and coded it on top of a Shopify theme, working from my IDE through GitHub. As a partner I also handle ads, email and operations, so I see what each design change does to sales.

Custom code

I coded the Build your set page and the custom home sections straight into the Shopify theme, versioned on GitHub.

04 / 07

Process

Three steps mattered: a simpler product list with less visual load, one page where a shopper picks three fragrances, and custom home sections. Each change shipped through a GitHub-connected theme.

Product list on mobile, before and after

A decision

I moved the product list from a black background to a white one to lower the cognitive load.

05 / 07

Solution

Build your set: pick three perfumes on one page, with delivery badges, shipping details and a dupes comparison. Across the store: a lighter product list, seasonal campaign banners and custom home sections.

Build your set: three perfumes chosen on one page
Home, product list and set offers on mobile

Phone first

96% of sessions are on mobile (Shopify, May to Sep 2026), so the phone is the main screen of this store.

06 / 07

Results

Comparing July to September 2026 with the same months of 2025, orders grew 2.9 times and net sales 3.2 times, while sessions doubled. Conversion moved from about 0.50% to about 0.68%.

Bigger orders

Each order also brought in 9% more in net sales (Shopify, Jul to Sep 2026 vs 2025).

07 / 07

What I learned

I would set up before-and-after tracking before each launch. I had to rebuild the comparison from Shopify history afterward. I would again reduce a complex choice to a single page.

Live siteleboret.com(opens in a new tab)
Map02·Leboret website01 · Context
0%
Text version
0%

Scroll, or use ←→ walk Space jump

Scroll, or use the buttons to move

Level 02

Leboret website

Designer, front-end and partner · 2026