All projects
WebsiteUX/UIBeauty

Yan BTY

A mobile-first beauty e-commerce site for Morocco, with skin-profile matching, a beauty journal and loyalty points built in.

Yan BTY website
The project

Yan BTY is a premium multi-brand beauty retailer in Morocco with its own Yan&One line. We designed and built its storefront from the brand guidelines: catalogue, product pages, a three-step checkout and accounts, with beauty-specific personalisation throughout.

What we built

01

Storefront

Product listings and pages, brand pages, a store locator and gift cards.

02

Account area

Orders, several wishlists, addresses and loyalty points.

03

Content & SEO

A beauty journal, with per-page metadata and structured data.

Key features

  • Filter by brand, skin type, concern and certification
  • A beauty profile with a 'good for you' match badge on products
  • Ingredient transparency, including pregnancy-safe labels
  • In-store availability on every product page
  • Cart drawer with a free-shipping progress bar
  • Three-step checkout with gift option and sample picker
  • Loyalty points and tiers, and multiple wishlists

Built with

ReactViteTypeScriptAWS Amplify

Across the site

Desktop & mobile
Yan BTY page 1
Yan BTY page 2
Yan BTY on mobile 1
Yan BTY on mobile 2

More projects

See all