UI Developer, Agentic

📍 Job Overview

Job Title: UI Developer, Agentic

Company: Dentsu

Location: Bengaluru, Karnataka, India

Job Type: Full-time

Category: Frontend Engineering / AI Product Development

Date Posted: 2026-04-14

Experience Level: 10+ Years

Remote Status: On-site

🚀 Role Summary

• Spearhead the development of sophisticated frontend interfaces for Dentsu's cutting-edge agentic AI products, acting as a critical bridge between design and engineering.

• Translate complex Figma designs into high-fidelity, production-ready React applications utilizing Tailwind CSS, ensuring pixel-perfect and responsive user experiences.

• Architect and build interactive conversational UIs for multi-agent systems, dynamic data visualization dashboards, and intuitive client-facing tools that simplify complex AI for non-technical users.

• Leverage AI-accelerated development tools such as Claude Code and Cursor for rapid iteration and efficient code generation, embodying a fast-paced, coding-heavy development cycle.

• Collaborate directly with the existing Business Intelligence (BI) team to modernize and enhance data visualization capabilities, transitioning from static Power BI reports to dynamic, interactive React-based experiences.

📝 Enhancement Note: This role is positioned as a senior-level UI Developer with a strong emphasis on AI product development and modernization of existing data visualization tools. The "Agentic" title and mention of multi-agent systems and AI-accelerated development tools suggest a forward-thinking environment focused on integrating advanced AI capabilities into user interfaces. The requirement for prompt-driven development indicates a shift towards AI-assisted coding practices as a core competency.

📈 Primary Responsibilities

• Develop and deliver production-grade React/TypeScript applications styled with Tailwind CSS for all client-facing agentic AI products, ensuring robust performance and scalability.

• Meticulously translate Figma designs into precise, responsive frontend implementations, working in close partnership with the Product Designer to achieve seamless concept-to-production execution.

• Engineer sophisticated conversational and interactive user interfaces for multi-agent systems, "Genie spaces," and automated workflow tools designed to serve media teams and clients effectively.

• Utilize AI-accelerated development tools (e.g., Claude Code, Cursor, GitHub Copilot) as primary development accelerators, demonstrating proficiency in prompt-driven development workflows to maximize output.

• Build and integrate MCP (Model Context Protocol) servers or similar API integration tooling to connect Figma, Databricks, and other platform APIs, streamlining the development workflow.

• Partner with the existing BI team to design and develop React/Tailwind-based data visualization components that either replace or augment existing static Power BI dashboards, enhancing interactivity and user insights.

• Establish and maintain a shared component library and design system implementation using React/Tailwind for the Decisioning practice's AI product suite, ensuring consistency and reusability across projects.

• Implement real-time data streaming interfaces, agent status displays, and human-in-the-loop interaction patterns critical for effective agentic workflow management.

• Construct intuitive onboarding flows, engaging demo environments, and compelling client-facing presentation tools that effectively showcase the capabilities of the AI products.

• Engage in close collaboration with AI Engineers to facilitate API integration, implement WebSocket connections, and manage frontend state for advanced multi-agent orchestration.

📝 Enhancement Note: The responsibilities highlight a blend of core UI development skills with specific demands related to AI product integration and data visualization modernization. The emphasis on AI coding tools and MCP servers indicates a need for candidates who are not only proficient in traditional frontend technologies but also adaptable to emerging AI-driven development methodologies. The collaboration with the BI team and the focus on replacing Power BI suggests a strategic initiative to enhance data interpretability and user engagement through modern frontend solutions.

🎓 Skills & Qualifications

Education: Bachelor's degree in Computer Science, Engineering, or a related field, or equivalent practical experience.

Experience: 8-10 years of dedicated frontend engineering experience, with a strong, demonstrable portfolio showcasing shipped production React applications.

Required Skills:

• Expert-level proficiency in modern JavaScript frameworks, specifically React.

• Mastery of TypeScript for building robust, scalable, and maintainable applications.

• Advanced skills in Tailwind CSS for efficient and responsive UI development.

• Deep proficiency in Figma, including design inspection, asset export, understanding auto-layout, and high-fidelity implementation.

