Download CV

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.

07970 943399|dan@danpudsey.com|About|Git

New Scientist.

Part of DMG Media

March 2021 - Present

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 CMS's and React SPA microsites for commercial partners. Mentored 2 front end developers. Established best practices to improve code quality.

User researchUX DesignVisual designFigmaPrototypingGuerilla testingUser testing
TwigVanilla JSReactSCSSPianoAngularPHPWordpressThinkificSanityContentful
Project image

Mobile app design

  1. Researched competitors to spot gaps and opportunities.
  2. Designed wireframes and tested low/high-fidelity prototypes with real users.
  3. Created a design system for typography, layout, and components.
  4. Worked with PugPig to bring designs to life and ship the app.
  5. Wrote detailed content feed specs to ensure smooth delivery.
iPhone AppAndroid App

Flagship website design & build

  1. Redesigned site structure to improve UX, hierarchy, and navigation.
  2. Built a design system used across teams.
  3. Introduced processes to streamline workflows and collaboration.
  4. Kept stakeholders engaged and aligned throughout delivery.
  5. Mentored developers to deliver a fast, SEO-friendly, premium product.
Live site
Project image
Project image

Academy courses design and build

  1. Designed and built New Scientist Academy course site in Thinkific CMS.
  2. Extended the design system to balance consistency with sub-brand identity.
  3. Implemented the build using Shopify's Liquid templating system.
  4. Delivered a polished, easy-to-use course experience for learners.
Live site

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.

Project image

Search & filter for Discovery Tours

  1. Streamlined a cluttered landing page into a searchable tours page.
  2. Designed and built a powerful search and filter system.
  3. Created user-friendly interfaces for browsing tours.
  4. Used REST APIs to deliver a fast, dynamic front-end.
  5. Wrote the technical specification for the CMS

Create a hub for games

  1. Created a hub on the site and app for New Scientist Games
  2. Build a Lottie implementation system, which didn't get used but is ready for the future
  3. Ensure performant animations with .webm and .mp4 fallbacks
Visit the hub
Project image

Microsites

  1. Built a reusable Next.js boilerplate and component system for microsites.
  2. Themed sites to keep visual consistency while adding brand personality.
  3. Enhanced experience with smooth page transitions.
  4. Check them out!
    1. LEGO
    2. CoLab
    3. DOW Chemicals
    4. Future of Farming
    5. ITN Business

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
Project image

Front end development

  1. Architected the site using React and Redux.
  2. Built a Storybook component library for design consistency.
  3. Tested with Jest and Cypress to ensure reliability.
  4. Collaborated with Optimizely on their new content API during beta.
  5. Delivered a robust, scalable front-end at enterprise level.
Go to site

Animation and motion

  1. Partnered with designers to add playful motion across the site.
  2. Designed seamless page transitions for a polished user journey.
  3. Brought the new brand to life through motion and interaction.
Project image
Project image

Team management

  1. Led a front-end team to deliver high-quality work at pace.
  2. Drove velocity to meet tight contract deadlines on a major project.
  3. Facilitated communication between developers and stakeholders.
  4. Applied agile practices to keep the team focused and efficient.

Some really kind words from my co-workers, clients and randos in the comments section.