- Work
- WordPress + WooCommerce
- Girly Essentials
Girly Essentials
A soft, editorial WooCommerce store for a clean-beauty brand: a campaign-led look up front and easy shopping underneath.
Visit the live site ↗
Hero image · 2400×1350hero.webp(00)At a glance
What the store does.
Sales figures will be added once the client shares them.
- Campaign
An editorial first impression
A split-screen hero and the line "Be your own kind of beautiful" set the tone before a single product appears.
- Bundles
Built to grow the basket
Product bundles and "frequently bought together" sit on product pages, where the buying decision happens.
- Wishlist
Easy to come back to
Wishlist, compare and customer accounts keep returning shoppers one tap from checkout.
(01)The challenge
Clean beauty is a crowded shelf. The store had to feel premium and trustworthy at a glance.
Shoppers comparing skincare need to believe in the ingredients before they look at prices, and they want to find their category, or the best sellers, without digging.
(02)What we discovered
Beauty shoppers buy with their eyes and stay for reassurance.
The look sells the first click; ingredient messaging, reviews and helpful articles keep the customer. Both needed equal weight on the page.
(03)The approach
Editorial first impression
A split-screen hero pairing product textures with a beauty portrait, under the campaign line "Be your own kind of beautiful".
Shopping made easy
Best Sellers and Shop by Category up front, with bundles, "frequently bought together", wishlist and compare to grow the basket.
Reasons to trust
Clean, non-toxic ingredient messaging, a reviews section and a skincare blog that answers real questions.
(05)Key screens
Desktop and phone.
Desktop and phone views of the key journeys. Illustrative previews until real screenshots are added
Home · desktop 1600×1000home-desktop.webp
mobile 780×1688home-mobile.webp01Home
Split-screen editorial hero, campaign line and the route into Best Sellers.
Shop by category · desktop 1600×1000category-desktop.webp
mobile 780×1688category-mobile.webp02Shop by category
Categories and best sellers surface the range without endless scrolling.
Product · desktop 1600×1000product-desktop.webp
mobile 780×1688product-mobile.webp03Product
Product page with swatches, bundles and "frequently bought together" to grow the basket.
Cart & wishlist · desktop 1600×1000cart-desktop.webp
mobile 780×1688cart-mobile.webp04Cart & wishlist
Wishlist, account and cart keep returning customers one tap from checkout.
(04)Design system
The look, in parts.
Sampled from the live site.
- Blush
#FFF7F3Background - Petal
#F7E9E3Panels & sections - Terracotta
#C26431Accent - Sale red
#D31129Offers & badges - Ink
#141010Text
Be your own kind of beautiful
Aa Bb Cc 0123456789Made using clean, non-toxic ingredients.
Aa Bb Cc 0123456789(06)Interaction & motion
In motion.
Short loops, 5–8 seconds, recorded from the real interface.
- Scroll-throughloop-scroll.mp46s · desktop browser frame on Blush · hero → Best Sellers → categories · slow, even scroll
Scroll-through
- Product to basketloop-basket.mp46s · phone frame · open a product, pick a swatch, add a bundle, cart count ticks up
Product to basket
- Editorial revealloop-hero-reveal.mp45s · desktop frame, cropped to the hero · split-screen images settle in, campaign line fades up
Editorial reveal
(07)What we built
A beauty storefront on WordPress and WooCommerce that looks like a campaign and shops like a well-organised counter.
Campaign-led home page
The split-screen hero and campaign line set the tone before a single product appears.
Basket-building tools
Product bundles, "frequently bought together" and discount rules encourage fuller orders.
Content that reassures
Ingredient messaging, a reviews section and a skincare blog support the decision to buy.
Features
- Editorial split hero
- Best Sellers
- Shop by Category
- Product bundles
- Frequently bought together
- Wishlist
- Compare
- Colour swatches
- Reviews section
- Skincare blog
- Customer accounts
Stack
- WordPress
- WooCommerce
- Elementor
- Makeaholic theme
- Bundle, wishlist & compare plugins
Scope
- WooCommerce store build
- Elementor page design
- Bundles, wishlist & compare
(10)Credits
- Design & build
- HuesLoom Studio
Want a site that works this hard?
Tell us about your store or site. We reply within one business day, honestly, even if the answer is "you don't need us yet".