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.
- "
Worked with John Kavanagh on a big Nando’s project, moving a legacy site off of Drupal and onto Vercel and Next.js.
His work and attitude are both stellar! Highly recommended."
- "
I had the pleasure of working closely with John Kavanagh at Selfridges. He is an exceptional programmer who consistently delivered high‑quality work. John possesses a deep understanding of exceptional front‑end development skills and has a remarkable ability to tackle complex problems with creative and effective solutions.
What sets John apart is not only his technical expertise but also his strong work ethic and dedication to delivering results. He is a reliable and proactive team player, always willing to go the extra mile to ensure project success. I was particularly impressed with his ability to help with issues and make the explanations simple and succinct.
Beyond his technical skills, John is a pleasure to work with. He communicates effectively, collaborates seamlessly with team members, and approaches challenges with a positive and solution‑oriented mindset."
- "
John Kavanagh was undoubtedly the best UI developer on the programme (often carrying the burden of his team) and played a crucial role in rebuilding the look and feel of the bank's global online platforms. John was always articulate, willing to speak his mind, helpful and always did an amazing job ‑ he clearly takes immense pride in his work (and rightly so!). His attention to detail and perfectionist attitude helped produce a product that we could be proud of, despite the extremely difficult environment we had to work in.
John would suit any senior or lead UI developer roles and I would have no hesitation in recommending him."
- "
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."
- "
John Kavanagh's biggest strength is his ability to deal with conflicting priorities in high‑pressure situations. Along with his excellent development skills, John's ability to manage difficult stakeholders and requirements is one of the key reasons that the projects he led were completed on time without too many problems."
