UI Engineer (Outbound/Selfservice)

📍 Job Overview

Job Title: UI Engineer (Outbound/Selfservice)

Company: Miratech

Location: All Cities, India

Job Type: Full-time

Category: Front-End Development / UI Engineering

Date Posted: May 13, 2026

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

Remote Status: Remote OK (with potential for on-site in India)

🚀 Role Summary

• Develop and implement modern, responsive, and user-friendly web applications for enterprise-scale healthcare platforms, focusing on outbound and self-service user experiences.

• Collaborate with UI/UX designers and product managers to translate high-fidelity Figma designs into pixel-perfect, scalable, and maintainable frontend components.

• Build and maintain robust design systems and component libraries to ensure consistency and efficiency across complex healthcare workflows.

• Optimize web applications for performance, accessibility, and cross-browser/device compatibility, adhering to best practices in frontend architecture.

• Contribute to a culture of continuous improvement through code reviews, knowledge sharing, and adoption of cutting-edge UI development standards.

📝 Enhancement Note: While the title is "UI Engineer," the responsibilities and required skills strongly indicate a Front-End Developer role with a significant focus on UI implementation and design system integration. The mention of "Outbound/Selfservice" suggests a focus on customer-facing or user-initiated interaction points within the healthcare platform. The remote option for India is noted, but the presence of "All Cities, India" could imply a distributed team within India or a primary hub.

📈 Primary Responsibilities

• Translate high-fidelity Figma designs, including advanced features like Dev Mode and Auto Layout, into clean, reusable, and production-ready frontend code.

• Architect, build, and maintain scalable design systems and component libraries that ensure visual and functional consistency across the healthcare platform.

• Develop responsive and high-performance web applications, ensuring optimal user experience across various browsers, devices, and screen resolutions.

• Collaborate closely with UI/UX designers, product managers, and backend developers to ensure seamless integration of frontend components and adherence to design intent.

• Implement and champion web accessibility standards (e.g., WCAG) to ensure inclusive design for all users, particularly within the healthcare context.

• Participate actively in code reviews, providing constructive feedback to peers and adhering to established coding standards and best practices.

• Contribute to frontend architecture discussions, focusing on scalability, maintainability, and performance optimization for enterprise-grade applications.

• Troubleshoot and resolve UI-related bugs and issues, ensuring a smooth and reliable user experience for outbound and self-service functionalities.

• Stay abreast of emerging UI technologies and trends, recommending and integrating them where appropriate to enhance user experience and development efficiency.

📝 Enhancement Note: The responsibilities emphasize a blend of design implementation and frontend development, with a strong focus on design systems and scalability within a regulated industry (healthcare). The "Outbound/Selfservice" aspect hints at user journey optimization for customer acquisition, onboarding, or self-help features.

🎓 Skills & Qualifications

Education: While no specific degree is mentioned, a Bachelor's degree in Computer Science, Software Engineering, or a related field, or equivalent practical experience, is typically expected for roles of this nature.

Experience: 3+ years of professional experience as a UI Developer, Frontend Developer, or similar role.

Required Skills:

• Figma Expertise: Deep proficiency in Figma, including advanced features such as Dev Mode, Auto Layout, component libraries, design systems, prototyping, and seamless developer handoff workflows.

• JavaScript (ES6+): Strong command of modern JavaScript, including asynchronous programming, ES6+ features, and best practices for building dynamic web interfaces.

• React.js: Hands-on experience with React.js and its ecosystem, including a solid understanding of component-based architecture, hooks, and state management.

• Responsive Design: Proven ability to implement responsive layouts that adapt fluidly across a wide range of devices and screen sizes.

• CSS & Styling: Expertise in modern CSS, including preprocessors (Sass/LESS), CSS-in-JS solutions, and best practices for maintainable and scalable styling.

• Version Control: Proficiency with Git and GitHub for collaborative development, including branching, merging, and pull request workflows.

• Cross-Browser Compatibility: Strong understanding of how to ensure consistent rendering and functionality across major web browsers.

• Web Accessibility: Knowledge of WCAG guidelines and practical experience implementing accessible web interfaces.

• Component-Based Architecture: Experience designing and building reusable, modular UI components.

• Portfolio: A strong portfolio showcasing end-to-end Figma-to-code implementation, modern frontend projects, and contributions to design systems.

Preferred Skills:

• Experience with Angular or Vue.js, demonstrating adaptability to different frontend frameworks.

