London-based front end developer & digital designer.
I bridge the gap between design and code, delivering products that are visually polished and technically robust. I prioritise accessibility, scalability, and performance to create digital experiences that stand the test of time.
Turtle Lasagne
Design agency
November 2025 - Present
I design and build websites and brands for small and medium-sized businesses, from first sketches in Figma to the finished site. I work across branding, UX, custom WordPress development and front-end builds in Astro and TypeScript, giving clients one person who owns the whole journey.
Web designBrandingFigma
Web developmentReactSCSSPHPWordPressCMS
Web design
- Designed 3 new page templates for desktop, tablet and mobile that work across breakpoints rather than just shrinking.
- Built interactive components in Figma (states, variants and prototyped interactions) so the external dev agency could see exactly how things should behave, not just how they should look.
- Ran iterative review rounds with the client through to sign-off, keeping stakeholders aligned and the project moving.
Branding, web design and development
- Created a distinct sub-brand for the private events arm of an established company.
- Designed and built a page template and reusable components in WordPress, so the marketing team could create and update event pages themselves without developer help.
- Worked with the marketing team on brand guidelines for social, email and print.
Branding and CMS powered site
- Established the brand identity for a boutique journalism agency, giving a small team a confident, editorial presence that stands up against larger competitors.
- Designed a bold, Saul Bass-inspired hero illustration that sets the tone of the site and makes it instantly memorable.
- Built a custom WordPress CMS so the team can publish and manage their work independently.
New Scientist.
Part of DMG Media
March 2021 - November 2025
I lead the UX, design, and front end development of New Scientist. Including the flagship website and app, integrating Piano subscription journeys, checkout, and paywalls. Delivered multiple sub-brand redesigns in various CMSs and React SPA microsites for commercial partners. Mentored 2 front end developers. Established best practices to improve code quality.
User researchUX DesignVisual designFigmaPrototypingGuerrilla testingUser testing
TwigVanilla JSReactSCSSPianoAngularPHPWordPressThinkificSanityContentful
Mobile app design
- Researched competitors to spot gaps and opportunities.
- Designed wireframes and tested low/high-fidelity prototypes with real users.
- Created a design system for typography, layout, and components.
- Worked with Pugpig to bring designs to life and ship the app.
- Wrote detailed content feed specs to ensure smooth delivery.
Flagship website design & build
- Redesigned site structure to improve UX, hierarchy, and navigation.
- Built a design system used across teams.
- Introduced processes to streamline workflows and collaboration.
- Kept stakeholders engaged and aligned throughout delivery.
- Mentored developers to deliver a fast, SEO-friendly, premium product.
Curiosity Engine AI implementation
- Refined the design output from a third party AI tool called Miso which read the New Scientist back catalogue to produce answers in the NS tone of voice.
- Used the JavaScript SDK to build the custom implementation.
Academy courses design and build
- Designed and built New Scientist Academy course site in Thinkific CMS.
- Extended the design system to balance consistency with sub-brand identity.
- Implemented the build using Shopify's Liquid templating system.
- Delivered a polished, easy-to-use course experience for learners.
Brand reconciliation.
When I joined NS, the brand was split between print and digital, with multiple sources of truth. I unified the brand across both, overhauled the colour palette and typography, and created a central hub for sharing assets.
Search & filter for Discovery Tours
- Streamlined a cluttered landing page into a searchable tours page.
- Designed and built a powerful search and filter system.
- Created user-friendly interfaces for browsing tours.
- Used REST APIs to deliver a fast, dynamic front-end.
- Wrote the technical specification for the CMS.
Create a hub for games
- Created a hub on the site and app for New Scientist Games.
- Built a Lottie implementation system, which didn't get used but is ready for the future.
- Ensured performant animations with .webm and .mp4 fallbacks.
Microsites
- Built a reusable Next.js boilerplate and component system for microsites.
- Themed sites to keep visual consistency while adding brand personality.
- Enhanced experience with smooth page transitions.
- Check them out!
The Social Hub.
For Rufus Leonard
2019 - 2020
Led an enterprise-level project at pace for design agency Rufus Leonard (now Frog). This project was end to end, our in-house design team putting together a completely new brand, UI design, and I led the front end build on a new tech stack including a beta release of Optimizely's content delivery API.
SketchInVisionZeplinAnimationResponsive designPage transitions
ReactReduxEpiserverSCSSWebpackREST APIsJSONSSR
Front end development
- Architected the site using React and Redux.
- Built a Storybook component library for design consistency.
- Tested with Jest and Cypress to ensure reliability.
- Collaborated with Optimizely on their new content API during beta.
- Delivered a robust, scalable front-end at enterprise level.
Animation and motion
- Partnered with designers to add playful motion across the site.
- Designed seamless page transitions for a polished user journey.
- Brought the new brand to life through motion and interaction.
Team management
- Led a front-end team to deliver high-quality work at pace.
- Drove velocity to meet tight contract deadlines on a major project.
- Facilitated communication between developers and stakeholders.
- Applied agile practices to keep the team focused and efficient.