UI Developer, Agentic

📍 Job Overview

Job Title: UI Developer, Agentic

Company: Dentsu (Merkle)

Location: Makati City, Philippines

Job Type: Full-time

Category: Frontend Engineering / Operations Technology

Date Posted: May 06, 2026

Experience Level: 8-10 years

Remote Status: On-site

🚀 Role Summary

• Develop and implement cutting-edge frontend interfaces for Dentsu's agentic AI products, acting as a crucial link between design and engineering.

• Leverage AI-accelerated development tools to rapidly build production-ready React applications with Tailwind CSS.

• Create interactive dashboards and conversational UIs for multi-agent systems, making complex AI accessible to non-technical users and media teams.

• Partner with the Business Intelligence team to transition static Power BI reports into dynamic, interactive React-based data visualizations.

• Contribute to a shared component library and design system for the Decisioning practice's suite of AI products.

📝 Enhancement Note: This role is highly focused on the practical application of frontend development within an AI and data-driven context. While not a traditional "Revenue Operations" or "Sales Operations" role, it sits at the intersection of technology, product development, and user experience, with a strong emphasis on operationalizing AI capabilities through user-friendly interfaces. The ideal candidate will understand how efficient and intuitive UIs can directly impact the adoption and effectiveness of AI tools, thereby indirectly driving operational efficiency and revenue enablement.

📈 Primary Responsibilities

• Construct production-grade React/TypeScript applications utilizing Tailwind CSS for all client-facing agentic AI products.

• Meticulously translate Figma designs into pixel-perfect, responsive frontend implementations, collaborating closely with Product Designers.

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

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

• Develop and integrate MCP (Model Context Protocol) servers or similar middleware to connect Figma, Databricks, and other platform APIs into the development workflow.

• Collaborate with the existing BI team to build React/Tailwind-based data visualization components, enhancing or replacing existing static Power BI dashboards.

• Build and maintain a shared component library and design system implementation in React/Tailwind for the Decisioning practice’s AI product suite.

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

• Develop onboarding flows, demo environments, and client-facing tools to effectively showcase AI product capabilities.

• Work closely with AI Engineers on API integrations, WebSocket connections, and frontend state management for multi-agent orchestration.

📝 Enhancement Note: The responsibilities highlight a need for strong technical execution coupled with an understanding of how UI impacts user adoption and operational efficiency. The emphasis on AI-accelerated development and MCP servers points to a modern, fast-paced development environment where efficiency and rapid iteration are paramount.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's degree in Computer Science, Software Engineering, or a related field is typically expected for this level of experience. Equivalent practical experience will also be considered.

Experience: 8-10 years of dedicated frontend engineering experience, with a proven track record of shipping production React applications.

Required Skills:

• Expert-level proficiency in React, TypeScript, and Tailwind CSS.

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

• Demonstrated experience using AI coding tools (Claude Code, Cursor, GitHub Copilot) as primary development accelerators, not just for basic autocomplete.

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

• Strong understanding of modern frontend architecture principles: component-driven development, state management solutions (e.g., Redux, Zustand), and robust API integration patterns.

• Experience building data visualization interfaces using libraries like D3.js, Recharts, Nivo, or other React-compatible charting tools.

• Proficiency in implementing real-time UI patterns, including WebSockets, server-sent events, streaming responses, and optimistic updates.

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

Preferred Skills:

• Experience within the media, advertising, or marketing technology (MarTech) industries.

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

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

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

• Experience 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 agentic UI patterns (e.g., tool-use displays, chain-of-thought visualization).

• Contributions to open-source projects or personal projects that showcase AI-accelerated frontend development capabilities.

📝 Enhancement Note: The "Required Skills" section emphasizes deep technical expertise in core frontend technologies and a forward-thinking approach to development, particularly with AI coding tools and real-time data. The "Preferred Skills" suggest that industry-specific knowledge and experience with related technologies (like Databricks or LLM APIs) would be highly advantageous, indicating a strategic focus on leveraging AI in media and marketing.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A demonstrable portfolio showcasing shipped production React applications, highlighting complexity and user impact.

• Case studies detailing the translation of Figma designs into functional, responsive UIs, with emphasis on fidelity and user engagement.

