Web Design System Engineer
Web Design System Engineer

Web Design System Engineer

London Full-Time 36000 - 60000 ÂŁ / year (est.) No home office possible
D

At a Glance

  • Tasks: Join our team to design and develop user-friendly web components for our customer apps.
  • Company: Dojo is a leading payment solutions provider, transforming in-person commerce across the UK and beyond.
  • Benefits: Enjoy an office-first culture with dynamic workspaces, collaboration opportunities, and a focus on employee well-being.
  • Why this job: Shape the future of payments while working in a diverse, innovative environment that values your input.
  • Qualifications: Expertise in React, TypeScript, and modern frontend technologies is essential; passion for user experience is a must.
  • Other info: We prioritise diversity and inclusion, ensuring everyone has a voice and a chance to thrive.

The predicted salary is between 36000 - 60000 ÂŁ per year.

We’re reinventing payments. In less than four years, Dojo disrupted the market to become the largest and most loved acquirer in the UK. Our payments infrastructure, purpose-built for in-person commerce, is game changing. Now, over 150,000 customers across four countries choose to transact billions with us every year. But we’re just getting started. Our people are the driving force behind our success. They are our greatest investment and our ultimate competitive advantage. We hire exceptional people and give them the autonomy, trust, and ownership to thrive. The results take care of themselves.

The Role

At Dojo, Customer Apps is all about building and scaling all the customer facing apps that help our customers run their businesses smoothly, now and in the future. Our goal is to transform the way our customers interact with our products, aiming to offer a way to streamline all of their processes into one application suite. Therefore, this is a role which sits in a team interfacing with most of the products that Dojo offers. Think payment device management, transaction access, restaurant and reservations operations, loyalty schemes, and many more. We’re therefore looking for engineers who are passionate about their craft and excited to shape the future of many domains.

You are a Design System Engineer, eager to work at the intersection of design and engineering, translating UI/UX designs into components and patterns that will empower our product teams to build consistent user experiences more efficiently.

What you will do

  • Work closely with UI/UX designers to interpret design specifications and provide technical feasibility feedback
  • Technically design component APIs and develop components using modern front end technologies
  • Champion and implement web accessibility best practices
  • Write high quality code that is well-tested and maintainable
  • Create and maintain comprehensive documentation for design system components, including usage guidelines
  • Work closely with designers to define component patterns
  • Participate in code reviews, architectural discussions and team planning
  • Attend and participate in the Web Chapter, contributing to a collaborative web engineering culture at Dojo
  • Mentor and train junior colleagues in design system best practices

What you will bring

  • Expert knowledge of React and TypeScript
  • Expert knowledge of CSS-in-JS libraries (e.g. Vanilla Extract, Emotion, Styled Components)
  • Extensive experience building and maintaining reusable UI components, by contributing to a centralised Design System or component library
  • Excellent understanding of modern frontend architecture (state management, component patterns, hooks, etc.)
  • Proficiency in crafting responsive and adaptive components, patterns and layouts
  • Deep knowledge of web accessibility standards, patterns and best practices (e.g. WCAG and WAI-ARIA)
  • Understanding of how screen readers operate and experience using them (e.g. VoiceOver, JAWS, NVDA)
  • Experience with web testing frameworks (e.g. Vitest, Jest, React Testing Library, Playwright, Cypress)
  • An understanding of how components are designed and the ability to work closely with designers to interpret and implement component specifications to a high standard
  • Familiarity with semantic versioning, CI/CD processes and version control (e.g. Git)
  • Experience documenting component APIs (e.g. Storybook)
  • Passion for product quality and user experience
  • Strong communication skills and the ability to articulate technical concepts to non-technical stakeholders

Nice to have

  • Experience creating and using design tokens (e.g. JSON, CSS variables, Style Dictionary, Supernova)
  • Experience with design tools (e.g. Figma, Sketch)
  • Experience with visual regression testing tools (e.g. Chromatic, Percy)
  • Familiarity with Next.js
  • Knowledge of backend APIs (we use GraphQL) and how they integrate with frontend systems

Dojo home and away

We believe our best work happens when we collaborate in-person. These “together days” foster communication, drive innovation and spark our brightest ideas. That’s why we have an office-first culture. This means working from the office 4+ days per week. With offices across Europe, we know a thing or two about staying dynamic. Need deep focus? Head to a quiet zone. Big ideas? Collaboration spaces have you covered. Just here for a catch-up? Our social hubs make it easy. Do work that counts, in spaces made for you.

Question: what’s curious, relentless, and customer obsessed? If you’re keen to know the answer, you’re a third of the way to meeting our Dojo values. If the following speak to you, let’s talk:

  • You’re curious. You have a real desire to learn and create.
  • You’re relentless. You keep going even when it’s easier not to.
  • You’re customer-obsessed. You know how important customers are to what you do.