• Familiarity with animation libraries, micro-interactions, or advanced frontend performance optimization techniques.

• Understanding of modern design-to-development workflows and component-driven development principles beyond basic implementation.

• Experience with build tools like Webpack or Vite.

• Exposure to backend integration concepts or RESTful APIs.

📝 Enhancement Note: The emphasis on Figma and React.js is clear. The "Nice to Have" skills indicate a desire for candidates who are not only proficient but also forward-thinking in terms of animation, performance, and broader framework exposure. The portfolio requirement is crucial for demonstrating practical application of these skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Figma to Code Demonstrations: Showcase projects where you've accurately translated complex Figma designs (including Auto Layout, component variants, and interactive elements) into functional, pixel-perfect code.

• Design System Contributions: Present examples of your involvement in building, maintaining, or contributing to design systems, highlighting how you ensured consistency between design tokens and frontend implementation.

• Component Reusability: Include examples of well-architected, reusable UI components that you have developed, demonstrating clean code, maintainability, and adherence to best practices.

• Responsive & Accessible Implementations: Provide evidence of responsive design implementation across various breakpoints and demonstrate how you've incorporated web accessibility standards into your work.

• Project Scope & Impact: For each project, clearly articulate the problem statement, your role, the technologies used, and the impact or outcomes achieved, particularly related to user experience or efficiency.

Process Documentation:

• Workflow Design & Optimization: Demonstrate understanding of how to document and optimize UI development workflows, from design handoff to implementation and testing.

• Component Development Lifecycle: Show how you approach the lifecycle of a UI component, from initial development and testing to integration and maintenance within a larger application.

• Design System Governance: Illustrate your understanding of processes for managing and evolving design systems, including versioning, documentation, and adoption strategies.

📝 Enhancement Note: For a UI Engineer role, the portfolio is paramount. It needs to visually and technically demonstrate the ability to bridge the gap between design and code, emphasizing scalability, consistency, and adherence to design intent through robust systems.

💵 Compensation & Benefits

Salary Range: Given the location (India), experience level (2-5 years), and the nature of the role (UI Engineer/Front-End Developer), a competitive salary range for this position in India would typically fall between ₹8,00,000 to ₹15,00,000 per annum. This estimate is based on industry benchmarks for skilled UI/Frontend developers in major tech hubs within India, considering the demand for Figma and React.js expertise.

Benefits:

• Health Insurance: Comprehensive health insurance coverage.

• Language Courses: Opportunities to improve language skills, potentially for international client interaction.

• Relocation Program: Support for relocation if an on-site component is required or preferred.

• Professional Development Opportunities: Access to training, workshops, and learning platforms.

• Certification Programs: Support for obtaining industry-recognized certifications to enhance skills.

• Mentorship And Talent Investment Programs: Structured programs to guide career growth and skill development.

• Internal Mobility: Opportunities to explore different roles or projects within Miratech.

• Internship Opportunities: (Potentially for more junior roles or as a pathway for growth within the company, less relevant for this mid-level role but listed as a company benefit).

• Competitive Pay: As indicated by the salary range.

• Global Impact Projects: Opportunity to work on projects that shape industries.

• Welcoming Multicultural Environment: Inclusive and supportive team atmosphere.

• Social Sustainability Values: Involvement in company initiatives focused on community, environment, and equality.

Working Hours: Standard full-time working hours, likely around 40 hours per week. Given the "Work From Anywhere Culture" and remote option, there might be flexibility in daily scheduling, but core collaboration hours will likely be expected.

📝 Enhancement Note: The salary estimate is a benchmark for India and can vary significantly based on the specific city, Miratech's internal compensation bands, and the candidate's exact skill set and interview performance. The benefits package is quite comprehensive, highlighting Miratech's investment in employee growth and well-being.

🎯 Team & Company Context

🏢 Company Culture

Industry: IT Services and Consulting, with a strong focus on supporting digital transformation for large enterprises, particularly in the healthcare sector. Miratech positions itself at the intersection of enterprise innovation and startup agility.

Company Size: Miratech is a significant player with nearly 1000 full-time professionals and operations across 5 continents and 25 countries, experiencing over 25% annual growth. This indicates a stable yet dynamic environment with opportunities for advancement.

Founded: Founded in 1989, Miratech has a long-standing history and a proven track record, evidenced by its 99% project success rate. This longevity suggests stability, robust processes, and deep industry expertise.