• Examples of interactive dashboards or data visualization components built using libraries like D3.js or Recharts, demonstrating data interpretation and presentation skills.

• Projects that exhibit the implementation of real-time data streaming or multi-agent interaction patterns, showcasing asynchronous communication handling.

Process Documentation:

• Documentation of workflows involved in integrating design systems and component libraries into larger applications.

• Examples of process flows for consuming APIs and handling real-time data streams within a React application architecture.

• Demonstrations of how iterative development and continuous deployment practices were applied to specific projects, showing a commitment to agile methodologies and rapid release cycles.

• Evidence of contribution to or creation of shared component libraries and design system implementations, illustrating process for standardization and scalability.

📝 Enhancement Note: For a role like this, a portfolio is critical. It needs to go beyond just showing finished products; it should illustrate the process of building them, especially the integration of design systems, AI tools, and real-time data. The emphasis on "shipping fast" and "iteratively" implies a need to showcase agile development processes and continuous deployment in portfolio examples.

💵 Compensation & Benefits

Salary Range: Based on the experience level (8-10 years), the location (Makati City, Philippines), and the specialized skill set (expert React, TypeScript, Tailwind CSS, AI tools), a competitive salary range is estimated. For a senior UI Developer in Makati City with this expertise, the annual salary is likely to fall between PHP 1,800,000 and PHP 3,000,000. This range accounts for the high demand for skilled frontend engineers, the specific technical requirements, and Dentsu's position as a global advertising leader.

Benefits:

• Health Insurance: Comprehensive medical, dental, and vision coverage for employees and potentially dependents.

• Retirement Plan: Contributions to a company-sponsored retirement or pension fund.

• Paid Time Off: Generous vacation leave, sick leave, and public holidays, potentially with additional paid time off for specific company events or personal needs.

• Professional Development: Opportunities for training, workshops, and conference attendance, with a focus on emerging technologies like AI-accelerated development.

• Performance Bonuses: Potential for annual performance-based bonuses tied to individual and company achievements.

• Employee Assistance Program: Support services for employees facing personal or work-related challenges.

• Flexible Work Arrangements: While this role is on-site, there might be flexibility in daily hours or occasional remote work options depending on team needs and company policy.

Working Hours: Full-time employment typically involves a standard 40-hour work week. The specific daily schedule may vary but is expected to align with business needs and team collaboration, likely falling within standard Philippine business hours (e.g., 9 AM to 6 PM PHT).

📝 Enhancement Note: Salary estimation is based on publicly available data for senior frontend developer roles in Makati City, Philippines, adjusted for the specific high-demand skills like AI-accelerated development and advanced React/Tailwind expertise. Benefits are standard for large multinational corporations and are tailored to appeal to experienced tech professionals.

🎯 Team & Company Context

🏢 Company Culture

Industry: Advertising & Marketing Technology. Dentsu operates within a dynamic and rapidly evolving global advertising and marketing landscape, with Merkle focusing on data-driven customer experience management. The company is at the forefront of integrating AI and advanced technologies to deliver innovative solutions for clients.

Company Size: Dentsu is a large, multinational organization with tens of thousands of employees globally. Merkle, as a part of Dentsu, is also a substantial entity. This size offers stability, resources, and global opportunities, while also requiring individuals to navigate larger corporate structures.

Founded: Dentsu was founded in 1906, and Merkle was founded in 1988. This long history signifies stability and a deep understanding of the advertising and marketing industries, combined with a forward-looking approach to technology adoption.

Team Structure:

• The role is within the "Decisioning practice" of Merkle, specifically focusing on AI product suite development.

• The team likely includes AI Engineers, Product Designers, Product Managers, and other Frontend Developers.

• There will be close collaboration with the existing Business Intelligence (BI) team to integrate data visualization efforts.

Methodology:

• Agile Development: Emphasis on iterative development, continuous deployment, and rapid releases.

• AI-Accelerated Development: Incorporation of AI tools into the daily coding workflow for increased efficiency.

• Data-Driven Design: Utilizing data insights and user behavior to inform UI/UX decisions and dashboard design.