• Proven experience leveraging AI coding tools (e.g., Claude Code, Cursor, GitHub Copilot) as primary development accelerators, not merely for basic autocomplete.

• Experience building and consuming MCP servers or similar API integration tooling that connects design tools (Figma) and development workflows.

• Strong understanding of modern frontend architecture, including component-driven development, advanced state management (e.g., Redux, Zustand), and effective API integration patterns.

• Demonstrated experience building data visualization interfaces using libraries such as D3.js, Recharts, or Nivo within a React environment.

• Practical experience with real-time UI patterns, including WebSockets, server-sent events, streaming responses, and optimistic updates.

• Solid grasp of responsive design principles, fundamental accessibility standards (WCAG), and ensuring cross-browser compatibility.

Preferred Skills:

• Prior experience within the media, advertising, or marketing technology industries.

• Familiarity with Databricks, Power BI, or other analytics platforms, particularly from a frontend integration perspective.

• Experience in developing conversational interfaces, chatbot UIs, or copilot-style interaction patterns.

• Background in building design systems from scratch and maintaining large-scale shared component libraries.

• Proficiency with modern React build tooling and deployment pipelines, such as Next.js or Vite.

• Familiarity with Large Language Model (LLM) APIs, streaming token interfaces, and specific agentic UI patterns like tool-use displays and chain-of-thought visualization.

• Active contributions to open-source projects or personal projects that showcase innovative AI-accelerated frontend development.

📝 Enhancement Note: The experience level is significant (8-10 years) and specifically calls for "expert-level proficiency" in core technologies. The emphasis on AI coding tools is a critical differentiator, requiring candidates to demonstrate practical application beyond basic usage. The mention of MCP servers implies a proprietary or specialized integration layer that applicants should be prepared to discuss. The preferred skills point towards domain-specific knowledge (media/adtech) and advanced AI/LLM integration experience, suggesting potential for high-impact projects.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 significant production React applications, detailing the problem statement, your specific contributions, and the technologies used.

• Include case studies demonstrating the successful translation of complex Figma designs into pixel-perfect, responsive UIs, highlighting attention to detail and adherence to design specifications.

• Present examples of interactive or conversational UI development, illustrating your ability to create engaging user experiences for complex systems.

• Provide evidence of experience with data visualization projects, including examples of charts, dashboards, or reports built using libraries like D3.js, Recharts, or Nivo.

Process Documentation:

• For each project presented, outline the development process, including how requirements were gathered, how designs were interpreted, and how collaboration with designers and backend engineers occurred.

• Detail your approach to responsive design implementation and cross-browser compatibility testing.

• Explain your methodology for ensuring accessibility standards are met throughout the development lifecycle.

• Describe your experience with real-time data handling, including any WebSocket or streaming implementations.

• Document your experience with AI-accelerated development tools, providing specific examples of how they improved efficiency, code quality, or development speed.

📝 Enhancement Note: The portfolio requirements are heavily geared towards demonstrating practical application of the core skills. Emphasis on "shipped production applications" and "pixel-perfect" translation from Figma indicates a need for polished, professional output. Specific mention of AI coding tools in the portfolio documentation suggests interviewers will probe deeply into how these tools are integrated into a developer's workflow, not just as an add-on but as a fundamental part of the process.

💵 Compensation & Benefits

Salary Range: Based on the experience level (10+ years), expert-level requirements, and the location in Bengaluru, India, a competitive salary range for a Senior UI Developer specializing in AI products would typically fall between ₹25,00,000 to ₹45,00,000 per annum. This range accounts for the high demand for specialized frontend skills, experience with AI technologies, and the strategic importance of this role within Dentsu's operations.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.

• Generous paid time off (PTO) policy, including vacation, sick leave, and holidays.

• Retirement savings plan or provident fund contribution.

• Opportunities for professional development, including access to training, workshops, and conferences.

• Performance-based bonuses and annual increments.

• Employee assistance programs offering confidential counseling and support services.

• Access to cutting-edge technology and AI development tools.

• Potential for international assignments or collaboration with global teams within Dentsu.

Working Hours: The standard working hours are expected to be around 40 hours per week, typical for a full-time role in India. However, given the fast-paced nature of AI product development and the emphasis on shipping iteratively, there may be occasional requirements for extended hours or weekend work to meet project deadlines, with appropriate compensatory measures or flexibility offered.

