Vision
A skincare brand entering a crowded market needed a store that felt like the product: clean, calm, and unmistakably its own. The reference was an underwater world, so water became the design language for everything.
Goal
Replace a generic template store with a branded experience that raises perceived value, works on mobile first, and stays fast on Jordanian networks.
Challenge
The store runs on WordPress with plugins that render their own markup, so a normal theme change was not enough. The design had to survive WooCommerce and checkout pages without breaking them.
Approach
Built a single design-token layer plus one shared motion system, then mapped it onto plugin markup through a compatibility layer. The hero uses an Apple-style scroll sequence with separate mobile and desktop frame sets.
Result
A store that reads as a brand instead of a template, with a hero that holds attention and a component library that keeps every new section consistent.