Senior front-end engineer
One of the key projects delivered while at N Brown was the introduction of a Next Day Click & Collect delivery option for the e-commerce platform. This required a significant restructure of the checkout user journey to introduce a new design and user experience. The project involved creating new UI components, rebuilding the existing codebase, integrating third-party APIs and implementing logic to calculate product-level collection times and availability.
Project for Google, aimed at empowering small and medium-sized businesses (SMBs) to create better-performing ads. The project centered around a direct mailer that launched an interactive augmented reality (AR) experience and supporting website. The AR experience visualised the process of building a rocket, with each stage representing a critical step in preparing successful Google Ads campaigns, and concluding with the rocket launching to represent a campaign going live.
Responsive data animation produced for Visa and BAE Systems. The animation ran on a loop, fetching new JSON data from an API endpoint during each cycle. This data was then used at the next entry point to update the animation based on the latest information. The displayed data had a complex relationship that required mathematical calculations to visualise accurately. Additionally, the animation needed to adapt to various display aspect ratios.
Developed the Visa Navigate Experiences Platform - an immersive web app designed to replace Visa's in-person experiences offered at their Innovation Centres across Europe. The platform allowed B2B clients to explore tailored product journeys through story-driven content featuring GSAP animations, drag-and-drop interactions, and product demo videos. The project also involved building sign-up and login journeys, developing custom solutions to address Safari SVG rendering bugs, and refactoring the existing authentication system to meet Visa's strict security requirements.
%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20705.7%20170.1'%20enable-background='new%200%200%20705.7%20170.1'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%2300A251'%20d='M264.5,83.3c-4.5-4-9.7-7.3-15.4-9.8c-5.7-2.5-11.6-4.5-17.6-5.9c-10.2-2.2-18.2-5.1-24-8.5%20c-5.8-3.4-8.7-7.8-8.7-13.3c0-2.1,0.6-4.1,1.8-5.9c1.2-1.8,2.8-3.5,4.8-4.8c2-1.4,4.3-2.4,6.8-3.3c2.5-0.8,5-1.2,7.6-1.2%20c3.9,0,7.5,0.5,11,1.5c3.5,1,6.7,2.2,9.6,3.6c2.9,1.5,5.5,3,7.9,4.7c2.3,1.7,4.4,3.3,6.1,4.7l15.2-28.7c-0.2-0.2-0.3-0.3-0.5-0.5%20c-2.8-2.5-6.5-4.9-10.9-7.3c-4.4-2.3-9.8-4.4-16.1-6.1C235.9,0.8,228.7,0,220.4,0c-10,0-18.7,1.3-26,4%20c-7.4,2.7-13.5,6.3-18.4,10.9c-4.9,4.6-8.6,9.9-11,15.9c-2.4,6-3.6,12.4-3.6,19.1c0,6.1,1,11.7,3.1,16.7c2.1,5,5,9.5,8.8,13.3%20c3.8,3.9,8.3,7.2,13.6,9.9c5.2,2.7,10.9,4.8,17.1,6.3c12.6,3.2,21.8,6.5,27.6,9.8c5.8,3.3,8.7,8,8.7,13.9c0,2.8-0.7,5.2-2.1,7.4%20c-1.4,2.2-3.2,4-5.5,5.6c-2.3,1.5-4.8,2.7-7.5,3.5c-2.7,0.8-5.5,1.2-8.2,1.2c-4.7,0-9.1-0.6-13.2-1.8c-4.1-1.2-7.9-2.8-11.4-4.7%20c-1.9-1-3.6-2.1-5.3-3.3c-2.8-1.8-7.3-4.8-12.4-8.4l-16,30.2c1.4,1.2,2.8,2.4,4.4,3.5c4.3,3.2,9.1,6.1,14.4,8.6%20c5.3,2.5,11.3,4.5,17.9,6c6.6,1.5,14,2.3,22.1,2.3c8.7,0,16.8-1.3,24.3-3.8c7.5-2.5,14.1-6,19.6-10.5c5.6-4.5,10-9.8,13.2-16%20c3.2-6.1,4.8-12.8,4.8-20.1c0-8.4-1.4-15.6-4.1-21.4C272.7,92.3,269.1,87.4,264.5,83.3z%20M104.9,109.3L34.9,4.4H0V166h36.1V59.1%20L107.8,166H141V4.4h-36.1V109.3z%20M397,20.2c-4.6-4.8-10.5-8.6-17.6-11.5c-7.1-2.9-15.7-4.4-25.7-4.4h-58.9V166h35.6V109h25%20c7.3,0,14.2-1.1,20.8-3.4c6.6-2.3,12.5-5.6,17.6-9.9c5.1-4.4,9.1-9.8,12.1-16.3c3-6.5,4.5-14.2,4.5-22.9c0-6.8-1.1-13.3-3.3-19.6%20C405,30.5,401.6,25,397,20.2z%20M367.9,73.3c-4,4.1-9.3,6.2-16.1,6.2h-21.3V34.2h21.1c6.8,0,12.2,2.1,16.2,6.4%20c4,4.3,6.1,9.8,6.1,16.6C373.9,63.8,371.9,69.2,367.9,73.3z%20M525.4,131.1c-2,0.9-4.1,1.6-6.3,2.2c-4.3,1.2-9.3,1.8-15.1,1.8%20c-7.1,0-13.5-1.3-19.1-3.9c-5.7-2.6-10.5-6.1-14.5-10.7c-4-4.5-7.1-9.9-9.3-16c-2.2-6.1-3.3-12.8-3.3-19.9%20c0-6.9,1.1-13.5,3.3-19.7c2.2-6.2,5.3-11.7,9.3-16.4c4-4.7,9-8.4,14.8-11c5.8-2.7,12.4-4,19.6-4c7.5,0,14.1,1.4,19.9,4.1%20c1.4,0.6,11.8,5.3,22.3,16.1l16.2-30.5c-5.9-6-12.8-11.1-20.5-14.9c-11.2-5.5-24.3-8.2-39.4-8.2c-12.4,0-23.8,2.2-34,6.7%20c-10.3,4.4-19.1,10.5-26.4,18.2c-7.4,7.7-13.1,16.7-17.1,27.1c-4,10.4-6.1,21.6-6.1,33.6c0,12.3,2,23.5,6.1,33.8%20c4,10.3,9.7,19.1,17.1,26.6c7.3,7.5,16.1,13.4,26.3,17.6c10.2,4.2,21.4,6.3,33.7,6.3c7.4,0,14.6-0.9,21.4-2.7%20c6.9-1.8,13.2-4.2,19.1-7.3c5.9-3.1,11.3-6.7,16.1-10.8c0.9-0.8,1.7-1.5,2.6-2.3l-14.5-28C543.5,122.1,535.9,127.1,525.4,131.1z%20M668,131.1c-2,0.9-4.1,1.6-6.3,2.2c-4.3,1.2-9.3,1.8-15.1,1.8c-7.1,0-13.5-1.3-19.1-3.9c-5.7-2.6-10.5-6.1-14.5-10.7%20c-4-4.5-7.2-9.9-9.3-16c-2.2-6.1-3.3-12.8-3.3-19.9c0-6.9,1.1-13.5,3.3-19.7c2.2-6.2,5.3-11.7,9.3-16.4c4-4.7,9-8.4,14.8-11%20c5.8-2.7,12.4-4,19.6-4c7.5,0,14.1,1.4,19.9,4.1c1.4,0.6,11.8,5.3,22.3,16.1l16.2-30.5c-5.9-6-12.8-11.1-20.5-14.9%20C674,3,660.9,0.2,645.8,0.2c-12.4,0-23.8,2.2-34,6.7c-10.3,4.4-19.1,10.5-26.4,18.2c-7.3,7.7-13,16.7-17.1,27.1%20c-4,10.4-6.1,21.6-6.1,33.6c0,12.3,2,23.5,6.1,33.8c4,10.3,9.7,19.1,17.1,26.6c7.3,7.5,16.1,13.4,26.3,17.6%20c10.2,4.2,21.4,6.3,33.7,6.3c7.4,0,14.6-0.9,21.4-2.7c6.9-1.8,13.2-4.2,19.1-7.3c5.9-3.1,11.3-6.7,16.1-10.8%20c0.9-0.8,1.7-1.5,2.6-2.3l-14.5-28C686.1,122.1,678.5,127.1,668,131.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
