Data Product Designer (Mid-level)

📍 Job Overview

Job Title: Data Product Designer (Mid-level)

Company: SHGH Group

Location: London, England, United Kingdom

Job Type: Full-Time

Category: Product Design / Data Visualization / Digital Development

Date Posted: May 20, 2026

Experience Level: Mid-level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Design and develop intuitive, interactive digital tools from complex data insights, modeling, and research outputs, bridging UX/UI design, data visualization, and digital development.

• Leverage AI tools extensively for code generation, design, prototyping, and documentation, actively participating in identifying and automating new workflows.

• Build reusable dashboards, interactive explainers, policy tools, and model front-ends, collaborating across data, digital, economics, policy, and qualitative teams.

• Translate structured datasets, economic models, qualitative findings, and policy insights into clear, accessible, and engaging user interfaces with strong UX and data storytelling principles.

📝 Enhancement Note: This role is positioned at the intersection of product design, data engineering, and front-end development, with a significant emphasis on leveraging AI as a core tool for efficiency and innovation. The "Data Product Designer" title suggests a focus on creating user-centric digital products that deliver actionable insights derived from data.

📈 Primary Responsibilities

• Build custom-coded interactive dashboards, data stories, and tools utilizing modern web technologies including JavaScript (with D3.js or comparable libraries), React (or comparable frameworks), HTML, and CSS.

• Translate complex data sources such as survey data, economic models, qualitative findings, and policy insights into clear, interactive user interfaces, prioritizing thoughtful UX and effective data storytelling.

• Develop, maintain, and contribute to a library of reusable components, templates, and design patterns, ensuring alignment with visual standards and brand guidelines to foster a sustainable and scalable asset base.

• Design intuitive user flows, information architectures, and layouts for data-heavy applications, with a strong focus on clarity, logical structure, and adherence to accessibility standards (e.g., WCAG).

• Deploy lightweight, reliable tools using modern deployment services like Netlify, ensuring seamless integration and reusability across various internal teams and projects.

• Proactively utilize and integrate AI-assisted workflows to accelerate development cycles, ensure design and code consistency, and minimize repetitive tasks, contributing to the company's automation strategy.

• Collaborate closely with cross-functional teams including Data, Economics, Digital, Policy, and Qualitative researchers to deeply understand content requirements and user needs, partnering with the Data Visualisation Lead to refine templates and reusable assets.

📝 Enhancement Note: The responsibilities highlight a hands-on development role requiring proficiency in front-end web technologies, a keen understanding of user experience for data-rich applications, and a proactive approach to AI integration. The emphasis on reusable components and collaboration indicates a desire for a designer who can contribute to scalable design systems and foster cross-departmental knowledge sharing.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating relevant skills and experience will be paramount. A background in Computer Science, Digital Design, Human-Computer Interaction, Data Science, or a related field would be beneficial.

Experience: 3+ years of progressive experience in technical, design, or product development roles with a demonstrable track record of building interactive digital products.

Required Skills:

• Solid understanding of core web fundamentals: HTML, CSS, and JavaScript.

• Proficiency with JavaScript libraries/frameworks for data visualization and UI development, such as D3.js, React, or comparable technologies.

• Experience working with structured datasets, model outputs, and translating raw data into meaningful visualizations and interactive experiences.

• Strong technical literacy and a demonstrated ability to quickly learn and adapt to new tools and technologies, especially those enhanced by AI.

• A keen intuition for user comprehension, navigation, and interpretation of data-driven content and complex information.

• Proven ability to design clear, accessible, and user-friendly flows for dashboards, tools, and interactive explainers.

• Experience in designing, critiquing, or iterating on data visualizations to ensure clarity, accuracy, and impact.

Preferred Skills:

• Experience with deployment platforms such as Netlify.

• Familiarity with accessibility standards and best practices (e.g., WCAG compliance).

• Experience with qualitative data analysis and its translation into digital formats.

• Knowledge of common economic modeling outputs or policy research data structures.