📝 Enhancement Note: The salary range is an estimation based on industry benchmarks for senior-level frontend developers in Bengaluru, India, particularly those with specialized skills in AI and modern frameworks. The actual compensation will depend on the candidate's specific experience, interview performance, and final negotiation. Benefits are standard for a large multinational corporation like Dentsu, with a focus on employee well-being and professional growth.

🎯 Team & Company Context

🏢 Company Culture

Industry: Dentsu operates within the global advertising, marketing, and communications industry, with a significant focus on digital transformation and leveraging technology, including AI, to drive client success. The "Agentic" aspect of this role places it within Dentsu's innovation and AI product development arm, likely focusing on advanced solutions for media optimization, client engagement, and operational efficiency.

Company Size: Dentsu is a large, multinational corporation with tens of thousands of employees globally. This scale offers significant resources, global reach, and diverse career opportunities. For operations professionals, it means working within established frameworks while having the potential to influence and shape new initiatives within specialized teams.

Founded: Dentsu was founded in 1906, giving it a long history and deep industry expertise. The "Agentic" team likely represents a more modern, agile, and forward-thinking division within this established entity, focused on innovation and future-facing technologies.

Team Structure:

• The core team likely comprises AI Engineers, Product Managers, Product Designers, and fellow Frontend Developers.

• This UI Developer will report to a Frontend Lead or Engineering Manager within the Decisioning practice's AI product suite.

Methodology:

• Data Analysis & Insights: While not directly a data analyst role, the UI Developer will be expected to understand and visualize data effectively, likely interacting with data scientists and BI analysts.

• Workflow Planning & Optimization: The role emphasizes building efficient workflows through UI, and developers are expected to contribute to optimizing these workflows by identifying user pain points and implementing streamlined solutions.

• Automation & Efficiency: A core tenet of this role is leveraging AI-accelerated development tools and building UIs that automate tasks and improve efficiency for media teams and clients.

Company Website: https://www.dentsu.com/

📝 Enhancement Note: The company context emphasizes Dentsu's transition towards technology-driven solutions, with AI being a strategic pillar. The "Agentic" team is likely an innovation hub. The scale of Dentsu suggests a structured environment for career growth and access to resources, while the specific team will operate with agility. The "Decisioning practice" and "AI product suite" indicate a focus on data-informed decision-making powered by AI.

📈 Career & Growth Analysis

Operations Career Level: This role represents a senior individual contributor position within the frontend engineering discipline, specifically focused on AI product development. It requires a high degree of technical autonomy, problem-solving ability, and the capacity to mentor junior developers. The role is critical in translating complex AI capabilities into user-friendly interfaces, directly impacting product adoption and client satisfaction.

Reporting Structure: The UI Developer will likely report to a Technical Lead or Engineering Manager responsible for the AI product suite within the Decisioning practice. This structure allows for specialized focus while maintaining alignment with broader Dentsu technology strategies.

Operations Impact: The impact of this role is significant and multifaceted. By building intuitive and efficient UIs for agentic AI products, the developer directly influences:

• Product Adoption: Making complex AI accessible to non-technical users drives wider adoption and value realization.

• Client Experience: Delivering high-quality, interactive dashboards and tools enhances client engagement and satisfaction.

• Operational Efficiency: Streamlining workflows and automating tasks for media teams through well-designed interfaces reduces manual effort and improves productivity.

• Data Utilization: Modernizing data visualization directly increases the usability and impact of data insights for decision-making.

Growth Opportunities:

• Technical Specialization: Deepen expertise in AI-driven frontend development, advanced component libraries, and cutting-edge UI/UX patterns for AI applications.

• Leadership Development: Potential to move into a Tech Lead role, mentoring junior developers, guiding architectural decisions, or managing specific feature development streams.

• Cross-functional Exposure: Gain deeper insights into AI engineering, data science, and media technology through close collaboration, opening avenues for broader roles within Dentsu's technology divisions.

• Architectural Influence: Contribute to the design and evolution of Dentsu's AI product architecture and design systems.

