YA-MAN Arabia

Custom home, product and collection sections, built from Figma, for a premium beauty-devices store.

Built while working at Conversion Cart, a Shopify agency.

Figma to ShopifyLiquidKallesTheme Editor blocksJavaScript

My role: Team · custom sections on home, product and collection pages
Theme: Kalles 5.4.2
Market: Saudi Arabia
Industry: Japanese beauty devices

yamanarabia.com

Scope

A premium device brand needed pages that show real results and explain how to choose and use each device.

What I built

Following Figma, I built the custom sections on the home page, the product page and the collection page, mobile-first. That includes a before and after results section with dynamic blocks the merchant manages in the Theme Editor.

Good to know

Clinical claims, installment text and the compare drawer are client content or theme features, not my work.

Sections and pages

YA-MAN Arabia: Product spotlight — Product spotlight

YA-MAN Arabia: Before and after results — Before and after results

YA-MAN Arabia: Complete your routine — Complete your routine

YA-MAN Arabia: Video reels — Video reels

YA-MAN Arabia: How to choose — How to choose

YA-MAN Arabia: Product page — Product page

On mobile

Visit yamanarabia.com ↗ Next: Premeya →