• Component-Driven Development: Building modular, reusable UI components for scalability and maintainability.

• Cross-Functional Collaboration: Close partnerships between design, engineering, product, and BI teams.

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

📝 Enhancement Note: The company context highlights a blend of established industry leadership with a strong push into cutting-edge AI and data technologies. For operations professionals, this means an environment that values efficiency, data-driven decision-making, and continuous improvement, all supported by significant corporate resources.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as a Senior UI Developer, requiring 8-10 years of experience. It signifies a high level of technical expertise and the ability to work independently and mentor junior team members. The focus on AI-accelerated development and complex system integration places it at the more advanced end of frontend engineering roles.

Reporting Structure: The UI Developer will report to a Lead Frontend Engineer or Engineering Manager within the Decisioning practice. They will work closely with Product Designers, AI Engineers, and Product Managers, demonstrating a collaborative, cross-functional reporting dynamic.

Operations Impact: The primary impact of this role is on operationalizing AI products by creating intuitive, efficient, and engaging user interfaces. By making complex AI accessible and data visualizations interactive, this role directly contributes to:

• Increased adoption and effective utilization of AI tools by internal teams and clients.

• Improved data-driven decision-making through enhanced visualization capabilities.

• Streamlined workflows for media teams and clients interacting with agentic systems.

Growth Opportunities:

• Technical Specialization: Deepen expertise in AI-driven development, advanced frontend architectures, and specific AI/ML integration patterns.

• Leadership Development: Potential to move into Lead UI Developer, Frontend Engineering Lead, or Architect roles, mentoring junior engineers and shaping technical direction.

• Cross-Functional Exposure: Gain deeper understanding of AI engineering, data science (Databricks), and business intelligence tools, broadening technical scope.

• Design System Ownership: Opportunity to lead the development and maintenance of Dentsu's AI product design system.

• Industry Influence: Contribute to projects that are at the cutting edge of AI in advertising and marketing, potentially leading to industry recognition.

📝 Enhancement Note: The growth path here is strongly tied to technical mastery and leadership within specialized areas like AI-driven frontend development and design systems. The role offers opportunities to become an expert in a rapidly evolving field, leveraging a large corporate structure for diverse experiences.

🌐 Work Environment

Office Type: This is an on-site role located in Makati City, Philippines. The office environment is expected to be modern and professional, typical of a large multinational corporation. It will likely foster collaboration and provide access to necessary resources.

Office Location(s): The role is based at RCBC Plaza in Makati City, a prime business district in Metro Manila, known for its accessibility and concentration of major companies. This location offers proximity to public transportation and various amenities.

Workspace Context:

• Collaborative Spaces: Access to meeting rooms, breakout areas, and shared workspaces designed to facilitate team collaboration and brainstorming.

• Technology Infrastructure: High-speed internet, modern workstations, and access to specialized software and development tools.

• Team Interaction: Opportunities for daily interaction with cross-functional teams, including AI Engineers, Product Designers, and BI specialists, fostering a dynamic and interactive work environment.

• Professional Atmosphere: A corporate setting that encourages professional development and adherence to company standards.

Work Schedule: The standard working hours are full-time, likely 40 hours per week, with a typical daily schedule aligned with Philippine business hours. While on-site, the company culture may offer some flexibility in start/end times, provided core collaboration hours are met.

📝 Enhancement Note: The on-site requirement in a major business hub like Makati City suggests a structured corporate environment that prioritizes in-person collaboration and team integration, crucial for fast-paced, innovative projects.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review applications and resumes, focusing on relevant experience and skills.

• Technical Assessment: Candidates will likely undergo a technical screening, which could include coding challenges (live or take-home) focusing on React, TypeScript, and Tailwind CSS, and potentially questions about AI tools and frontend architecture.

• Portfolio Review: A dedicated session where candidates present their portfolio, discussing specific projects, their role, the challenges faced, and the solutions implemented. Expect in-depth questions about AI-accelerated development and data visualization projects.

• Team/Hiring Manager Interviews: Interviews with the hiring manager and potential team members to assess technical depth, problem-solving skills, cultural fit, and understanding of agentic systems.

• Final Interview: Potentially a final interview with a senior leader to discuss strategic alignment and long-term fit.