📝 Enhancement Note: This role is positioned as a senior contributor, offering significant impact and growth potential. The emphasis on AI and modernization suggests a career path at the forefront of technological innovation within the advertising and marketing tech space. The growth opportunities are geared towards both deepening technical expertise and developing leadership capabilities within a large, dynamic organization.

🌐 Work Environment

Office Type: The position is based in an on-site office environment located in Bengaluru, India. This suggests a traditional office setting that likely fosters in-person collaboration, team cohesion, and access to physical resources.

Office Location(s): DGS India - Bengaluru - Manyata N1 Block. This specific address indicates a professional business park location, likely offering modern amenities and a conducive environment for technology teams.

Workspace Context:

• Collaborative Environment: Expect a workspace designed to encourage interaction among team members, with common areas, meeting rooms, and potentially open-plan seating arrangements conducive to brainstorming and agile development.

• Operations Tools & Technology: Access to high-performance workstations, reliable internet connectivity, and the latest software tools, including AI development platforms and standard office productivity suites.

• Team Interaction: Opportunities for daily stand-ups, team meetings, and informal discussions with colleagues, fostering a strong sense of team and shared purpose. The on-site nature facilitates direct collaboration with AI Engineers, Product Designers, and BI teams.

Work Schedule: The role adheres to a full-time schedule, likely aligned with standard Indian business hours (e.g., 9 AM to 6 PM IST). While the core hours are fixed, the emphasis on iterative shipping and AI-accelerated development may allow for some flexibility in daily task management, provided project milestones are consistently met.

📝 Enhancement Note: The on-site requirement in Bengaluru points towards a structured work environment within a professional hub. The emphasis on collaboration suggests that the office space is designed to facilitate teamwork, which is crucial for roles involving close interaction with AI engineers and designers.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess alignment with the required skills and experience, with a particular focus on React, TypeScript, Tailwind CSS, and AI development tool usage.

• Technical Interview(s): In-depth discussions covering frontend architecture, state management, API integration, data visualization techniques, and hands-on coding challenges. Expect questions that test your proficiency with React, TypeScript, and Tailwind CSS. You will likely be asked to demonstrate your approach to responsive design and accessibility.

• AI Development Tools Assessment: Specific questions and possibly a practical exercise focusing on your experience with AI-accelerated development tools (Claude Code, Cursor, GitHub Copilot). Be prepared to discuss prompt engineering strategies and how you integrate these tools into your daily workflow to achieve efficiency and code quality.

• Portfolio Deep Dive: A presentation and discussion of your portfolio projects. Be ready to walk through 2-3 key projects, explaining your role, the technical challenges, your solutions, and the impact of your work. Focus on projects that showcase AI integration or complex UI development.

• Behavioral & Cultural Fit Interview: Questions designed to assess your problem-solving approach, collaboration style, ability to work in a fast-paced environment, and alignment with Dentsu's values.

• Hiring Manager Interview: Final discussion with the hiring manager to assess overall fit, career aspirations, and understanding of the role's strategic importance.

Portfolio Review Tips:

• Curate Strategically: Select projects that best demonstrate your expertise in React, TypeScript, Tailwind CSS, and ideally, any experience with AI tools, data visualization, or complex interactive UIs.

• Quantify Impact: For each project, highlight quantifiable achievements (e.g., "improved load times by X%", "reduced user errors by Y%", "enabled Z feature").

• Showcase AI Tool Usage: Clearly articulate how you used AI development tools in your projects and the specific benefits achieved (e.g., faster development cycles, improved code quality, novel solutions).

• Figma to Code Fidelity: Be prepared to discuss how you ensure high fidelity between Figma designs and the implemented UI, including your process for handling edge cases and responsive adjustments.

• Interactive Demos: If possible, provide live or recorded demos of your portfolio projects. For data visualization projects, ensure the interactive elements are functional and clearly explained.

• Explain Your Process: For each project, be ready to explain your thought process, architectural decisions, and problem-solving strategies.

Challenge Preparation:

• Coding Challenges: Practice common frontend challenges focusing on React, component composition, state management, and API interaction. Expect tasks that may involve building UI components or small features based on specifications.

• Design Implementation: Prepare for tasks that require translating a static design (e.g., a simple Figma mockup) into a functional, responsive React component.