Team Structure:

• Operations Team: Likely comprises specialized teams for different service areas, including dedicated frontend development groups supporting various client projects and internal platforms.

• Reporting Structure: The UI Engineer will likely report to a Development Lead or Engineering Manager, with potential for close collaboration with UI/UX Design Leads and Product Managers.

• Cross-functional Collaboration: This role demands strong collaboration with UI/UX designers, product managers, backend engineers, and potentially QA teams to ensure cohesive product development.

Methodology:

• Data-Driven Approach: Miratech emphasizes "Relentless Performance," suggesting a metrics-driven culture focused on achieving and exceeding project objectives (scope, schedule, budget).

• Agile Development: Given the industry and company size, agile methodologies are highly probable for project execution, emphasizing iterative development and continuous feedback.

• Innovation & Technology Focus: The company actively partners with both large enterprises and startups, indicating a commitment to staying at the forefront of technology and innovation.

Company Website: https://www.miratechgroup.com/ (Assuming this is the correct URL based on domain_derived)

📝 Enhancement Note: Miratech's culture appears to be a blend of established stability (since 1989, high success rate) and dynamic growth (25%+ annual growth, global presence). The "Relentless Performance" ethos suggests a high-achieving environment that values results and efficiency, which is highly relevant for operations and development roles.

📈 Career & Growth Analysis

Operations Career Level: This position is classified as Mid-Level, suitable for individuals with 2-5 years of dedicated experience in UI/Frontend development. It signifies a step beyond entry-level, where individuals are expected to contribute independently, own features, and begin mentoring more junior team members.

Reporting Structure: The UI Engineer will likely report to a Lead UI Engineer, Frontend Development Manager, or a Project Manager overseeing the specific healthcare platform initiative. They will work within a project team that includes designers, backend developers, and product stakeholders.

Operations Impact: While not a traditional "Operations" role (like RevOps or SalesOps), this UI Engineer plays a crucial role in the user operations and product operational efficiency. By creating intuitive, performant, and accessible interfaces, they directly impact user adoption, task completion rates, customer satisfaction, and ultimately, the client's ability to leverage their healthcare platforms effectively. This role contributes to the seamless functioning and user experience of critical business systems.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React.js, explore advanced frontend architecture patterns, or specialize in areas like performance optimization, animation, or accessibility.

• Design System Leadership: Grow into a role focused on leading the development and governance of Miratech's design systems across various projects.

• Cross-Functional Expansion: Develop a broader understanding of backend development, product management, or UI/UX design principles to become a more versatile full-stack or product-focused engineer.

• Team Leadership: Progress to a Senior UI Engineer or Tech Lead role, taking on more responsibility for technical direction, code quality, and mentoring junior developers.

• Project Management: With additional training, potentially transition into project or technical product management roles.

📝 Enhancement Note: The growth path for a UI Engineer at a company like Miratech is typically focused on deepening technical expertise or expanding into leadership and broader product scope, rather than shifting into traditional business operations roles unless there's a specific internal mobility program for that.

🌐 Work Environment

Office Type: The job explicitly states "Work From Anywhere Culture" and "Remote OK," indicating a strong preference for remote work. While Miratech has a global presence, this specific role is listed for "All Cities, India," suggesting a remote-first approach within India, or potentially hybrid options if desired and available in specific Indian locations.

Office Location(s): While the role is remote, Miratech operates globally, including in India. Specific office locations within India are not detailed in the listing but are implied by the "All Cities, India" designation.

Workspace Context:

• Collaborative Environment: Expect a digitally collaborative environment leveraging tools like Slack, Microsoft Teams, Jira, Confluence, and video conferencing for communication and project management.

• Operations Tools & Technology: Access to modern development tools, IDEs, design software (Figma), version control systems (Git/GitHub), and potentially CI/CD pipelines for streamlined development and deployment.

• Team Interaction: Regular virtual stand-ups, sprint planning, retrospectives, code reviews, and design syncs with the distributed team.

Work Schedule: Flexible work schedule is implied by the remote policy, allowing individuals to manage their time effectively. However, adherence to core working hours for team collaboration and project alignment will be necessary.

📝 Enhancement Note: The "Work From Anywhere Culture" is a significant perk. Candidates should be prepared for a fully remote setup, emphasizing self-discipline, strong communication, and proactive engagement with a distributed team.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will likely conduct an initial call to assess basic qualifications, cultural fit, and salary expectations.