Diversity, equity, and inclusion at Dojo

From local bakeries to well-known eateries, Dojo payments serve over 150,000 places across the UK. And something that’s fundamental to creating relevant, innovative products at Dojo is to build teams to reflect the diversity of the businesses we serve. Our drive to improve diversity, equity, and inclusion is closely linked to helping employees thrive and innovating for better customer experiences. If you care about your work, you’re curious, and you think customer-first, you have a place at Dojo.

To make sure you’re the best you can be throughout the recruitment process, let us know if you need any extra adjustments to help you thrive. Visit to find out more about our benefits and what it’s like to work at Dojo, or check out our LinkedIn and Instagram pages.

Web Design System Engineer employer: Dojo

At Dojo, we pride ourselves on being an exceptional employer that values innovation and collaboration. Our office-first culture fosters a dynamic work environment where employees can thrive, with ample opportunities for personal and professional growth. With a strong commitment to diversity, equity, and inclusion, we empower our team members to contribute to meaningful projects that transform the payments landscape while enjoying a supportive and engaging workplace.
D

Contact Detail:

Dojo Recruiting Team

StudySmarter Expert Advice 🤫

We think this is how you could land Web Design System Engineer

✨Tip Number 1

Familiarise yourself with Dojo's products and services. Understanding their payment infrastructure and how it benefits customers will help you articulate your passion for the role and demonstrate your alignment with their mission during interviews.

✨Tip Number 2

Showcase your experience with design systems and component libraries. Be prepared to discuss specific projects where you've built reusable UI components, as this is a key aspect of the Design System Engineer role at Dojo.

✨Tip Number 3

Highlight your knowledge of web accessibility standards. Since the role involves championing accessibility best practices, being able to discuss your experience with WCAG and screen readers will set you apart from other candidates.

✨Tip Number 4

Engage with the web engineering community. Attend meetups or webinars related to frontend technologies and design systems. This not only expands your network but also shows your commitment to continuous learning, which aligns with Dojo's values.

We think you need these skills to ace Web Design System Engineer

Expert knowledge of React
Expert knowledge of TypeScript
Proficiency in CSS-in-JS libraries (e.g. Vanilla Extract, Emotion, Styled Components)
Extensive experience building reusable UI components
Excellent understanding of modern frontend architecture
Proficiency in crafting responsive and adaptive components
Deep knowledge of web accessibility standards (e.g. WCAG, WAI-ARIA)
Experience with screen readers (e.g. VoiceOver, JAWS, NVDA)
Familiarity with web testing frameworks (e.g. Vitest, Jest, React Testing Library, Playwright, Cypress)
Ability to document component APIs (e.g. Storybook)
Strong communication skills
Experience creating and using design tokens
Familiarity with design tools (e.g. Figma, Sketch)
Knowledge of backend APIs (e.g. GraphQL)
Understanding of CI/CD processes and version control (e.g. Git)

Some tips for your application 🫡

Tailor Your CV: Make sure your CV highlights your experience with React, TypeScript, and CSS-in-JS libraries. Emphasise any previous work with design systems or component libraries, as this is crucial for the role.

Craft a Compelling Cover Letter: In your cover letter, express your passion for web accessibility and user experience. Mention specific projects where you've implemented best practices and how you can contribute to Dojo's mission.

Showcase Your Technical Skills: Include examples of your work that demonstrate your expertise in modern frontend architecture and responsive design. If possible, link to a portfolio or GitHub repository showcasing your projects.

Highlight Collaboration Experience: Since the role involves working closely with UI/UX designers, mention any past experiences where you've collaborated with design teams. Highlight your communication skills and ability to articulate technical concepts to non-technical stakeholders.

How to prepare for a job interview at Dojo

✨Showcase Your Technical Skills

Be prepared to discuss your expertise in React, TypeScript, and CSS-in-JS libraries. Bring examples of your previous work, especially any reusable UI components you've built, and be ready to explain the technical decisions you made.

✨Understand Accessibility Standards

Since web accessibility is a key part of the role, brush up on WCAG and WAI-ARIA standards. Be ready to discuss how you've implemented accessibility best practices in your past projects and how you would approach it at Dojo.

✨Communicate Clearly with Non-Technical Stakeholders

Strong communication skills are essential. Practice explaining complex technical concepts in simple terms, as you may need to articulate your ideas to non-technical team members during the interview.

✨Demonstrate Your Passion for User Experience

Dojo values customer obsession, so share your thoughts on user experience design. Discuss how you ensure that the components you create enhance the overall user journey and how you collaborate with designers to achieve this.

Web Design System Engineer
Dojo
D
Similar positions in other companies
UK’s top job board for Gen Z
discover-jobs-cta
Discover now
>