Portfolio Review Tips:

• Highlight AI-Accelerated Projects: Clearly articulate how AI tools like Cursor or Claude Code were used and the impact they had on development speed and efficiency.

• Showcase Figma to Code: Present projects where you translated complex Figma designs into high-fidelity, responsive React applications, explaining your process and problem-solving.

• Demonstrate Data Visualization Expertise: Include examples of interactive dashboards or charts, explaining the data sources, libraries used, and how the visualizations provide actionable insights.

• Detail Real-time Implementation: For projects involving WebSockets or streaming data, explain the architectural choices and how you managed state and user experience.

• Quantify Impact: Wherever possible, use metrics to demonstrate the success of your projects (e.g., improved user engagement, faster load times, increased data accessibility).

Challenge Preparation:

• Refine Core Skills: Brush up on React, TypeScript, Tailwind CSS, state management, and API integrations.

• Practice Figma Design Implementation: Be ready to quickly translate mockups into code, potentially during a live coding session.

• Understand Agentic Concepts: Familiarize yourself with multi-agent systems, conversational UIs, and how frontend plays a role in orchestrating these.

• AI Tool Proficiency: Be prepared to discuss your experience and best practices with AI coding assistants.

• Storytelling: Prepare to clearly articulate your contributions, technical decisions, and the outcomes of your past projects, especially those related to AI and data visualization.

📝 Enhancement Note: The interview process emphasizes a strong technical foundation, practical application of modern tools (especially AI), and the ability to articulate and demonstrate past work through a portfolio. Candidates should prepare to discuss not just what they built, but how they built it and the impact it had, with a particular focus on the innovative aspects of agentic AI and accelerated development.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React

• Language: TypeScript

• Styling: Tailwind CSS

• Design Tools: Figma (for inspection and asset export)

• AI Development Tools: Claude Code, Cursor, GitHub Copilot (as primary accelerators)

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

• State Management: Redux, Zustand, or similar

• API Integration: Experience with RESTful APIs, WebSockets, Server-Sent Events (SSE)

Analytics & Reporting:

• Data Visualization Libraries: D3.js, Recharts, Nivo, or similar React-compatible charting libraries.

• Existing BI Tools (for integration): Power BI (familiarity with frontend integration perspective)

CRM & Automation:

• API Integration Middleware: MCP servers or similar tooling for connecting design tools and platforms.

• Backend Platforms (for integration): Databricks (familiarity with frontend integration perspective)

📝 Enhancement Note: The technology stack is heavily focused on modern, efficient frontend development practices, with a significant emphasis on AI-assisted coding and integration with data platforms. Proficiency in React, TypeScript, and Tailwind CSS is non-negotiable, while experience with AI coding tools and data visualization libraries is a key differentiator.

👥 Team Culture & Values

Operations Values:

• Innovation & Speed: A culture that embraces rapid iteration, continuous deployment, and the adoption of new technologies like AI-accelerated development to stay ahead.

• User-Centricity: A strong focus on building intuitive, accessible, and impactful user interfaces for both internal teams and external clients, ensuring AI solutions are usable.

• Data-Driven Insights: Valuing the use of data to inform design decisions, build effective visualizations, and measure the impact of AI products.

• Collaboration & Transparency: Encouraging open communication and close partnerships between design, engineering, product, and BI teams, fostering a shared understanding of project goals.

• Excellence in Execution: A commitment to high-quality code, pixel-perfect design implementation, and robust frontend architecture.

Collaboration Style:

• Cross-Functional Integration: Expect close collaboration with AI Engineers on API integrations and real-time data handling, and with Product Designers on translating Figma into code.

• Iterative Feedback Loops: A culture where feedback is regularly exchanged on designs, code, and product features to ensure continuous improvement.

• Knowledge Sharing: Opportunities to share best practices, especially regarding AI tools, design systems, and frontend performance, through team discussions or internal documentation.

📝 Enhancement Note: The team culture likely reflects the dynamic nature of the MarTech industry and the innovative drive within Dentsu/Merkle. It prioritizes efficiency, technical excellence, and collaborative problem-solving, especially in the context of applying AI to business challenges.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving AI Landscape: Keeping pace with the fast-changing advancements in AI and adapting development practices and tools accordingly.

