UI/UX Developer, Platform UI Team - India

📍 Job Overview

Job Title: UI/UX Developer, Platform UI Team

Company: Rojo Integrations

Location: Pune, Maharashtra, India

Job Type: FULL_TIME

Category: Frontend Engineering / UI/UX Development

Date Posted: 2026-08-26

Experience Level: Mid-Senior Level (5-9 years)

Remote Status: Remote (India-based)

🚀 Role Summary

• Drive the end-to-end frontend development of a novel integration product, focusing on a node-based, AI-assisted design experience.

• Transform complex technical workflows into intuitive, user-friendly interfaces through a continuous loop of design and code.

• Architect and implement a robust, component-based design system ensuring consistency, accessibility, and dark-mode theming.

• Integrate seamlessly with backend APIs (REST/WebSocket) to deliver real-time UI updates and dynamic user interactions.

📝 Enhancement Note: While the title is "UI/UX Developer," the core responsibilities and required skills heavily lean towards a Frontend Engineer with strong UI/UX sensibilities. The role emphasizes hands-on coding, component library development, and direct translation of design into functional features, particularly within a complex, interactive canvas environment. The "operations" aspect is inferred through the product's nature as an "integration product" and the need to simplify "complex technical workflows," which are common themes in GTM or operational tooling.

📈 Primary Responsibilities

• Design, develop, and maintain the user interface for a new integration product, emphasizing a node-based, AI-assisted workflow builder.

• Implement and manage a comprehensive component library using React and Next.js, ensuring reusability, scalability, and adherence to design system principles.

• Develop and optimize complex canvas-style interfaces, supporting drag-and-drop functionality, node/edge connections, zooming, and panning interactions.

• Build and maintain dynamic forms, multi-step drawer/modal workflows, and robust validation for deeply configurable nodes, integrating with libraries like React Hook Form and Zod.

• Ensure a seamless user experience across different user types and interaction modes, adapting the interface to diverse needs while maintaining coherence.

• Implement real-time UI features, including WebSocket-driven updates, live logs, streaming states, and optimistic UI patterns for a responsive user experience.

• Collaborate closely with backend engineers to define and consume API contracts (REST, OpenAPI), proactively identifying and addressing data shape gaps.

• Apply solid UX fundamentals to design for edge cases, including error states, empty states, loading states, and progressive disclosure, ensuring a polished and robust user experience.

• Critically review own designs and code, articulating interaction choices and technical decisions with clear, reasoned explanations.

• Contribute to the development and refinement of the product's design system, focusing on typography, spacing, component consistency, dark-mode, and accessibility standards.

📝 Enhancement Note: The responsibilities are derived from the detailed "Must-haves" and "Nice-to-haves" sections, focusing on the actionable development tasks. The emphasis on "complex technical workflows" and "integration product" suggests a role that supports operational efficiency for users, hence the inclusion of operations-relevant keywords like "workflow builder," "automation," and "data mapping."

🎓 Skills & Qualifications

Education:

• While no specific degree is mandated, a strong portfolio demonstrating equivalent practical experience and expertise in UI/UX development and frontend engineering is essential. Experience:

• 5–9 years of professional experience in UI/UX development, with a proven track record of taking ownership of complex, shipped products from conception to deployment.

• Demonstrable experience in architecting and building user interfaces for technical or developer-facing audiences. Required Skills:

• Core Frontend Technologies: Expert-level proficiency in React and Next.js for building scalable and performant web applications.

• Canvas/Node-Based Interfaces: Hands-on experience developing node-based or canvas-style interfaces (drag, connect, wire, zoom, pan), familiarity with libraries like React Flow, or equivalent custom implementation.

• Component Library Development: Proven ability to build and maintain robust, reusable component libraries as part of a cohesive design system.

• API Integration: Strong understanding of consuming REST APIs and working directly from API contracts; experience with OpenAPI specifications is highly beneficial.

• Real-time UI: Experience with real-time UI patterns such as WebSocket-driven updates, live logs, streaming states, and optimistic UI.