• Experience contributing to or managing a design system or component library.

📝 Enhancement Note: The requirements emphasize a blend of technical front-end skills, UX/UI design sensibility for data, and a forward-thinking adoption of AI. The "Mid-level" designation suggests that while deep expertise in every single tool isn't expected, a strong foundation and the ability to rapidly acquire new skills are crucial. The pragmatic approach to AI is a key differentiator.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate a minimum of 3-5 projects showcasing the design and development of interactive data visualizations, dashboards, or digital tools.

• Include case studies that clearly articulate the problem statement, your design process, the technical stack used, and the specific role AI played in your workflow.

• Highlight projects where you translated complex or abstract data into intuitive and actionable user interfaces.

• Showcase examples of reusable components, design patterns, or contributions to a design system if applicable.

Process Documentation:

• For each portfolio project, clearly document the design and development lifecycle, from initial concept and user research to final deployment and any post-launch iterations.

• Detail the workflow for integrating AI tools into your design and development process, including prompts used, AI-generated outputs, and how you refined them into final assets.

• Explain your methodology for ensuring accessibility and clarity in data presentation and user interactions.

• Describe how you collaborated with stakeholders or subject matter experts to understand data requirements and user needs.

📝 Enhancement Note: A strong portfolio is critical for this role, acting as the primary evidence of a candidate's ability to combine design, development, and data interpretation. The emphasis on AI integration in the portfolio is a unique and essential requirement.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Mid-level Data Product Designers in London with 3+ years of experience, a competitive salary range is estimated between £50,000 - £70,000 per annum. This range is influenced by the specific skills, portfolio quality, and overall experience of the candidate.

Benefits:

• 25 days annual holiday, plus additional office closure days for enhanced work-life balance.

• A discretionary annual bonus, with a potential of up to 15% of annual salary, tied to personal and business performance.

• Enhanced company pension contribution of 5% of annual salary, supporting long-term financial planning.

• Comprehensive private healthcare cover, including dental and optical services, for employee well-being.

• An enhanced family leave package, supporting employees during significant life events.

• Sustainable commuting options through bike and Electric Vehicle salary sacrifice schemes.

• An employee assistance programme offering 24/7 access to confidential counselling and support services.

• On-site bike storage and showers for cyclists.

Working Hours: The standard working hours are approximately 40 hours per week. The company encourages a hybrid working model, offering flexibility between home and office-based work.

📝 Enhancement Note: The salary estimate is based on current market data for similar roles in London, considering the specified experience level and the specialized nature of data product design. The listed benefits are comprehensive and reflect a company that invests in employee well-being and professional development.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the Consulting sector, likely focusing on data-driven insights, digital transformation, and policy advisory. SHGH Group's specialties suggest a blend of data analytics, digital development, and strategic consulting.

Company Size: With a presence on Teamtailor and a focus on building reusable components and scaling foundations, SHGH Group appears to be a growing mid-sized firm (likely 50-250 employees). This size often allows for a balance between established processes and agility, providing opportunities for impactful contributions.

Founded: Information on the founding date is not directly provided, but the mention of "strong foundations" and existing infrastructure suggests a company with a few years of operational history, established enough to invest in scaling its capabilities.

Team Structure:

• The Data Product Designer will be part of a dynamic team that likely includes Data Scientists, Data Engineers, UX/UI Designers, Digital Developers, Economists, and Policy Advisors.

• The role reports to a Data Visualisation Lead, indicating a structured approach to data presentation and design within the organization, with opportunities for collaboration and mentorship.

Methodology:

• The team emphasizes data analysis and insight generation as a core offering.

• Workflow planning and optimization are critical, especially with the push towards reusable components and AI-assisted development.

• Automation and efficiency practices are actively being integrated, with AI playing a central role in streamlining processes and accelerating delivery.

Company Website: https://shgh.co.uk (derived from domain)

