E-commerceWebUX/UI

GlowGenLab — Skincare E-commerce Redesign

GlowGenLab sells clinic-grade and home-use skincare from one catalogue, with nothing on the page to tell the two apart. This is my redesign of the store.

RoleUX/UI Designer
Timeline8 weeks
TeamDesign: me. Build: WordPress developer.
StatusClient project — designed, built and launched
ToolsFigma
1 clickany treatment category, from any pageNavigation depthBuyers stop guessing which section a product sits in
Specs on pageconcentration, intended use and who the product suitsProduct pageWhat decides the purchase is not hidden behind a click
4 templateshomepage, catalogue, product page, blogTemplates designedEvery new page the brand adds already has a layout
GlowGenLab — Skincare E-commerce Redesign – hero overview

How this was designed

01

The problem

GlowGenLab sells clinic-grade skincare and home-use products from the same catalogue, with nothing separating the two buyers. The detail a professional needs before ordering — concentration, intended use, suitability — is not part of the product page. The job was to make the catalogue navigable in one move and the product page decisive on its own.

02

What I did

Reorganised the catalogue so every treatment category sits in one menu reachable from any page. Rebuilt the product page around a specification block placed above reviews and related products. Added blog and article templates so the brand can publish without a new layout each time, and set colour, type and spacing rules that all four templates share.

03

How I got there

Reviewed the brand's existing store and three comparable aesthetic-medicine retailers to map how each one groups treatment categories, and how much product detail sits on the product page itself rather than in a downloadable sheet.

04

What came out of it

A full redesign of the homepage, catalogue, product page and blog, sharing one set of components. This one shipped: GlowGenLab commissioned the work, a developer built the design in WordPress, and the store went live with it.

The screens

Why it works that way

A single treatment menu instead of nested sections, so nobody has to guess where a product lives. The specification block goes first on the product page, above reviews and cross-sells, because that is what a clinic buys on. A restrained light palette with clinical photography, so the products carry the page rather than the decoration.

Behind the design

What I handed over

Homepage template
Catalogue with a single treatment category menu
Product page template with a specification block
Blog and article templates
Colour, type and spacing rules for every page
A reusable set of buttons, forms and cards

Common Questions

How did you decide what goes on the product page?▼

I started from what a clinic has to know before ordering — concentration, intended use and suitability — and made those three the first block under the image, above reviews and related products.

The store is live — why no conversion figures here?▼

Because I do not have them. I designed the store and a developer built it; the analytics sit with the brand. Any number I published here would be one I could not stand behind, so the case study stays with what is countable in the design itself.

Your store next

Send me your store link — I'll record a free 5-minute audit

You get a short video walking through what is costing you orders — the product page, the basket and the checkout. No call, no obligation.