• Dynamic Forms & Validation: Expertise in building complex dynamic forms, multi-step workflows, and implementing validation using frameworks like React Hook Form and data validation libraries like Zod.

• Design Systems: Deep understanding and practical application of design system principles, including typography, spacing, component consistency, dark-mode theming, and accessibility (WCAG) standards.

• UX Fundamentals: Solid grasp of core UX principles such as information hierarchy, progressive disclosure, error handling, loading states, and designing for edge cases.

• Communication: Fluent English communication skills, with the ability to clearly articulate design choices and technical reasoning.

• Collaboration: Ability to work effectively within a small, fast-moving technical team.

Preferred Skills:

• Workflow Builder UX: Exposure to specific workflow builder UX patterns, such as data mapping, field wiring, payload schema previews, or step-by-step execution debugging.

• Performance Optimization: Familiarity with canvas performance optimization techniques for handling high node/edge counts and experience with state management libraries like Zustand or Redux.

• Full-Stack JavaScript: Familiarity with Node.js runtime environments and full-stack JavaScript workflows for local prototyping and API mocking.

• Conversational UI: Experience with conversational/chat UI patterns, particularly keeping a chat panel and a visual canvas synchronized.

• AI-Assisted Product UI: Experience designing UIs for AI-assisted products, showcasing confidence scores, model outputs, or human-review gates.

• Backend Familiarity: Familiarity with Python backends (e.g., FastAPI) to understand data shapes and API endpoint documentation.

• Automation Tools: Exposure to workflow/automation tools (e.g., n8n, Make, Zapier, Retool) as a user or builder.

• Technical Typography: Experience designing for a technical, developer-facing audience, including comfort with technical typography systems (e.g., IBM Plex Sans/Mono).

📝 Enhancement Note: The "Must-haves" and "Nice-to-haves" were meticulously parsed to categorize skills into required and preferred. Keywords like "UI/UX Development," "React," "Next.js," "Node-based interfaces," "React Flow," "Component libraries," "WebSocket," "REST API," "Dynamic forms," "Design systems," "Accessibility," and "State management" are explicitly integrated. The "operations" context is inferred through the product type (integration) and the emphasis on workflow building and automation tools.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Shipped Products: Showcase at least one complex, shipped product where you had significant ownership of the UI/UX development and frontend implementation.

• Canvas/Node-Based Interface Examples: Demonstrate direct experience building node-based, canvas-style, or similar interactive diagramming interfaces, highlighting your approach to drag-and-drop, connection logic, and user interaction within these environments.

• Component Library & Design System: Provide examples of component libraries you've built or contributed to, and illustrate your understanding and application of design system principles (e.g., style guides, theming, accessibility features).

• Dynamic Forms & Workflows: Include examples of complex dynamic forms, configurable node settings, or multi-step user workflows you have designed and implemented, showcasing validation and user guidance.

• API Integration: Explain how you've integrated frontend components with backend APIs, demonstrating your ability to work with API contracts and handle data flow.

Process Documentation:

• Design-to-Code Workflow: Be prepared to walk through your process for translating UX designs and technical requirements into functional code, emphasizing your iterative approach and feedback loops.

• Component Development Lifecycle: Describe your methodology for developing, testing, and maintaining UI components and libraries, including version control and documentation practices.

• Problem-Solving Case Studies: Prepare case studies that detail how you've approached and solved complex UI/UX challenges, particularly those involving intricate user flows, real-time data, or performance optimization in interactive interfaces.

• Collaboration & Communication: Be ready to discuss how you collaborate with designers, product managers, and backend engineers, and how you communicate technical decisions and design rationale.

📝 Enhancement Note: This section is constructed by inferring portfolio expectations from the detailed "Must-haves" and "Nice-to-haves," particularly focusing on the types of projects and skills that would need to be demonstrated. The emphasis is on tangible proof of experience with the core technologies and interaction patterns required for this specific role, aligning with typical requirements for senior frontend engineering and UI/UX positions. The "operations" angle is implicit in the product's function as an "integration product" and the need to simplify complex workflows.