• Integrating Complex Systems: Effectively connecting disparate systems like Figma, AI models, Databricks, and frontend applications through middleware like MCP servers.

• Balancing Speed and Quality: Maintaining high standards of code quality and user experience while adhering to a fast-paced, iterative development cycle driven by AI tools.

• Translating Abstract Concepts: Making complex AI functionalities and multi-agent orchestrations understandable and usable through intuitive UI design.

• Modernizing Legacy Systems: Contributing to the transition from static reporting (e.g., Power BI) to dynamic, interactive frontend experiences.

Learning & Development Opportunities:

• AI Development Specialization: Becoming an expert in leveraging AI coding assistants and integrating LLM APIs for enhanced frontend development.

• Advanced Frontend Architecture: Deepening knowledge of modern React patterns, state management, and performance optimization techniques.

• Design System Leadership: Opportunity to take ownership of and scale a design system for a suite of AI products.

• Cross-Disciplinary Learning: Gaining insights into AI engineering, data science workflows, and BI reporting from team collaborations.

• Industry Exposure: Working on cutting-edge AI applications in the advertising and marketing technology sectors.

📝 Enhancement Note: The challenges are directly tied to the innovative nature of the role, requiring adaptability and a proactive approach to learning. The growth opportunities are significant for ambitious frontend developers looking to specialize in the intersection of AI, data, and user experience.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a complex Figma design into a production-ready React application, especially when using AI coding tools. How do you ensure pixel-perfect fidelity and responsiveness?"

• "Walk us through a project where you built a real-time data visualization or streaming interface. What were the key technical challenges and how did you overcome them using WebSockets or SSE?"

• "How do you evaluate and integrate AI coding assistants like Claude Code or Cursor into your daily workflow? Provide an example of how it significantly accelerated your development."

• "Explain your experience with MCP servers or similar middleware. How have you used them to connect design tools or data platforms with your frontend development process?"

Company & Culture Questions:

• "What interests you about Dentsu/Merkle and our focus on agentic AI products?"

• "How do you approach working in a fast-paced, iterative development environment with continuous deployment?"

• "Describe your experience contributing to or building design systems and shared component libraries."

Portfolio Presentation Strategy:

• Structure by Impact: Organize your portfolio around key achievements or project types (e.g., AI-accelerated projects, data visualizations, interactive UIs).

• Focus on Process: For each project, detail your role, the problem statement, the technologies used, your specific contributions (especially with AI tools), and the outcomes/impact.

• Showcase Figma-to-Code: Have specific examples ready to demonstrate how you've taken Figma designs and implemented them precisely in React/Tailwind.

• Interactive Demonstrations: If possible, prepare live demos or screen recordings of your most relevant projects.

• Quantify Results: Use metrics to highlight the success of your work – e.g., "reduced development time by X% using AI tools," "improved data accessibility leading to Y% increase in user engagement."

📝 Enhancement Note: Interview preparation should focus on aligning your experience with the specific requirements of building AI-powered UIs, emphasizing your proficiency with modern tools and your ability to deliver quickly and effectively. Be ready to discuss the "how" and "why" behind your technical decisions.

📌 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/Makati-City/UI-Developer--Agentic_R1120856

• Tailor Your Resume: Highlight your 8-10 years of frontend engineering experience, specifically mentioning React, TypeScript, Tailwind CSS, Figma proficiency, and any experience with MCP servers or AI coding tools. Quantify achievements where possible.

• Curate Your Portfolio: Ensure your portfolio prominently features projects demonstrating expertise in React, TypeScript, Tailwind CSS, data visualization, real-time interfaces, and crucially, your use of AI-accelerated development tools. Prepare to walk through 2-3 key projects in detail.

• Prepare for Technical Assessments: Review core frontend concepts, practice coding challenges related to React and TypeScript, and be ready to discuss your approach to implementing responsive designs and consuming APIs.

• Research Dentsu/Merkle: Understand their business, their focus on AI and data-driven marketing, and the "Decisioning practice" to articulate your interest and cultural fit during interviews.

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