Director, Product Design London, England

Group M Worldwide Inc.; London; Hybrid; GBP 55,000 - 90,000; Full time

Job description

Title: Director, Design Engineer
Location: London
Reporting to: VP, Product Design

WHO WE ARE

Choreograph is WPP’s global data products and technology company. We’re on a mission to transform marketing by building the fastest, most connected data platform that bridges marketing strategy to scaled activation.

We work with agencies and clients to transform the value of data by bringing together technology, data, and analytics capabilities. We deliver this through the Open Media Studio, an AI-enabled media and data platform for the next era of advertising.

We’re endlessly curious. Our team of thinkers, builders, creators, and problem solvers are over 1,000 strong, across 50+ markets around the world.

WHO ARE WE LOOKING FOR?

The Director, Design Engineer collaborates with product teams to design and implement high-quality web application interfaces that align with user needs, technical requirements, and business outcomes. This is a hybrid role that combines product design expertise with front-end development skills to create seamless, efficient, and innovative web experiences.

You are:

• A highly skilled web application designer with a strong foundation in front-end technologies such as HTML, CSS, JavaScript, and modern frameworks (e.g., React, Angular, Vue.js).
• Experienced in designing and implementing intuitive and responsive user interfaces, ensuring accessibility, usability, and cross-platform compatibility.
• Proficient in design tools like Figma, Sketch, or Adobe XD and capable of bridging the gap between design and front-end implementation.
• Experienced in prototyping with tools like Webflow, Framer and AI-enhanced no code tools.
• Analytical and detail-oriented, with a strong focus on delivering polished, high-quality solutions that meet user and business goals.
• Collaborative and communicative, comfortable working with cross-functional teams and stakeholders to align on objectives and deliverables.
• Passionate about staying current with the latest trends in web design, front-end development, and accessibility best practices.

WHAT WILL YOU DO?

Web Application Product Design

• Collaborate with product managers, UX/UI designers, and developers to create user-centered designs for web applications, ensuring they align with technical requirements and business goals.
• Create wireframes, mockups, and prototypes to communicate design concepts and workflows effectively.
• Apply accessibility and usability best practices to ensure web applications are inclusive and user-friendly.

Front-End Implementation

• Translate design mockups and prototypes into high-quality, production-ready code using HTML, CSS, JavaScript, and relevant front-end frameworks.
• Collaborate with back-end developers to integrate front-end components with APIs and other services.
• Optimize web application performance and ensure responsiveness across devices and platforms.

Design and Development Collaboration

• Serve as a bridge between design and development teams, ensuring visual and functional consistency throughout the product lifecycle.
• Contribute to and maintain design systems, component libraries, and style guides to support scalable and cohesive product development.
• Participate in code reviews and provide feedback to maintain code quality and adherence to design standards.

Continuous Improvement

• Conduct user research, usability testing, and performance analysis to identify areas for improvement in design and functionality.
• Stay informed of emerging trends, tools, and best practices in web design and front-end development, applying them to improve processes and deliverables.
• Advocate for accessibility and inclusivity in web application design and development.

WHAT WILL YOU NEED?

• Proven experience in web application product design and front-end development roles, with a portfolio showcasing both design and coding expertise.
• Proficiency in front-end technologies, including HTML, CSS, JavaScript, modern frameworks (e.g., React, Angular, Vue.js), and tools (e.g., Webflow, Framer, V0).
• Expertise in design tools such as Figma, Sketch, or Adobe XD.
• A strong understanding of web accessibility standards (WCAG) and best practices for creating inclusive user experiences.
• Experience with responsive design and cross-browser compatibility.
• Familiarity with agile methodologies and version control tools.
• Excellent communication and collaboration skills to work effectively with cross-functional teams and stakeholders.
• A passion for delivering exceptional user experiences through thoughtful design and development.

If you are ready to be at the forefront of the AdTech industry, shaping its future, and driving success for both Choreograph and our clients, we encourage you to apply and join our team.

Choreograph is the beating heart of data inside WPP’s media investment group, GroupM, the world’s leading media investment company responsible for more than $60 billion in annual media investment. Discover more about Choreograph at www.choreograph.com.

GroupM and all its affiliates embrace and celebrate diversity, inclusivity, and equal opportunity. We are committed to building a team that represents a variety of backgrounds, perspectives, and skills. The more inclusive we are, the greater work we can create together.

#LI-Promoted