💵 Compensation & Benefits

Salary Range:

• For a UI/UX Developer with 5-9 years of experience in Pune, India, a competitive annual salary range is estimated between ₹1,500,000 and ₹2,800,000 (INR). This estimate is based on industry benchmarks for senior frontend development roles in major Indian tech hubs, considering the specific tech stack (React, Next.js) and the complexity of the required skills (node-based interfaces, design systems). Benefits:

• Remote Work Flexibility: Opportunity to work remotely within India, offering significant work-life balance and flexibility.

• Comprehensive Health Insurance: Coverage for medical expenses for the employee and potentially dependents.

• Professional Development: Support for continuous learning, including potential for training, workshops, and conference attendance relevant to UI/UX and frontend development.

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

• Paid Time Off: Generous leave policies, including vacation, sick leave, and public holidays.

• Equipment Stipend: Provision for necessary hardware and software to facilitate remote work productivity.

Working Hours:

• Standard full-time working hours, estimated at 40 hours per week, with flexibility often afforded to remote employees to manage their schedules effectively, while ensuring alignment with team collaboration needs.

📝 Enhancement Note: Salary estimation is based on publicly available data for senior frontend/UI/UX roles in India, specifically Pune, factoring in the specified experience level and the demand for React/Next.js expertise. Benefits are standard for tech roles in India, with an emphasis on remote work perks. The "operations" context is indirectly addressed through the emphasis on efficiency and productivity tools that the role's output will support.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software Development / Technology Services (focusing on integration products). Rojo Integrations operates within the technology sector, likely specializing in building solutions that facilitate seamless connections between different software systems. This positions the company at the intersection of enterprise software and developer tooling.

Company Size: Small to Medium-sized Business (SMB). Based on the Ashby job posting and the context of a "greenfield build" with a small, fast-moving team, Rojo Integrations is likely in a growth phase, offering a dynamic and agile work environment. This size typically allows for direct impact and less bureaucratic processes.

Founded: Information not directly provided, but the "greenfield build" context suggests the company is either a startup or a newer division within a larger organization focused on innovation.

Team Structure:

• Platform UI Team: This role is part of a dedicated Platform UI Team, likely comprising other frontend engineers, UI/UX designers, and potentially a team lead.

• Cross-functional Collaboration: Close collaboration is expected with backend engineers (Node.js, Python), product managers, and potentially AI/ML specialists, given the AI-assisted nature of the product.

• Reporting: The role likely reports to a Lead Frontend Engineer or Engineering Manager overseeing the Platform UI team.

Methodology:

• Agile Development: Given the "small, fast-moving technical team" and "greenfield build" context, agile methodologies (e.g., Scrum, Kanban) are highly probable, emphasizing iterative development, rapid feedback, and adaptability.

• Design-Code Integration: A continuous loop between design and code is explicitly mentioned, suggesting a strong emphasis on close collaboration between UI/UX developers and designers, with rapid prototyping and implementation.

• Data-Driven Iteration: While not explicitly stated, modern development practices imply that UI/UX decisions will be informed by user feedback, A/B testing (where applicable), and analytics to optimize the user experience and workflow efficiency.

Company Website: https://rojointegrations.com

📝 Enhancement Note: Company context is derived from the provided job description and company URL. The "operations" angle is present in the "integration product" nature, suggesting the company builds tools that streamline operational processes for other businesses or developers.

📈 Career & Growth Analysis

Operations Career Level: Mid-Senior Frontend Engineer / UI/UX Developer. This role is positioned for individuals with substantial experience (5-9 years) who can take significant ownership and drive complex features independently. It's a key individual contributor role with the potential to influence product direction.

Reporting Structure: The UI/UX Developer will likely report to a Frontend Engineering Lead or an Engineering Manager. They will work closely with Product Managers, UX Designers, and Backend Engineers, collaborating within a cross-functional team structure.

