UI Developer
2016 - PRESENTContainer Studio- Implemented the UI for Unmade, using the browser to assist in designing and manufacturing knitwear. This won a D&AD award for the agency and made Unmade the most innovative textile startup in the industry, setting a standard for fashion tech.
- Worked for Harbour Space University as a lecturer of creative coding and a developer on the team building its main website. The project helped launch Harbour Space as a leading institution in technology education.
- Created the online presence of musician and performer David August. The site received critical acclaim from industry peers for style and typography.
- Led the redesign and development of the East Street Arts charity. Created a full-stack solution with generative design patterns to reduce employees' work when creating assets for the website.
- Served as a senior website developer for The Seasons, part of the Maybourne Hotel Group. Created an events and activities portal, which generated a community of repeat visitors to the local area and hotel.
Technologies: CSS, Git, HTML, HTML5, Information Design, JavaScript, Jest, MUI (Material UI), React, SCSS, WP Engine, Sass, TypeScript, Storybook, User Experience (UX), User Interface (UI), User Interface Engineering (UIE), Responsive UI, Responsive UX Design, Adobe CC, Webflow, Figma, API Integration, UI Design, UX Design, HTML5 APIs, Angular, UI Development, SVG Animation, WordPress REST API, WordPress API, Next.js, Shopify API, Webpack, WordPress, PHP, Design, Typography, GreenSock Animation Platform (GSAP), Google Maps API, UI Animation, APIs, Interaction Design (IxD), CSS3 Animation, CSS3, Vanilla JS, Mobile UI, Touch Interactions, Video.js, Animated Interactions, Web Project Management, HTML5 Canvas, Responsive Web Design (RWD), Photoshop CC, Adobe Illustrator, SVG, Interactive UI, HTML Email, HTML Templates, Mailchimp, Moment.js, jQuery, 2D, SEO Tools, Scroll Animations, Landing Pages, Accessibility, Web Accessibility, Tailwind CSSSenior UI Developer
2021 - 2022Savvy Marketing- Developed software to integrate Le Col cycling's website and marketing into Strava to create activity-based competitions and reward schemes. This created a unique online experience for users to engage with the brand via daily activities.
- Created multiple competition applications for Robinsons Soft Drinks, including interactive games. My work included HTML5 canvas game development and animation work, and audience capture scaled beyond anything previously achieved within the brand.
- Built multiple applications to assist Adidas Sportswear's internal communications department in streamlining its online marketing, including campaigns, audience capture, and user management.
Technologies: JavaScript, React, WordPress, SCSS, Design, Git, PHP, HTML, Shopify, Sass, HTML Email, HTML Templates, Next.js, Mailchimp, WordPress API, Responsive Web Design (RWD), GreenSock Animation Platform (GSAP), Games, HTML5 Canvas, Adobe CC, Animated Interactions, Video Ads, Video.js, UI Development, Figma, SVG Animation, WordPress REST API, Shopify API, Webpack, CSS, Typography, UI Animation, APIs, Interaction Design (IxD), CSS3 Animation, CSS3, Vanilla JS, Mobile UI, Touch Interactions, API Integration, Responsive UX Design, Responsive UI, User Interface Engineering (UIE), User Interface (UI), Photoshop CC, User Experience (UX), Adobe Illustrator, SVG, Interactive UI, Webflow, Moment.js, jQuery, 2D, SEO Tools, Scroll Animations, Landing Pages, Accessibility, Web AccessibilitySenior UI Developer
2019 - 2021Accenture- Created a component library to rebrand Channel 4 television's online presence, allowing consistent design across all applications. My work was recognized as a benchmark for Accenture technology standards.
- Developed software applications to assist His Majesty's Revenue and Customs (HMRC) in managing COVID-19. The project received direct praise in the press from Rishi Sunak, and all developers were awarded a badge for societal contribution.
- Designed a component library to align design styles across all HMRC software and online applications. With great attention to accessibility, this became a world-renowned example of design for disability.
Technologies: JavaScript, React, SCSS, Git, HTML, Jest, Storybook, 2D, 3D, ES7, Sass, HTML5, HTML5 APIs, UI Development, UX Design, Interactive UI, Figma, Django, UI Design, TypeScript, Webpack, CSS, Design, Typography, UI Animation, APIs, Interaction Design (IxD), CSS3 Animation, CSS3, Vanilla JS, Mobile UI, Touch Interactions, Video.js, API Integration, Animated Interactions, Web Project Management, HTML5 Canvas, Responsive Web Design (RWD), Adobe CC, Responsive UX Design, Responsive UI, User Interface Engineering (UIE), User Interface (UI), Photoshop CC, User Experience (UX), SVG, HTML Templates, Moment.js, jQuery, SEO Tools, Scroll Animations, Landing Pages, Accessibility, Web Accessibility, Tailwind CSSFront-end Developer
2015 - 2016B-Reel- Worked on a creative data presentation for Yahoo and Cannes. Developed a web-based iPad app, enabling the easy display of digital content, animation for iOS, and JavaScript web animations. Tens of thousands of festival visitors saw this work.
- Worked on GeoVegas for the Las Vegas tourist board, utilizing 360-degree panoramas in collaboration with Google. This work positively impacted tourism in Las Vegas and the surrounding area and businesses.
- Developed an eCommerce and multimedia app for a new season campaign for Balmain and H&M. The app featured extensive browser animations and high-quality asset rendering, and all clothing sold out within 24 hours of site deployment.
- Worked on Zalando's Share Your Sexy Campaign, using images from Instagram and third-party APIs to create user-generated content. This work contributed to increased sales for Zalando in Spain.
- Contributed to Zalando's Ivy Park collaboration, using high-quality image assets and video in a brochure-style eCommerce platform. Clothing sales increased instantly upon project completion, launching Ivy Park in Europe.
Technologies: React, JavaScript, SCSS, HTML, CSS, Sass, GreenSock Animation Platform (GSAP), HTML5 APIs, HTML5, Three.js, Marionette.js, UI Development, CSS3, CSS3 Animation, Responsive Web Design (RWD), 360° Video, Google Maps API, Instagram, Angular, iPad, Mobile UI, SVG Animation, Git, Typography, Webpack, UI Animation, APIs, Interaction Design (IxD), Vanilla JS, Touch Interactions, Video.js, API Integration, Animated Interactions, HTML5 Canvas, Adobe CC, Responsive UX Design, Responsive UI, User Interface Engineering (UIE), User Interface (UI), Photoshop CC, User Experience (UX), SVG, Interactive UI, Moment.js, jQuery, 2D, SEO Tools, Scroll Animations, Landing Pages, Accessibility, Web AccessibilityInteraction Designer
2013 - 2015AIG Edenspiekermann- Created online cartography products for Heathrow Airport using LeafletJS. These products simplified the airport experience and reduced airport transport times as customers could more easily move through the airport.
- Designed and developed the agency's website (using WordPress and Saas), featuring a unique grid system to display its work and gain a strong web presence among its peers.
- Created an interactive touchscreen for Transport for London (TfL), a government agency, using the TfL data API. This work received a Queen's Contribution to Design Award as a first-in-kind use of technology in the cartography space.
- Researched and developed mobile mapping in Heathrow Airport using HTML5 APIs and used it to develop navigation tools for airport users.
- Created a city map in the browser for Vancouver, Canada, using LeafletJS and tiling techniques to create graphically rich maps with JavaScript. This increased tourists' ease of navigation within their respective cities.
- Led the UX design for print and digital applications across the company.
Technologies: HTML5, JavaScript, CSS, Design, Typography, HTML, Sass, UI Design, UI Development, Adobe Illustrator, SVG, LeafletJS, Google Maps API, Adobe CC, SVG Animation, WordPress API, SCSS, WordPress, PHP, Git, GreenSock Animation Platform (GSAP), UX Design, Cartography, UI Animation, APIs, Interaction Design (IxD), CSS3 Animation, CSS3, Vanilla JS, Mobile UI, Touch Interactions, Video.js, API Integration, Animated Interactions, HTML5 Canvas, Responsive Web Design (RWD), Responsive UX Design, Responsive UI, User Interface Engineering (UIE), User Interface (UI), Photoshop CC, User Experience (UX), Interactive UI, HTML Email, HTML Templates, Mailchimp, Moment.js, jQuery, 2D, Processing.js, SEO Tools, Scroll Animations, Landing Pages, Accessibility, Web Accessibility