MOSCOT
Eyewear
Senior front‑end development for MOSCOT's WordPress to Shopify replatform, building the Liquid, Sass, and Node.js front end for its redesigned eyewear e‑commerce experience.
In Detail
New vs. Old
MOSCOT's previous website was built on WordPress and had evolved through 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 interactions and animation with large, colourful, heavily optimised imagery.
The aim was to give the site a more refined, editorial feel whilst 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 filtering and ordering controls helping visitors narrow their choice of eyeglasses or sunglasses. Optional in‑grid components gave MOSCOT flexibility to introduce promotions and cross‑promote related products within the product flow.
Product Details Pages
Product detail pages were a critical part of the e‑commerce journey. For MOSCOT, that meant balancing large product photography with colour options, sizing, product information, and clear purchasing actions.
The template used a familiar e‑commerce structure, adapted around MOSCOT's premium eyewear presentation and strong product imagery.
Composable Pages
For other areas of the site, a component library allowed the team to assemble pages from reusable sections in different combinations and layouts. More involved editorial and brand pages used bespoke components and templates to support richer storytelling around MOSCOT's history and product world.
- "
John Kavanagh is a highly intelligent and truly senior front‑end web developer, who's surprisingly well versed in the arcana of CSS. For Macmillan he was initially churning out static templates on an SCSS BEM architecture, but soon moved on to managing the team (three developers), assigning and tracking tasks using a Trello board he introduced, and helping me nudge the team towards an integrated, Web Components based production pipeline. I enjoyed John's productivity and attitude, and I very much look forward to working together again."
- "
John Kavanagh is an incredibly talented and efficient developer with great expertise in Gatsby and Contentful. He is incredibly personable and also always willing to share his knowledge. I also appreciated his ability to communicate openly and in a way that allowed me to find a way forward with him.
It was a pleasure to work with John and I would welcome another opportunity to work with him again!"
- "
John Kavanagh is enthusiastic and enjoys getting work completed, he is happy to challenge priorities where he sees there is a quicker ROI to be made from his development. His opinion on how we have developed features has been key to our success this financial year. He is fun to work with, always vocal and the dynamic he brought with PO/UX/UI has driven us to deliver better quality features faster than before."
- "
I worked with John Kavanagh at AND Digital for a client focusing on the development of web pages through Gatsby and Contentful. His experience and skill definitely showed but alongside that he was enjoyable to work with. He was always available to the team in any capacity; whether that be to help get a ticket over the line or to teach new ways of doing things. My time with John has personally been a great learning experience and I hope to work with him again in the future."
- "
John Kavanagh is one of the most open‑minded developers I have ever worked with. His appreciation of great creative work, his enthusiasm and 'anything is possible' attitude is always a breath of fresh air. I worked with him on several successful projects in our days at McCann Worldgroup. Since then we have collaborated on many freelance projects and he's always been super efficient and effective, combining a great work ethic with immense talent. If I ever have a creative digital project which needed bringing to life, John is the first developer I call on."