📝 Enhancement Note: SHGH Group appears to be a forward-thinking consultancy that is investing in building robust digital capabilities. The culture likely values innovation, collaboration, and the practical application of data and technology to solve client problems, with a strong emphasis on emerging AI technologies.

📈 Career & Growth Analysis

Operations Career Level: This "Mid-level" Data Product Designer role signifies a position with significant autonomy and responsibility. It's beyond an entry-level position, requiring the candidate to independently manage design and development tasks for complex projects, contribute to strategic tooling decisions, and mentor junior team members or interns in the future. The role is instrumental in operationalizing data insights into user-friendly products.

Reporting Structure: The role reports to a Data Visualisation Lead. This structure suggests a dedicated focus on the quality and impact of data presentation and interactive tools, with a clear line of guidance and oversight. Opportunities for upward mobility could lead to Senior Data Product Designer, Lead Data Product Designer, or Head of Digital Product roles within the organization.

Operations Impact: The Data Product Designer plays a crucial role in making complex data, research, and models accessible and actionable for SHGH Group's clients and internal teams. By creating intuitive digital tools, this role directly impacts the effectiveness of client engagements, the efficiency of internal workflows, and the ability to communicate sophisticated insights clearly, thereby driving business value and client satisfaction.

Growth Opportunities:

• Specialization in AI-Driven Design: Deepen expertise in leveraging AI for creative and development processes, becoming a go-to person for AI-assisted design workflows and automation strategies.

• Design System Leadership: Contribute significantly to the development and expansion of the company's reusable component library and design system, potentially leading initiatives for its adoption and evolution.

• Product Strategy Contribution: Grow into a role where you can influence the product roadmap for internal and client-facing tools, identifying new opportunities for data products and digital solutions.

• Cross-functional Skill Development: Gain exposure and expertise in various domains (economics, policy, qualitative research) through collaboration, enhancing your ability to design holistic solutions.

📝 Enhancement Note: The growth potential in this role is tied to both technical specialization (AI, front-end development) and strategic product thinking. The emphasis on building scalable foundations suggests that individuals who can contribute to and lead system-level improvements will find significant career advancement opportunities.

🌐 Work Environment

Office Type: The company is based in Central London and encourages a hybrid working model, suggesting a modern office environment that supports both in-person collaboration and remote flexibility. The office is likely designed to facilitate teamwork and provide the necessary resources for development and design work.

Office Location(s): The primary office is located at 40 Villiers St, London, WC2N 6NJ. This central location is well-connected by public transport and is an attractive hub for professionals.

Workspace Context:

• The workspace is designed to foster collaboration, with opportunities to interact with diverse teams (Data, Digital, Policy, Economics).

• Access to necessary tools and technology, including high-performance workstations, software licenses, and potentially dedicated spaces for prototyping and testing.

• Regular opportunities for interaction with colleagues, including the Data Visualisation Lead and cross-functional team members, facilitating knowledge sharing and collective problem-solving.

Work Schedule: The standard working hours are approximately 40 hours per week, with a hybrid arrangement allowing for a mix of office-based and remote work. This flexibility is designed to support effective work execution while maintaining work-life balance.

📝 Enhancement Note: The hybrid model and central London location indicate a professional and accessible work environment. The emphasis on collaboration suggests a culture where team members are encouraged to connect and share ideas, both formally and informally.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application Review: Submission of CV and cover letter. Focus on clearly articulating your experience with data visualization, web development, UX/UI design, and AI tool utilization.

• Stage 1 Interview: Likely a discussion with a hiring manager or senior team member to assess cultural fit, general experience, and understanding of the role's core responsibilities. Be prepared to discuss your motivations for applying and your understanding of SHGH Group's work.

• Stage 2 Interview (Technical Test/Portfolio Review): This stage will involve a deeper dive into your technical skills and design capabilities. This may include a practical coding or design exercise, or a detailed presentation and discussion of your portfolio.

