John Jost

Principal Frontend Architect.

London-based UI architect with over 20 years of experience in delivering premium digital products with a strong focus on code quality, accessibility, performance and consistency, with extensive GOV.UK Design System knowledge.

Get in touch

Write a short message and I’ll open it in your email client ready to be sent.

Working at the intersection of engineering, UX and design, I specialise in Frontend Architecture and Design Systems for performance-critical applications, delivering scalable and inclusive experiences for high-traffic platforms. Operating both hands-on and at an architectural level, I lead projects that ship high-quality solutions across large, global, multidisciplinary teams.

Expertise

  • Design Systems & UI engineering.

    Architecture, scaling, best practices, governance and education (Atomic Design, Storybook, Design Tokens).

  • Frontend tooling, frameworks and architecture.

    Server-side and client-side application design and build using React, Vue, (Next.js, Nuxt, Remix and others).

  • At-scale refactoring & legacy codebase transformation.

    Digital transformation and migration of legacy technology stacks to modern frameworks while improving scalability, overall performance, and maintainability.

  • Technical leadership & mentoring.

    Stakeholder management and communication. Leading teams to deliver high-quality solutions, fostering a culture of excellence and cross-team collaboration.

  • Engineering standards & code quality control.

    Establishing Coding Standards and best practices, reviews, static analysis, tooling.

  • Technical Project Management & delivery.

    Agile, Scrum, Kanban (Jira, Confluence), project planning, estimation, risk management.

  • Process definition & implementation.

    SDLC documentation, team onboarding, knowledge sharing, training and workshops.

  • Product design & development.

    User research, rapid prototyping, usability testing, product ownership, roadmap planning.

Tools & technologies

Core
TypeScript, vanilla JavaScript (ES6+), Storybook, Figma, Supernova, component libraries
AI-assisted development (AIAD)
AI-augmented development development, MCP UI, Copilot, Codeium, Tabnine, AI code review, AI pair programming, AI-driven testing and debugging, AI-assisted documentation generation, AI-powered code analysis and refactoring, AI-based project management and collaboration tools.
Accessibility
WCAG 2.2, ARIA, a11y best practices
Platform
HTML5, Web APIs, DOM
CSS
Tailwind, SASS, LESS, CSS, animation
Full-stack
Node.js development (Express.js, Next.js, Nuxt)
Rendering
SPA, SSR, SSG, ISR, PWA, CSR
API design
REST, tRPC, GraphQL
Testing strategy
TDD, BDD, E2E
State management
Redux Toolkit, MobX, Zustand, Recoil
Data layer
Prisma, Drizzle, PostgreSQL, MySQL, MongoDB
Realtime
WebSockets, Socket.IO
Authentication
OAuth2, JWT, Auth0, Clerk, MFA
Headless CMS / e-commerce
Contentful, Sanity, Payload, Strapi, Shopify
Analytics & personalisation
A/B Testing, Google Analytics

Recent work

F1 Design System.

As a Principal Full-Stack Developer, I led the development of the new Formula 1 Design System to support a globally scaled, high-traffic platform. I was also responsible for the end-to-end migration from a legacy system to Next.js, enhancing performance, accessibility and long-term maintainability. Having originally built the previous iteration of the platform, I provided continuity and architectural insight throughout the transformation.

  • design system (Figma + Storybook)
  • full-stack development
  • Next.js
  • Tailwind
  • a11y
See more projects →