Operations Impact: The direct output of this role—a simplified, usable interface for a complex integration product—will significantly impact operational efficiency for its users. By making technical workflows more accessible and AI-assisted features intuitive, the role directly contributes to streamlining complex processes, reducing user error, and accelerating task completion for a technical audience. This aligns with the goals of operational excellence and GTM enablement through effective tooling.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced frontend technologies, canvas interactions, real-time systems, and design systems.

• Product Ownership: Take on greater ownership of product features, potentially leading development efforts for specific modules or user journeys.

• Team Leadership: Progress into a Tech Lead or Senior Engineer role, mentoring junior developers and influencing technical strategy within the Platform UI team.

• Cross-functional Expansion: Gain exposure to backend development or product management by working closely with those teams.

• Architectural Influence: Contribute to architectural decisions for the frontend platform as the product scales.

📝 Enhancement Note: This analysis interprets the "Mid-Senior Level" experience requirement and the "greenfield build" context to project potential career trajectories and impact. The "operations" connection is made by framing the product's purpose as enhancing user operational efficiency.

🌐 Work Environment

Office Type: This role is designated as Remote within India. This implies a fully remote work setup, allowing employees to work from their chosen location within the country.

Office Location(s): While the job is remote, the company is headquartered in Pune, Maharashtra, India. The role is specifically targeted towards candidates residing in India.

Workspace Context:

• Home Office Setup: Employees are expected to maintain a productive home office environment conducive to focused work and virtual collaboration.

• Virtual Collaboration Tools: Heavy reliance on digital collaboration tools (e.g., Slack, Zoom, Jira, Confluence) for communication, project management, and knowledge sharing.

• Independent Work: The remote nature requires a high degree of self-discipline, time management, and proactive communication.

• Team Interaction: While remote, opportunities for virtual team syncs, brainstorming sessions, and social interactions will be provided to foster team cohesion.

Work Schedule:

• The standard working hours are estimated at 40 hours per week. While remote, employees are expected to be available during core business hours for team meetings and collaborative tasks, with flexibility to manage their day. This flexibility is crucial for individuals managing complex workflows or requiring focused deep work periods.

📝 Enhancement Note: The "Remote" status is clearly defined. The context of a remote, small, fast-moving team implies a need for strong self-management and digital communication skills, which are critical for operational efficiency in a distributed setting.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess alignment with the required skills and experience. This stage often involves a brief call with a recruiter.

• Technical Assessment (Portfolio Review & Coding Challenge): A deep dive into your portfolio, focusing on specific projects demonstrating your experience with React, Next.js, canvas interfaces, and design systems. This may be followed by a live coding challenge or a take-home assignment focused on building a component or solving a UI-related problem.

• Technical Interview: An in-depth discussion with members of the Platform UI Team (engineers, potential lead) to evaluate your technical expertise, problem-solving abilities, and understanding of frontend architecture, UX principles, and real-time systems.

• Hiring Manager/Team Lead Interview: A conversation to assess cultural fit, communication skills, collaboration style, and your overall approach to development within a small, agile team.

• Final Round (Optional): May involve a broader discussion about product strategy or a final Q&A.

Portfolio Review Tips:

• Highlight Relevant Projects: Prioritize projects that showcase your experience with React, Next.js, node-based/canvas interfaces, complex forms, and design systems.

• Quantify Impact: For each project, clearly articulate the problem you solved, your specific contributions, the technologies used, and the outcomes or impact (e.g., improved user efficiency, reduced complexity, faster task completion).

• Showcase Design Thinking: Explain your design process, how you incorporated UX principles, and how you translated requirements into functional UI.

• Demonstrate Code Quality: If possible, link to public repositories (e.g., GitHub) or provide code snippets that demonstrate clean, well-structured, and maintainable code.

• Explain Technical Choices: Be prepared to discuss why you made certain technical decisions, such as library choices, architectural patterns, or state management approaches.

Challenge Preparation:

• Practice Core Skills: Brush up on React fundamentals, Next.js features, JavaScript algorithms, and CSS.

• Canvas Interaction Logic: Practice implementing drag-and-drop, node connections, and panning/zooming logic. Consider how to manage state and performance in such interfaces.