• Final Interview: Potentially with a senior leader to assess strategic thinking, problem-solving approach, and overall fit within the company's vision.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 projects that best demonstrate your skills in interactive data visualization, web development (HTML, CSS, JS, React/D3), UX/UI design for data, and your experience with AI-assisted workflows.

• Tell a Story: For each project, clearly outline the problem, your role, the process (including AI integration), the technologies used, design decisions, and the outcome or impact. Quantify results where possible.

• Showcase AI Integration: Explicitly detail how you used AI tools (e.g., for code generation, design ideation, documentation) and the benefits it brought to the project. Be prepared to discuss your process and critical evaluation of AI outputs.

• Highlight UX/Data Storytelling: Emphasize how you translated complex data into intuitive user journeys and clear narratives. Demonstrate your understanding of accessibility principles.

• Prepare for Technical Deep Dives: Be ready to discuss your code, design choices, and technical challenges encountered.

Challenge Preparation:

• Technical Skills: Brush up on core HTML, CSS, JavaScript, and your preferred JavaScript frameworks (React, D3.js). Be ready to discuss their application in data visualization.

• AI Tooling: Familiarize yourself with current AI tools for coding assistance (e.g., GitHub Copilot, ChatGPT for code) and design. Be prepared to discuss your workflow and critical assessment of AI-generated content.

• Problem-Solving: Prepare examples of how you've tackled complex design or technical challenges, particularly those involving data interpretation or user experience for complex information.

• Communication: Practice articulating complex technical concepts and design rationale clearly and concisely, as you will need to explain your work to both technical and non-technical stakeholders.

📝 Enhancement Note: The interview process emphasizes a blend of technical proficiency, design thinking, and a forward-looking approach to AI. A well-prepared portfolio that clearly demonstrates these capabilities, especially the integration of AI, will be crucial for success.

🛠 Tools & Technology Stack

Primary Tools:

• Web Technologies: HTML5, CSS3, JavaScript (ES6+).

• JavaScript Frameworks/Libraries: React (or comparable), D3.js (or comparable data visualization libraries).

• AI Development Tools: Expect to use AI assistants for code generation, debugging, prototyping, and documentation (e.g., GitHub Copilot, ChatGPT, Bard, or similar).

• Deployment Platforms: Netlify (or similar modern static site hosting/deployment services).

Analytics & Reporting:

CRM & Automation:

• While not a direct CRM role, an understanding of how data products integrate into broader business processes and workflows is beneficial. Experience with workflow automation concepts, especially those facilitated by AI, will be valuable.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end web development and data visualization, with AI tools being a core component of the workflow. Proficiency in these areas, particularly the ability to integrate AI effectively, is essential.

👥 Team Culture & Values

Operations Values:

• Curiosity and Adaptability: A strong desire to learn, explore new technologies (especially AI), and adapt to a rapidly evolving digital landscape.

• Pragmatism and Problem-Solving: A focus on finding practical, effective solutions to real-world problems using data and technology, with a bias for action and delivery.

• Quality, Accuracy, and Clarity: A commitment to producing reliable, well-crafted work, especially when dealing with data that informs strategic decisions, ensuring clear communication to all stakeholders.

• Collaboration and Support: A team-oriented approach, willing to share knowledge, support colleagues through change, and work together to achieve common goals.

• Impact-Driven: Motivated by the opportunity to use data and technology to drive tangible change for clients and the business, focusing on delivering value and actionable insights.

Collaboration Style:

• Cross-functional Integration: Actively engaging with diverse teams to understand needs and co-create solutions, fostering a collaborative environment across disciplines.

• Process Improvement Culture: Open to reviewing and refining existing workflows, embracing new tools and methodologies to enhance efficiency and effectiveness.

• Knowledge Sharing: A willingness to share learnings, best practices, and insights, particularly regarding AI tool utilization and new development techniques, contributing to collective team growth.

📝 Enhancement Note: The company culture values innovation, practical application, and a collaborative spirit, with a strong emphasis on adapting to new technologies like AI. Candidates who are curious, pragmatic, and enjoy working in a team environment will thrive.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid AI Evolution: Keeping pace with the accelerating advancements in AI tools and effectively integrating them into design and development workflows while ensuring reliability and ethical use.