• AI Tool Integration Scenario: Consider how you would approach a development task using AI coding tools, and be ready to articulate your strategy and expected outcomes.

• Data Visualization Task: You might be given a small dataset and asked to propose or sketch out a data visualization solution using React libraries.

📝 Enhancement Note: The interview process heavily emphasizes practical skills and demonstrated experience, particularly with AI development tools. A strong portfolio is crucial, and candidates should be ready to articulate the "how" and "why" behind their technical decisions and the impact of their work, especially concerning AI acceleration.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (Expert level)

• Language: TypeScript (Expert level)

• Styling: Tailwind CSS (Expert level)

• Design Tools: Figma (Deep proficiency)

• AI Development Accelerators: Claude Code, Cursor, GitHub Copilot (Demonstrated primary usage)

Analytics & Reporting:

• Data Visualization Libraries: D3.js, Recharts, Nivo (Experience required)

• Potential Integration: Power BI (Familiarity preferred)

CRM & Automation:

• API Integration: Experience building and consuming MCP servers or similar tooling (Required)

• Real-time Communication: WebSockets, Server-Sent Events (SSE) (Experience required)

• Build Tools: Next.js, Vite (Familiarity preferred)

Other Potential Tools:

• State Management: Redux, Zustand, Context API (Proficiency expected)

• Backend Integration: Understanding of RESTful APIs, potentially GraphQL

• Collaboration: Jira, Confluence, Slack (Standard)

📝 Enhancement Note: The technology stack is very specific and modern. Mastery of React, TypeScript, and Tailwind CSS is non-negotiable. The explicit mention of AI coding tools as "primary development accelerators" and MCP servers indicates a specialized and potentially proprietary technology ecosystem that candidates must be prepared to engage with.

👥 Team Culture & Values

Operations Values:

• Innovation & Agility: A drive to explore and implement new technologies, particularly AI, and a commitment to agile development methodologies for rapid iteration.

• User-Centricity: A focus on creating intuitive, accessible, and effective user experiences that meet the needs of both media teams and clients.

• Data-Driven Decision Making: While this role is frontend-focused, there's an underlying expectation to build interfaces that facilitate data interpretation and informed decision-making.

• Efficiency & Automation: A strong emphasis on leveraging tools and techniques to automate processes, improve development speed, and enhance operational efficiency.

• Collaboration & Communication: Openness to cross-functional teamwork, clear communication, and constructive feedback exchange.

Collaboration Style:

• Cross-Functional Integration: Expect close collaboration with AI Engineers, Product Designers, BI Analysts, and potentially Product Managers, requiring strong communication and the ability to translate technical concepts across disciplines.

• Process Review Culture: An environment where development processes are regularly reviewed and optimized, encouraging feedback and continuous improvement.

• Knowledge Sharing: A culture that promotes sharing best practices, learnings from AI tool usage, and innovative solutions within the team and across the broader Dentsu organization.

📝 Enhancement Note: The team culture appears to be a blend of a fast-paced, innovative startup mentality within the structure of a large corporation. The values emphasize forward-thinking technology adoption, user focus, and efficiency, all critical for roles involving AI product development.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving AI Landscape: Keeping pace with the fast-changing advancements in AI and LLM technologies and their application in frontend development.

• Integrating Complex AI Systems: Translating sophisticated, multi-agent AI functionalities into seamless and intuitive user interfaces for non-technical users.

• Balancing Speed and Quality: Maintaining high standards of code quality, performance, and user experience while working with AI-accelerated tools and iterative development cycles.

• Modernizing Legacy Systems: Collaborating with the BI team to transition established data visualization practices from older tools (like Power BI) to modern, interactive React-based solutions.

Learning & Development Opportunities:

• AI-Accelerated Development Mastery: Becoming an expert in prompt-driven development and integrating AI tools deeply into the software development lifecycle.

• Advanced UI/UX for AI: Specializing in designing and implementing cutting-edge user interfaces for AI-powered applications, including conversational UIs and agentic workflows.

• Cross-Disciplinary Skill Acquisition: Gaining exposure to AI engineering, data science principles, and marketing technology stacks through collaborative projects.