• Technical Interview(s): Expect one or more technical interviews focusing on JavaScript, React.js, CSS, responsive design, and problem-solving. This may include live coding exercises or technical Q&A.

• Portfolio Review: A dedicated session where you present your portfolio, discussing specific projects, your design-to-code process, your contributions to design systems, and how you approach challenges. Be prepared to articulate your design choices and technical solutions.

• System Design/Architecture Discussion: For mid-level roles, there might be a discussion around frontend architecture, scalability, and how you would approach building complex features or systems.

• Behavioral/Cultural Fit Interview: Questions to assess your problem-solving approach, collaboration style, how you handle feedback, and alignment with Miratech's "Relentless Performance" culture.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your strongest projects that best demonstrate your Figma-to-code skills, design system contributions, and experience with complex user interfaces.

• Storytelling: For each project, clearly articulate the problem, your role, the challenges faced, the solutions implemented (especially your design system and code architecture), and the measurable impact.

• Figma to Code Walkthrough: Be ready to navigate through your Figma designs and then show the corresponding live code or repository, explaining your implementation decisions at each step.

• Highlight Design System Work: If you have significant design system experience, dedicate time to showcasing its structure, components, and how it promotes consistency.

• Technical Depth: Be prepared to discuss the technical choices made, trade-offs considered, and how you ensured performance and accessibility.

Challenge Preparation:

• Coding Challenges: Practice common JavaScript, React.js, and algorithm-based coding problems. Websites like LeetCode, HackerRank, and Codewars are excellent resources.

• Design System Scenarios: Think about how you would approach building a new component for an existing design system or how you would resolve inconsistencies.

• Figma Usage: Be comfortable demonstrating Figma features like Auto Layout, component variants, and Dev Mode during your portfolio review.

• Problem-Solving Scenarios: Prepare to discuss how you would approach a complex UI problem, considering user needs, technical constraints, and design principles.

📝 Enhancement Note: The interview process will heavily weigh the portfolio. Candidates should treat their portfolio presentation as a key interview segment, demonstrating not just what they've built but how they build and why they make certain technical and design decisions.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for design, prototyping, and developer handoff. Expect deep usage of Dev Mode, Auto Layout, and component libraries.

• React.js: The core JavaScript library for building user interfaces. Proficiency in modern React (Hooks, Context API) is expected.

• JavaScript (ES6+): The foundational language for front-end development.

• HTML5 & CSS3: For structuring and styling web content. Expertise in modern CSS features and methodologies (e.g., CSS Modules, Styled Components, Tailwind CSS) is highly likely.

• Git/GitHub: For version control and collaborative development workflows.

Analytics & Reporting:

• While not directly responsible for analytics implementation, understanding how UI choices impact user behavior tracked by tools like Google Analytics or Amplitude is beneficial.

CRM & Automation:

• Not directly applicable to this UI Engineering role, but understanding how frontend interfaces interact with backend systems and APIs that might be managed by CRMs or automation platforms is helpful context.

📝 Enhancement Note: The technology stack is heavily focused on the frontend, with Figma and React.js being central. Miratech likely uses a suite of modern development and collaboration tools common in the tech industry.

👥 Team Culture & Values

Operations Values:

• Relentless Performance: A core value emphasizing a drive for excellence, continuous improvement, and achieving ambitious goals. This translates to a proactive, results-oriented approach to UI development.

• Innovation: A commitment to staying at the leading edge of technology and exploring new solutions to drive business value for clients.

• Collaboration: Fostering a team environment where knowledge is shared, and individuals work together effectively across functions and geographies.

• Customer Focus: Ensuring that all development efforts are aligned with client needs and deliver exceptional user experiences, especially critical in the healthcare domain.

• Integrity & Quality: Upholding high standards in code quality, design implementation, and ethical practices.

Collaboration Style:

• Agile & Iterative: Expect a collaborative style that embraces agile principles, with frequent communication and feedback loops through daily stand-ups, sprint reviews, and retrospectives.

• Design-to-Code Synergy: Close partnership between designers and developers, with open communication channels to clarify requirements, discuss feasibility, and refine solutions.

• Knowledge Sharing: A culture that encourages sharing best practices, code snippets, and learnings through code reviews, internal documentation, and informal discussions.