• Translating Complexity: The ongoing challenge of distilling highly complex data, models, and research into simple, intuitive, and actionable user experiences.

• Balancing Innovation with Scalability: Developing novel solutions while ensuring they are built on robust, reusable foundations that can be scaled across the organization.

• Cross-Disciplinary Communication: Effectively bridging the gap between technical teams, data experts, and domain specialists to ensure a shared understanding and successful project outcomes.

Learning & Development Opportunities:

• AI Specialization: Opportunities to become a subject matter expert in AI-assisted design and development, leading workshops and guiding the adoption of new AI capabilities.

• Design System Development: Play a key role in building and evolving the company's design system, gaining experience in scalable design architecture and governance.

• Domain Expertise: Deepen understanding of economics, policy, and qualitative research through close collaboration, broadening your perspective and enhancing your ability to design contextually relevant tools.

• Mentorship: Potential to mentor junior designers or developers, honing leadership and communication skills.

📝 Enhancement Note: The role presents exciting challenges at the forefront of AI and data product design, offering significant opportunities for professional growth and skill development in a dynamic environment.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you used AI tools to significantly accelerate a design or development process. What was the impact, and what were the limitations?" (Focus on specific AI tools, quantifiable improvements, and critical evaluation of AI output.)

• "How would you approach designing an interactive dashboard for economic forecast data for a non-technical client? Walk us through your process, including key design considerations and potential AI assistance." (Demonstrate UX thinking, data storytelling, and AI integration strategy.)

Company & Culture Questions:

• "What excites you about SHGH Group's approach to data product design and your specific role within it, particularly concerning AI?" (Research the company's website and recent work, and align your interests with their stated values.)

• "How do you stay current with advancements in AI and web development, and how do you decide which new tools or techniques are worth adopting?" (Highlight your proactive learning and pragmatic approach to technology adoption.)

Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio around key projects that best represent your skills. For each project, use a consistent structure: Problem -> Your Role/Process (including AI) -> Solution -> Outcome/Impact.

• Highlight AI's Role: Dedicate specific points to how AI assisted in each project. Explain your prompts, how you refined AI outputs, and the benefits achieved (e.g., speed, novelty, efficiency).

• Focus on UX/Data Storytelling: Clearly articulate your design process, user-centric decisions, and how you made complex data understandable and engaging. Use wireframes, user flows, and interactive prototypes.

• Technical Depth: Be prepared to discuss your code, architectural decisions, and the trade-offs you made. Explain your choice of technologies and deployment methods.

• Engage and Discuss: Treat the portfolio review as a conversation. Be ready to answer questions about your choices and adapt your presentation based on interviewer feedback.

📝 Enhancement Note: Interview preparation should heavily focus on demonstrating practical application of AI in design/development, strong UX principles for data, clear communication skills, and a collaborative, growth-oriented mindset.

📌 Application Steps

To apply for this Data Product Designer position:

• Submit your application through the provided link on SHGH Group's Teamtailor careers page by midnight on June 05, 2026.

• Craft a compelling cover letter: Tailor it to highlight your specific experience in data product design, web development (HTML, CSS, JS, React/D3), UX/UI for data, and your practical approach to using AI tools. Clearly state why you are a strong fit for SHGH Group.

• Optimize your CV: Ensure it clearly showcases your 3+ years of relevant experience, technical proficiencies, and any quantifiable achievements. Use keywords from the job description naturally.

• Prepare your portfolio: Curate 3-5 strong projects that demonstrate your skills in interactive data visualization, web development, and UX/UI design. Critically, ensure your portfolio clearly details your use of AI tools in the design and development process, including specific examples and outcomes.

• Research SHGH Group: Understand their industry, client focus, and the services they offer. Familiarize yourself with their approach to data and digital solutions, and consider how your skills align with their mission.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.