Website template · Beauty e-commerce

Butterfly a store as polished as what it sells

An e-commerce website for cosmetic and beauty brands: high-quality imagery, soft pinks and a luxurious calm, product pages with reviews, easy browsing by category and brand, promotions that sell, and a short way to checkout. Eight home pages, one design system.

Explore the pages

See the homes

Design · BuildMy role
8Home pages
9Pages

butterfly · Home

Home page: let your skin do the walking, best of the week and offers

Overview

A storefront that feels like the product

What it fixes

Products lost in a template made for anything

Large, high-quality imagery and calm space around every product
Shoppers hunting for skincare among everything else

Shop by category (makeup, skincare, haircare, fragrance) or by brand
One home page for every brand and every season

Eight home pages from one kit: pick the story, keep the system
Offers that look like everything else

Promotional banners for new arrivals, deals and seasons that sell

My role

01DesignA clean, luxurious look for beauty brands
02UXCategories, filters, product pages and checkout
03DevelopmentResponsive on phone, tablet and desktop

In numbers

6Categories to shop by

8Home pages

3Sizes: phone, tablet, desktop

The palette

Rose#E7489B
Blush#F7D4E6
Sage#E9F0EC
Ink#1F1F24

What’s in it

Home8 layoutsPromo bannersBest of the weekNew arrivals
ShopCategoriesBrandsFiltersReviews
BuyCartCheckoutSign inFree shipping
BrandAboutBlogFAQsContact & stores

Tools & methods

Figma
Photoshop
HTML
Sass
Bootstrap

The core

Eight home pages, one kit

Every home is built from the same blocks: heroes, category rails, product grids, offer banners, brand strips and journal cards. A brand picks the story it wants to tell first. Pick one and watch it scroll; it moves on to the next on its own.

butterfly · Home 1

Built from

9 key pages · 3 parts

The home page
A sale up front, categories, the best of the week, new arrivals, a seasonal story, featured products and the journal.
The shop
Products in a grid with filters by category, brand, price and rating, and an offer on the side.
Sign in
A soft, single card: email, password, remember me.
About us
Who we are, why choose us, happy customers, the numbers and the team.
About, another way
The same story, with brands and a different rhythm.
The journal
Beauty tips and product stories, to bring shoppers back.
FAQs
Shipping, returns and payment, answered before anyone asks.
Contact
A form, the phone and email, and every way to reach the brand.
Our stores
Contact details and the stores, on a map.