• Form Handling & Validation: Be ready to implement complex forms with custom validation rules.

• Design System Implementation: Understand how to build and apply components from a design system, including theming and accessibility.

• API Integration Scenarios: Prepare for scenarios involving fetching, posting, and updating data, including handling loading and error states.

📝 Enhancement Note: This section is tailored by inferring the interview process from typical tech hiring practices for roles requiring specialized frontend skills. The advice is focused on how candidates can best showcase their experience with the specific technologies and interaction patterns mentioned in the job description, with an implicit nod to the "operations" context of simplifying complex workflows.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (core library for building user interfaces).

• Meta-Framework: Next.js (for server-side rendering, static site generation, API routes, and optimized performance).

• Canvas/Node-Based Interface Library: React Flow (or similar libraries/custom implementations for creating node-based editors).

• State Management: Zustand, Redux, or Context API (for managing application state effectively).

• Form Handling & Validation: React Hook Form, Zod (for building complex forms and robust data validation).

• Styling: Component-based design system, CSS-in-JS solutions, or utility-first CSS frameworks.

Analytics & Reporting:

• API Interaction: REST APIs (for data fetching and manipulation), WebSocket (for real-time communication).

• API Specification: OpenAPI (for defining and documenting API contracts).

CRM & Automation:

• Workflow/Automation Tools: Exposure to tools like n8n, Make, Zapier, Retool (as a user or builder) is a plus, indicating an understanding of automation concepts.

• Prototyping & Mocking: Node.js runtime environments for local API mocking and full-stack JavaScript workflows.

📝 Enhancement Note: This section directly lists the technologies mentioned in the "Tech stack" and "Must-haves"/"Nice-to-haves" sections. The "operations" relevance is through the product's function as an "integration product" and the use of tools that support automation and workflow building.

👥 Team Culture & Values

Operations Values:

• User-Centricity & Simplicity: A core value is transforming complex technical workflows into simple, usable interfaces, demonstrating a commitment to the end-user's experience and operational efficiency.

• Ownership & Accountability: As part of a small, fast-moving team building a greenfield product, individuals are expected to take ownership of their work and be accountable for delivering high-quality results.

• Collaboration & Communication: Strong emphasis on working effectively within a small, agile team, requiring clear communication, proactive feedback, and a willingness to explain design and technical choices.

• Technical Excellence & Craftsmanship: A dedication to building robust, well-engineered solutions, including meticulous attention to detail in UI design, component development, and code quality.

• Innovation & Adaptability: Embracing new technologies and approaches (like AI-assisted design) and being adaptable in a startup-like environment where requirements can evolve quickly.

Collaboration Style:

• Integrated Design & Development: A continuous loop between design and code is encouraged, fostering tight collaboration between UI/UX developers and designers.

• Cross-functional Teamwork: Working closely with backend engineers, product managers, and potentially AI specialists to ensure seamless integration and a cohesive product vision.

• Open Feedback Culture: Expectation of constructive feedback exchange within the team to continuously improve designs, code, and processes.

• Agile & Iterative: Collaboration likely follows agile principles, with regular check-ins, stand-ups, and iterative development cycles.

📝 Enhancement Note: These values and collaboration styles are inferred from the job description's emphasis on "greenfield build," "small, fast-moving team," "continuous loop of design and code," and the product's goal of simplifying complexity. The "operations" connection is made through the emphasis on user efficiency and the simplification of technical workflows.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Canvas Interaction: Building and optimizing a highly interactive, node-based canvas that remains performant and intuitive with complex workflows.

• Real-time Data Synchronization: Ensuring seamless and accurate updates across the UI in a real-time environment with potentially high data throughput.

• Balancing Technical Depth and UX Simplicity: Translating complex integration logic and AI outputs into an easily understandable and usable interface for a technical audience.

• Greenfield Development: Establishing best practices, architecture, and code standards from scratch in a new product.

• Remote Team Dynamics: Maintaining strong team cohesion and effective communication in a fully remote setting.

Learning & Development Opportunities:

