MOSCOT
Eyewear
Senior front‑end developer involved in replatforming this e‑commerce platform to Shopify by producing a library of static components and page templates.
In Detail
New vs. Old
As I have seen in previous projects, the earlier version of MOSCOT's website was based on WordPress, and had been created using a mixture of external development and internal experimentation and tweaking. Although it had served them well for many years, it had become slow and unreliable. A mild brand refresh and an increased interest in their products led them to an all‑new, modern, and interactive website with Shopify. Visually and technically, the difference is stark.
Subtle Interactions and Bold Photography
Operating within the constraints of Shopify's Liquid front‑end framework, the new interface was developed using a combination of subtle interaction and event animations alongside large, colourful, and heavily optimised imagery. This gives the completed website an air of sophistication that complements MOSCOT's high‑quality and exclusive product range, helping to elevate it above its more mundane competitors.
Product Listing Pages
A simple grid showcases the product's imagery, whilst custom filter controls and ordering allow visitors to fine‑tune their selection of eyeglasses or sunglasses. Optional in‑grid components also mean that the client can include interstitial promotions and cross‑promote similar products.
Product Details Pages
As with any other e‑commerce platform, the PDP needs to be the highest‑performing template on the site. It is from here, after all, that a visitor will decide whether to click that 'Buy' button or not.
That high conversion requirement tends to mean that PDPs across the board follow a familiar and successful formula (and it is something you can see in many of my previous projects, too): large, detailed photography in a carousel, with colour and size options, and information about the product itself.
Composable Pages
For other areas of the site, a library of components was developed, allowing the team to construct pages in virtually any order or layout they wished. Meanwhile, some of the more in‑depth feature pages utilised a set of more bespoke components and templates.