• Design System Leadership: Opportunity to contribute significantly to or even lead the development and maintenance of a scalable design system for AI products.

📝 Enhancement Note: The challenges are directly related to the innovative nature of the role, focusing on the complexities of AI integration and the adoption of new development paradigms. The growth opportunities are substantial, offering paths to specialized technical expertise and leadership within the AI product domain.

💡 Interview Preparation

Strategy Questions:

• AI Development Workflow: "Describe how you integrate AI coding tools like Claude Code or Cursor into your daily development workflow. Provide a specific example of a complex problem you solved using these tools." (Focus on prompt engineering, efficiency gains, and code quality improvements.)

• Figma to Production Process: "Walk me through your process for translating a Figma design into a production-ready React component, paying attention to responsive design, accessibility, and pixel-perfect fidelity." (Highlight your understanding of design systems and best practices.)

• Data Visualization Strategy: "Imagine you need to visualize the performance of multiple AI agents interacting in real-time. How would you approach designing this dashboard using React and charting libraries? What key metrics would you prioritize?" (Demonstrate your ability to translate data needs into UI solutions.)

Company & Culture Questions:

• Dentsu's AI Vision: "Based on your understanding of Dentsu's work in AI, how do you see this UI Developer role contributing to the company's overall technology strategy and client offerings?" (Show you've researched Dentsu and understand the strategic importance of AI.)

• Fast-Paced Environment: "This role involves rapid iteration and shipping code daily. How do you manage your time and priorities to ensure both speed and quality in a dynamic environment?" (Focus on agile methodologies, prioritization skills, and communication.)

• Collaboration with AI Engineers: "How would you approach collaborating with AI Engineers who may have different technical backgrounds and communication styles to ensure successful integration of AI models into the frontend?" (Emphasize your communication and problem-solving approach.)

Portfolio Presentation Strategy:

• Storytelling: Structure your portfolio walkthroughs as compelling stories. Start with the problem, detail your solution (highlighting your specific contributions and technical choices), and conclude with the measurable impact or outcome.

• Focus on "Why": For each technical decision, explain the rationale behind it (e.g., "We chose Zustand for state management because...").

• Demonstrate AI Tool Impact: Clearly articulate where and how AI tools were used in your projects and the tangible benefits (e.g., "Using GitHub Copilot reduced boilerplate code writing by 30% on this feature").

• Interactive Elements: If presenting live, ensure all interactive elements of your projects are functional and ready to be showcased. Be prepared to demonstrate responsiveness across different screen sizes.

• Conciseness: Be mindful of time. Prepare concise explanations and be ready to dive deeper into specific areas if prompted.

📝 Enhancement Note: Interview preparation should focus on practical application, especially concerning AI tools and complex UI challenges. Candidates should be ready to articulate their thought process, demonstrate problem-solving skills, and showcase quantifiable results from their past work.

📌 Application Steps

To apply for this UI Developer position:

• Submit your application through the provided Workday link (https://dentsuaegis.wd3.myworkdayjobs.com/DAN_GLOBAL/job/DGS-India---Bengaluru---Manyata-N1-Block/UI-Developer--Agentic_R1119781-8).

• Portfolio Customization: Tailor your resume and portfolio to prominently feature your experience with React, TypeScript, Tailwind CSS, Figma, and especially any demonstrated use of AI-accelerated development tools. Curate your portfolio to include 2-3 key projects that best showcase your ability to build complex UIs, handle data visualization, or integrate with APIs.

• Resume Optimization: Ensure your resume clearly highlights your 8-10+ years of frontend engineering experience and uses keywords relevant to the job description (e.g., React, TypeScript, Tailwind CSS, Figma, AI development tools, data visualization, responsive design, API integration). Quantify your achievements wherever possible.

• Interview Preparation: Practice articulating your experience with AI coding tools, your process for translating Figma designs to code, and your approach to building interactive and data-driven UIs. Prepare to discuss your portfolio projects in detail, focusing on your contributions and the impact of your work.

• Company Research: Familiarize yourself with Dentsu's approach to technology and AI, looking for recent announcements or case studies related to their agentic AI products or digital transformation initiatives. Understand how the "Merkle" brand fits into Dentsu's broader offering.

⚠️ 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.