📝 Enhancement Note: The "Relentless Performance" value is a key differentiator for Miratech. Candidates should demonstrate how they embody this through their work ethic, problem-solving skills, and drive for continuous improvement in their UI development practices.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design & Development Gaps: Ensuring perfect fidelity from Figma designs to implementation while managing technical constraints and performance requirements.

• Scalability in Healthcare: Developing UI components and systems that can scale to handle large volumes of data and complex user flows within enterprise healthcare platforms, while adhering to strict regulatory standards.

• Maintaining Design System Consistency: Effectively managing and evolving a design system across a growing application and potentially multiple teams, ensuring adoption and preventing drift.

• Remote Collaboration: Maintaining strong communication, collaboration, and team cohesion within a globally distributed and remote team environment.

• Keeping Pace with Technology: Continuously learning and adapting to the rapidly evolving landscape of frontend technologies and UI/UX best practices.

Learning & Development Opportunities:

• Advanced React & Frontend Techniques: Access to training, courses, and workshops on advanced React patterns, state management, performance tuning, and modern JavaScript features.

• Design System Expertise: Opportunities to specialize in design system architecture, tooling, and governance, potentially leading to a dedicated role in this area.

• Cross-Disciplinary Exposure: Potential to learn about backend technologies, cloud infrastructure, or product management through cross-functional projects and internal mobility.

• Industry Conferences & Certifications: Support for attending relevant tech conferences or pursuing certifications in frontend development or specific technologies.

• Mentorship: Benefit from guidance from senior engineers and tech leads within Miratech's talent investment programs.

📝 Enhancement Note: The challenges highlight the complexity of working in enterprise healthcare and the importance of robust design systems. The growth opportunities are well-aligned with a career path focused on technical mastery and leadership in frontend development.

💡 Interview Preparation

Strategy Questions:

• UI/UX & Design Systems: "Describe a time you had to translate a particularly complex Figma design into code. What were the challenges, and how did you ensure pixel-perfect accuracy and responsiveness?" or "How do you approach building and maintaining a design system? What are the key considerations for ensuring its adoption and long-term scalability?"

• Problem-Solving & Debugging: "Walk me through your process for debugging a complex UI issue that spans multiple components or interacts with backend APIs." or "Imagine a feature is performing poorly. What steps would you take to diagnose and optimize its performance?"

• Collaboration & Teamwork: "How do you collaborate with UI/UX designers and backend engineers? Describe a situation where you had a disagreement and how you resolved it." or "How do you provide and receive constructive feedback during code reviews?"

Company & Culture Questions:

• "What interests you about Miratech and our work in the healthcare IT sector?"

• "How do you align with our 'Relentless Performance' culture? Can you provide an example from your experience?"

Portfolio Presentation Strategy:

• Structure is Key: Begin with a brief overview of your career and then dive into 2-3 projects. For each, use the STAR method (Situation, Task, Action, Result) to frame your contributions.

• Visual Storytelling: Seamlessly transition between showing your Figma designs and the live code/demo, explaining your rationale for specific implementation choices.

• Technical Deep Dive: Be prepared to discuss the architecture of your components, the state management approach, performance optimizations, and accessibility considerations.

• Focus on Impact: Quantify results where possible (e.g., "improved load time by X%", "reduced design inconsistencies by Y%").

• Engage Your Audience: Make it a conversation. Ask clarifying questions and be ready to answer technical and design-related questions thoughtfully.

📝 Enhancement Note: Candidates should prepare to demonstrate not just technical proficiency but also a strategic understanding of how UI development contributes to business goals, user experience, and operational efficiency within a complex industry like healthcare.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on SmartRecruiters.

• Portfolio Customization: Tailor your portfolio to highlight projects that best demonstrate your Figma-to-code capabilities, design system contributions, and experience with responsive and accessible UI development. Focus on projects relevant to enterprise applications or complex workflows.

• Resume Optimization: Ensure your resume clearly articulates your experience with React.js, JavaScript (ES6+), Figma, and responsive design. Use keywords from the job description and quantify your achievements with metrics where possible.

• Interview Preparation: Practice common JavaScript and React.js coding challenges. Prepare to walk through your portfolio projects in detail, explaining your technical and design decisions, and be ready to discuss Miratech's culture and values.

• Company Research: Familiarize yourself with Miratech's services, client successes (especially in healthcare), and their stated values like "Relentless Performance." Understand how your role contributes to their overall 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.