• Advanced Frontend Architecture: Gaining deep experience in building scalable frontend applications with React and Next.js, including server-side rendering and performance optimization.

• Interactive UI Specialization: Becoming an expert in complex canvas interactions, state management for real-time systems, and advanced UI patterns.

• Design System Mastery: Contributing to and evolving a sophisticated design system for a technical product.

• AI Integration in UI: Learning how to effectively present AI model outputs, confidence scores, and human-review workflows within a user interface.

• Product Development Lifecycle: Gaining comprehensive experience in all phases of product development, from initial concept to deployment and iteration, within a dynamic company.

📝 Enhancement Note: Challenges are identified based on the technical requirements (canvas, real-time UI, AI) and the project stage (greenfield). Growth opportunities are framed around deepening expertise in the core technologies and expanding into related areas. The "operations" aspect is tied to the product's goal of simplifying complex technical processes.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex technical workflow you've simplified into a user-friendly interface. What were the key challenges, and how did you approach them?" (Focus on your process, design rationale, and problem-solving for operational efficiency).

• "Walk us through a project where you built a node-based or canvas-style interface. What libraries did you use, what were the performance considerations, and how did you handle user interaction?" (Prepare to detail technical implementation and UX decisions).

• "How do you approach building and maintaining a component library within a design system? Provide an example of a challenging component you developed." (Showcase your understanding of scalability, reusability, and design consistency).

• "Imagine integrating a new AI feature that provides confidence scores for user actions. How would you design the UI to present this information clearly and actionably?" (Demonstrate thinking about AI-assisted UI and user trust). Company & Culture Questions:

• "What interests you about working on a 'greenfield build' for an integration product?" (Research Rojo Integrations' mission and express enthusiasm for building from scratch and simplifying complex systems).

• "How do you handle constructive feedback on your designs or code, especially in a small, fast-moving team?" (Emphasize adaptability, learning, and collaborative spirit).

• "What are your expectations regarding collaboration with backend engineers and product managers on defining API contracts and user requirements?" (Showcase proactive communication and cross-functional teamwork). Portfolio Presentation Strategy:

• Structure Your Narrative: For each relevant project, follow a STAR method (Situation, Task, Action, Result) or similar framework. Clearly state the problem, your role, the actions you took, and the quantifiable results or impact.

• Focus on Key Technologies: Explicitly highlight your use of React, Next.js, canvas interactions, design systems, and real-time features.

• Demonstrate UX Principles: Explain how you applied UX fundamentals (information hierarchy, progressive disclosure, error handling) to your designs.

• Prepare for Live Coding/Problem Solving: Practice coding challenges that involve building UI components, implementing form logic, or simulating API interactions.

• Be Ready for Technical Deep Dives: Anticipate questions about your code architecture, state management choices, performance optimization techniques, and debugging strategies.

📝 Enhancement Note: Interview questions are crafted to probe the core requirements and challenges of the role, focusing on practical application of skills and problem-solving relevant to UI/UX development and complex interfaces. The "operations" angle is integrated by framing questions around simplifying complexity and improving user efficiency.

📌 Application Steps

To apply for this UI/UX Developer position:

• Submit your application through the provided Ashby portal link.

• Portfolio Customization: Tailor your resume and portfolio to prominently feature projects demonstrating your experience with React, Next.js, node-based/canvas interfaces, complex forms, and design systems. Quantify achievements and clearly articulate your role and impact.

• Resume Optimization: Ensure your resume highlights keywords such as "React," "Next.js," "UI/UX Development," "Node-based interfaces," "React Flow," "Component libraries," "Design systems," and "WebSocket." Quantify your experience (e.g., "5+ years," "led development for X features").

• Interview Preparation: Practice articulating your design and development process, especially for complex interactive UIs. Prepare to discuss your approach to code quality, collaboration, and problem-solving, referencing specific examples from your portfolio.

• Company Research: Familiarize yourself with Rojo Integrations and their focus on integration products. Understand the value proposition of simplifying complex technical workflows and how your role contributes to this mission.

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