MOSCOT
Eyewear
Senior front‑end development for MOSCOT's WordPress to Shopify replatform, producing Liquid, Sass, and Node.js templates for its eyewear e‑commerce website.


In Detail
New vs. Old
MOSCOT's previous website was based on WordPress and had been shaped over time through a mixture of external development, internal experimentation, and incremental changes. Although it had served the business for many years, it had become slow, unreliable, and difficult to evolve.
A mild brand refresh and growing interest in MOSCOT's products led to a new Shopify website with a more modern, interactive front end. Visually and technically, the difference between the old and new experiences was stark.


Subtle Interactions and Bold Photography
Working within Shopify's Liquid front‑end framework, the new interface combined subtle interaction and event animations with large, colourful, heavily optimised imagery.
The aim was to give the site a more refined, editorial feel while supporting MOSCOT's high‑quality product photography and premium eyewear positioning.


Product Listing Pages
Product listing pages used a simple grid to showcase eyewear imagery, with custom filters and ordering controls allowing visitors to refine their selection of eyeglasses or sunglasses. Optional in‑grid components also allowed MOSCOT to include interstitial promotions and cross‑promote related products.



Product Details Pages
Product detail pages carried the highest conversion responsibility in the e‑commerce journey. For MOSCOT, that meant balancing large product photography with colour options, sizing, product information, and clear purchasing actions.
The template followed a familiar e‑commerce pattern seen across many of my previous projects, while adapting the layout and imagery around MOSCOT's premium eyewear presentation.


Composable Pages
For other areas of the site, a component library allowed the team to construct pages in different orders and layouts. More involved editorial and brand pages used bespoke components and templates to support richer storytelling around MOSCOT's history and product world.

