Case study
Glam Shelf
Beauty e-commerce storefront focused on clean product presentation, mobile UX and a polished shopping experience.
Glam Shelf
A cosmetics and makeup store, taken from Figma layouts to a live Shopify build.
Glam Shelf is a cosmetics and makeup store, taken from Figma layouts to a live Shopify build.
Understand
Learn the catalogue, the customers and what each page has to do.
Design
UI/UX design and brand styling in Figma before any code.
Build
Custom Shopify sections and responsive layouts on mobile and desktop.
Launch
Six curated bundle tiers to lift average order value, and a full sale structure.
Built around one founder’s idea of a beauty shelf.
Glam Shelf is a Pakistani makeup and beauty store founded by Laiba Ahsan. The design had to make a new visitor trust the shop at first glance, so every screen leads with curated products, honest offers and a warm pink identity.
Our story
The About page opens with the founder and the idea behind the shop, before any product is sold.
Why it exists
Story, dream and values get their own blocks so the brand reads as people, not just a catalogue.
From first look to first bag, section by section.
The Figma home page, in the order a visitor scrolls it.
Hero
A single line, “Your Beauty Your Shelf.”, with one clear Shop Now action over a warm product still.
Everyday deals
Bundle tiles show what is inside and the price, so a deal can be judged without opening it.
Best sellers
Tabs for Best Seller, New Items and Sale keep browsing inside the home page.
Shop by bag
Curated bags pull products together by need.
Why Choose Glam Shelf
The section answers the question a new visitor has: why trust this shop.
Closing call to action
The page ends with a last invitation into the shop.
Shop, contact and footer.
Pink, black and clean lettering.
Brand pink for actions and highlights, black for headings, Jost and Quicksand for text.
The same shop, in one thumb’s reach.
On a phone the layout stacks, the menu becomes a bottom bar (Home, Shop, Search, Wishlist, Bag) and product tiles scroll sideways.
Hero
Deals and best sellers
Featured categories
Mobile screens are captures of the live site; the Figma file has desktop layouts only.
The brief.
Present a large beauty catalogue clearly and make it easy to buy more than one product at a time.
#C63F69
#111111
#F6F6F6
Assistant · headlines and body
See it running.
What I worked on.
- UI/UX design and brand styling in Figma
- Custom Shopify sections and responsive layouts
- Six curated bundle tiers designed to lift average order value
- Full product catalogue, collection structure and sale structure
- Product pages built around conversion across mobile and desktop
Contact