Cosmo Club
A bilingual storefront for a premium skin, hair and body care retailer — built from scratch on its own product API rather than assembled from a template. Shoppers browse by category, by brand, or by the skin concern that brought them there.
A skincare storefront built around how people actually shop for skin.
A beauty catalog is not a flat list of products.
Someone shopping for skincare rarely arrives knowing the product they want. They arrive with a problem — acne, dark spots, hair fall, dryness — or with a brand they already trust. A generic store template flattens all of that into one long grid and leaves the shopper to guess.
The catalog also had to work in two languages at once. Arabic is the language most of the audience shops in; English is the language most of the product names are printed in. Bolting a translation layer on top of an English-only catalog was never going to hold.
Three ways into the same catalog.
Categories, brands and concerns are independent taxonomies over one product set — so the same serum is reachable from Skin care › Serums, from its brand page, and from Dark Spots.
Category tree
- Skin care
- Hair Care
- Body Care
- Korean
- Kids
Shop by concern
- Acne
- Dark Spots
- Dryness
- Redness
- Hair Loss
- Dandruff
Sub-categories
- Cleansers
- Serums
- Moisturisers
- Sunscreens
- Toners
- Shampoo & masks
A complete commerce surface.
Search & filtering
Full-catalog search with price range, category, brand and concern filters, plus newest and price sorting.
Accounts & wishlist
Registered shoppers keep a wishlist and a cart that survives across visits.
Merchandising controls
Hero banners, an announcement bar, featured and on-sale rails are all content the store owner controls.
Shipping rules
Shipping fee and the free-shipping threshold are store settings, not hard-coded values.
Product requests
If a shopper cannot find a product, they can request it — turning a dead end into a lead.
Bilingual by design
Categories, brands and concerns each store an English and an Arabic name at the data layer.
Storefront, API and control room.
Storefront
A server-rendered storefront that stays fast on mobile data and switches direction with the language.
- Category & product pages
- Cart and checkout
- RTL layout mirroring
Product API
Products, categories, brands, concerns, announcements and store settings are each served from their own endpoint.
- Filtered product queries
- Nested category tree
- Session & account endpoints
Store management
Catalog, imagery and store settings are database-driven, so the shop can be re-merchandised without a deployment.
- Category & brand imagery
- Announcement scheduling
- Shipping configuration
More work
Have a project like this one?
Tell us what you're building and we'll come back with how, what it takes, and how long.
Start Your Project