UI Engineer (Outbound/Selfservice)

📍 Job Overview

Job Title: UI Engineer (Outbound/Selfservice)

Company: Miratech

Location: Pune, India

Job Type: Full-time

Category: UI/Frontend Engineering

Date Posted: May 28, 2026

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

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

🚀 Role Summary

• Design, develop, and implement modern, responsive, and user-friendly web applications for enterprise-scale healthcare platforms.

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

• Build and maintain robust design systems, ensuring consistency between design tokens and frontend implementation for seamless user experience and brand integrity.

• Optimize web applications for performance, accessibility, and cross-browser compatibility, contributing to frontend architecture and best practices.

• Utilize advanced Figma features and modern JavaScript frameworks to create reusable, maintainable, and visually polished UI components.

📝 Enhancement Note: This role focuses on the critical intersection of design and development within enterprise healthcare. The "Outbound/Selfservice" designation suggests a focus on customer-facing applications or portals that enable users to manage their own services or access information independently. This implies a strong emphasis on intuitive UI/UX, clear information architecture, and robust component development for scalable solutions.

📈 Primary Responsibilities

• Transform high-fidelity Figma designs, including advanced features like Dev Mode, Auto Layout, and component libraries, into clean, reusable, and maintainable frontend code.

• Develop and maintain scalable design systems that ensure seamless consistency between design tokens and frontend implementation across all applications.

• Collaborate closely with UI/UX designers, product managers, and backend developers to ensure pixel-perfect execution of user interfaces and a consistent user experience.

• Build responsive and high-performance web applications, ensuring optimal functionality and visual fidelity across various browsers and devices.

• Contribute to frontend architecture discussions, focusing on scalability, maintainability, accessibility (WCAG compliance), usability, and performance optimization.

• Participate actively in code reviews to uphold UI development standards, share knowledge, and continuously improve the team's best practices.

• Translate design intent into technical execution, ensuring alignment throughout the development lifecycle.

• Develop interactive prototypes and wireframes within Figma to visualize complex healthcare workflows and user journeys.

📝 Enhancement Note: The emphasis on "enterprise-scale healthcare platforms" and "complex healthcare workflows" indicates a need for developers who can handle intricate data structures, multi-step processes, and stringent regulatory requirements (e.g., HIPAA compliance, accessibility standards). The role requires not just coding ability but a deep understanding of how UI impacts user adoption and efficiency in critical sectors.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Computer Science, Information Technology, Design, or a related field is often preferred. Equivalent practical experience will be highly valued.

Experience: 3+ years of professional experience as a UI Developer or Frontend Developer, with a proven track record in building complex web applications.

Required Skills:

• Strong expertise in Figma, including proficiency in Dev Mode, Auto Layout, component libraries, design systems, prototyping, and developer handoff workflows.

• 2+ years of hands-on experience with modern JavaScript (ES6+) and its ecosystem.

• Proven experience with React.js and building applications using a component-based architecture.

• Deep understanding of responsive design principles, cross-browser compatibility, and web accessibility standards (WCAG).

• Solid grasp of typography, spacing, color systems, and their application in creating visually appealing and functional interfaces.

• Experience with version control systems, specifically Git and GitHub, and collaborative development workflows.

• Demonstrated ability to create scalable, reusable, and visually polished UI components.

Preferred Skills:

• Experience with other modern JavaScript frameworks such as Angular or Vue.js.

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

• Understanding of modern design-to-development workflows and component-driven development methodologies.

📝 Enhancement Note: The requirement for strong Figma skills, including Dev Mode and Auto Layout, alongside component-based architecture in React, points to a highly collaborative workflow where designers and developers are tightly integrated. The "Nice to Have" skills like Angular/Vue.js suggest the company values versatility, and familiarity with animation/performance optimization indicates an appreciation for polished, high-quality user experiences beyond basic functionality.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase end-to-end projects demonstrating the full lifecycle from Figma design to functional frontend implementation.

• Include case studies highlighting your process for translating complex Figma designs, especially those involving Auto Layout and component libraries, into code.

• Provide examples of scalable, reusable UI components developed for enterprise applications, focusing on maintainability and consistency.

• Demonstrate projects where you've contributed to or maintained design systems, illustrating the connection between design tokens and frontend code.

Process Documentation:

• Detail your workflow for collaborating with UI/UX designers, including handoff processes and feedback loops.

• Explain your approach to building and managing design systems, from initial setup to ongoing maintenance and versioning.

• Describe how you ensure code quality, reusability, and performance optimization in your UI development process.

• Illustrate your methods for testing and validating UI components across different environments and devices.

📝 Enhancement Note: For a UI Engineer role, the portfolio is paramount. It's not just about showing finished products but demonstrating the process of creation, particularly the seamless transition from design tools like Figma to production-ready code. Candidates should be prepared to walk through specific examples of how they've implemented complex layouts, managed component states, and ensured design consistency, especially within the context of large-scale, potentially regulated, platforms.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for UI Engineers with 2-5 years of experience in India, particularly in major tech hubs like Pune, the estimated annual salary range is ₹8,00,000 to ₹15,00,000. This range can vary based on specific skills, interview performance, and negotiation.

Benefits:

• Comprehensive health insurance coverage.

• Language courses to support professional development and international collaboration.

• Relocation program for candidates moving to Pune.

• Extensive professional development opportunities, including certification programs.

• Access to mentorship and talent investment programs.

• Opportunities for internal mobility and internship programs.

• Competitive pay and a culture focused on performance and growth.

• Work-from-anywhere flexibility.

Working Hours: Standard full-time working hours are typically 40 hours per week. The "Work From Anywhere Culture" implies flexibility in scheduling, though core collaboration hours may be expected to align with team and client needs, likely within the Asia/Kolkata timezone.

📝 Enhancement Note: The provided benefits highlight Miratech's commitment to employee growth and well-being, which is attractive for operations professionals. The salary estimate is based on general market rates for mid-level UI engineers in India. A candidate with highly specialized skills in Figma for complex enterprise systems or advanced performance optimization might command a salary at the higher end of this range.

🎯 Team & Company Context

🏢 Company Culture

Industry: Miratech operates within the IT Services and Consulting sector, with a significant focus on digital transformation for large enterprises, particularly within the healthcare domain. They bridge the gap between enterprise-level stability and start-up agility.

Company Size: Miratech is a global leader with nearly 1000 full-time professionals operating across 5 continents and 25 countries. This mid-to-large size suggests a structured environment with established processes but also enough agility to foster innovation.

Founded: Miratech was founded in 1989, indicating a long-standing presence and deep experience in the IT services industry, with a history of successful project delivery (over 99% success rate).

Team Structure:

• The UI Engineering team is likely part of a larger engineering department, possibly structured around specific client projects or product lines (e.g., "Outbound/Selfservice" platforms).

• Reporting structure would typically involve a lead UI/Frontend Engineer or Engineering Manager, with close collaboration with UI/UX designers and product managers.

Methodology:

• Miratech emphasizes a "Culture of Relentless Performance," suggesting a results-oriented approach with a focus on achieving and exceeding project objectives (scope, schedule, budget).

• Data analysis and insights are likely driven by project metrics and client feedback to inform development decisions and process improvements.

• Workflow planning and optimization are crucial for managing complex, large-scale projects efficiently.

• Automation and efficiency practices are key to maintaining their high project success rate and supporting rapid growth.

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

📝 Enhancement Note: Miratech's emphasis on "Relentless Performance" and a high project success rate suggests an environment that values efficiency, strong execution, and continuous improvement. The company's global reach and focus on enterprise clients mean that the UI Engineer will be exposed to diverse challenges and opportunities for impact within critical industries like healthcare.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior level, requiring 3+ years of experience. It's not an entry-level position but offers significant room for growth. The focus on building design systems and contributing to architecture indicates a role with influence beyond just coding individual features.

Reporting Structure: The UI Engineer will likely report to a Lead UI Engineer or an Engineering Manager. They will work in close collaboration with UI/UX Designers, Product Managers, and Backend Engineers, forming cross-functional teams.

Operations Impact: The UI Engineer's work directly impacts user adoption, customer satisfaction, and operational efficiency for enterprise healthcare platforms. By creating intuitive and performant self-service portals, they enable users to complete tasks independently, reducing support load and improving overall business outcomes.

Growth Opportunities:

• Skill Advancement: Deepen expertise in React.js, explore advanced frontend architecture patterns, and gain specialized knowledge in healthcare platform development and compliance.

• Leadership Potential: Progress to a Senior UI Engineer or Tech Lead role, taking ownership of architectural decisions, mentoring junior developers, and leading feature development.

• Specialization: Develop expertise in specific areas like frontend performance optimization, accessibility, or complex state management within enterprise applications.

• Cross-Functional Exposure: Gain experience in different facets of the software development lifecycle through collaboration with various teams.

• Global Projects: Work on diverse, impactful projects for global clients, expanding professional horizons and understanding of international markets.

📝 Enhancement Note: Miratech's stated commitment to "Growth Mindset" and "talent investment programs" suggests a structured approach to career development. For a UI Engineer, this could translate into opportunities for advanced training, certifications, and clear pathways for advancement within the engineering function, potentially leading to leadership roles or specialized technical tracks.

🌐 Work Environment

Office Type: While the job is listed as "Remote OK" and "Work From Anywhere Culture," Miratech also has a physical presence, including in Pune. This suggests a hybrid model is possible, or the remote opportunity is for specific regions within India. The company culture description mentions "welcoming multicultural environment" and "regular team-building company social events," which typically thrive in both in-person and structured virtual settings.

Office Location(s): The primary specified location is Pune, India. Miratech has a global presence across 5 continents and 25 countries.

Workspace Context:

• The "Work From Anywhere Culture" implies a high degree of autonomy and flexibility.

• Collaboration will be facilitated through digital tools, requiring strong communication and teamwork skills.

• Access to necessary operations tools and technology will be provided or supported to ensure productivity in a remote setting.

• Opportunities for interaction with a dynamic, global team are emphasized, fostering a sense of community despite remote work.

Work Schedule: The standard 40-hour work week is implied, with flexibility in scheduling due to the remote nature. However, candidates should anticipate the need to align with core team hours for effective collaboration, particularly with designers and product managers.

📝 Enhancement Note: The "Work From Anywhere Culture" is a significant draw. Candidates should clarify expectations regarding any potential need for occasional in-office presence or specific core working hours required for collaboration with teams in different time zones. The emphasis on social events suggests the company actively works to build team cohesion even in a distributed environment.

📄 Application & Portfolio Review Process

Interview Process:

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

• Technical Interview(s): Expect one or more rounds of technical interviews focusing on JavaScript, React.js, Figma proficiency, responsive design, and problem-solving. This may include live coding challenges or in-depth discussions about past projects.

• Portfolio Review: A dedicated session where you present your portfolio, walking through specific projects, your design-to-code process, and your contributions to design systems. Be prepared to discuss challenges, solutions, and outcomes.

• Behavioral/Cultural Fit Interview: Questions designed to assess your alignment with Miratech's "Culture of Relentless Performance," teamwork, and problem-solving approach.

• Final Interview: Potentially with the hiring manager or a senior stakeholder to discuss the role in detail and make a final decision.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest projects that best showcase your UI engineering skills, particularly those involving Figma-to-code, design systems, and complex component development.

• Structure Your Narrative: For each project, clearly articulate the problem, your role, the technologies used, your design process (especially Figma integration), the challenges faced, and the quantifiable results or impact.

• Showcase Figma Proficiency: Highlight specific Figma features you utilized (Auto Layout, Dev Mode, component libraries) and how they streamlined your workflow.

• Demonstrate Code Quality: Be ready to discuss the structure, reusability, and maintainability of your code. If possible, provide links to live demos or GitHub repositories (ensure they are public or anonymized appropriately).

• Focus on Healthcare Context (if applicable): If you have projects in the healthcare or similar regulated industries, emphasize your understanding of the specific requirements.

Challenge Preparation:

• Figma to Code: Practice translating mockups into functional React components, paying attention to detail, responsiveness, and accessibility.

• JavaScript/React Concepts: Brush up on core JavaScript (ES6+) concepts, React hooks, state management, context API, and component lifecycle.

• Design System Implementation: Be prepared to discuss how you would approach building or contributing to a design system, including token management and component standardization.

• Problem-Solving Scenarios: Think about common UI challenges (e.g., performance bottlenecks, cross-browser issues, accessibility barriers) and how you would diagnose and resolve them.

📝 Enhancement Note: The portfolio review is critical for this role. Candidates should prepare to not only present their work but also to explain their decision-making process, technical choices, and how they bridge the gap between design and development. Demonstrating a deep understanding of Figma's advanced features and their practical application in code will be a key differentiator.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma (Expert level, including Dev Mode, Auto Layout, Component Libraries, Design Systems)

• Frontend Framework: React.js (Expert level)

• Version Control: Git, GitHub

• Package Managers: npm, Yarn

Analytics & Reporting:

CRM & Automation:

Other Potential Tools (Nice to Have):

• Alternative Frameworks: Angular, Vue.js

• State Management: Redux, Zustand, Context API

• Styling: CSS Modules, Styled Components, Tailwind CSS

• Build Tools: Webpack, Vite

• Testing Frameworks: Jest, React Testing Library

• Animation Libraries: Framer Motion, GSAP

📝 Enhancement Note: Mastery of Figma and React.js is non-negotiable. The technology stack clearly prioritizes modern frontend development practices. Candidates should be ready to discuss their experience with these tools in detail, including how they leverage Figma features to accelerate development and ensure design fidelity.

👥 Team Culture & Values

Operations Values:

• Relentless Performance: A core value driving efficiency, commitment to deadlines, and a proactive approach to problem-solving. Operations professionals are expected to be results-driven and continuously seek ways to optimize processes.

• Innovation & Agility: Miratech blends enterprise stability with start-up innovation, encouraging adaptability and embracing new technologies to drive digital transformation for clients.

• Collaboration & Inclusivity: A welcoming, multicultural environment where open communication and teamwork are fostered across global teams.

• Data-Driven Decision Making: While more direct for analytics roles, operations professionals are expected to leverage data to inform their optimizations and demonstrate impact.

• Continuous Improvement: A commitment to learning, professional development, and applying best practices to enhance efficiency and project success.

Collaboration Style:

• Cross-functional Integration: Close teamwork with designers, product managers, and backend engineers is essential, requiring strong communication and the ability to translate technical concepts across disciplines.

• Transparent Communication: Open dialogue and feedback are encouraged to ensure alignment and address challenges proactively.

• Knowledge Sharing: A culture that supports sharing best practices, lessons learned, and technical insights through code reviews, documentation, and team sessions.

• Agile Methodologies: Likely adherence to agile principles for iterative development and responsive project management.

📝 Enhancement Note: The "Culture of Relentless Performance" is central. For operations roles, this means a focus on measurable outcomes, efficiency, and a proactive mindset. The emphasis on a multicultural and inclusive environment suggests a team that values diversity and effective communication across different backgrounds.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design & Code Gaps: Ensuring perfect translation of complex Figma designs into functional, responsive, and accessible code, especially within intricate healthcare workflows.

• Maintaining Design System Scalability: As the platform grows, keeping the design system updated, consistent, and performant across all applications requires diligent effort.

• Cross-Browser/Device Compatibility: Solving unique rendering issues and ensuring a consistent experience across a wide range of browsers and devices.

• Performance Optimization: Balancing feature richness with fast loading times and smooth user interactions, particularly critical for enterprise applications.

• Adapting to Evolving Technologies: Staying current with the rapid pace of change in JavaScript frameworks and frontend tooling.

Learning & Development Opportunities:

• Advanced React & Frontend Architecture: Opportunities to delve deeper into complex state management, performance optimization techniques, and modern architectural patterns.

• Healthcare Domain Expertise: Gaining specialized knowledge in the unique requirements, regulations (e.g., HIPAA), and user needs within the healthcare industry.

• Design System Mastery: Becoming an expert in building, maintaining, and scaling design systems for enterprise-level applications.

• Mentorship Programs: Access to experienced engineers and leaders for guidance on technical skills, career progression, and navigating complex projects.

• Certification & Training: Support for relevant certifications and training programs to enhance skills in specific technologies or domains.

📝 Enhancement Note: The challenges presented are typical for senior UI engineers working on complex platforms. Miratech's commitment to growth suggests that these challenges are viewed as opportunities for skill development, supported by dedicated learning resources and mentorship.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a complex Figma design, including Auto Layout and component libraries, into a functional React component. What are the key considerations for ensuring reusability and maintainability?"

• "How do you approach building and maintaining a design system? What are the critical elements for ensuring consistency between design tokens and frontend implementation?"

• "Walk me through a challenging UI problem you encountered on a recent project. How did you diagnose it, what solutions did you consider, and what was the outcome?"

Company & Culture Questions:

• "Miratech emphasizes a 'Culture of Relentless Performance.' How does this value align with your professional approach, and can you provide an example of when you demonstrated this?"

• "Describe your experience collaborating with UI/UX designers and product managers. How do you ensure effective communication and alignment?"

• "What interests you specifically about working on enterprise-scale healthcare platforms?"

Portfolio Presentation Strategy:

• Focus on Process: For each project, dedicate time to explaining your workflow from Figma to code, highlighting your problem-solving approach.

• Quantify Impact: Where possible, use metrics to demonstrate the success of your UI implementations (e.g., improved user task completion time, reduced error rates, positive user feedback).

• Highlight Design System Contributions: Clearly articulate your role in developing or maintaining design systems and their benefits.

• Technical Depth: Be prepared to discuss the technical choices you made (e.g., component structure, state management, styling approach) and the rationale behind them.

• Engage Your Interviewers: Ask clarifying questions and encourage discussion to ensure they understand your contributions and thought process.

📝 Enhancement Note: The interview process will heavily weigh practical skills and process understanding. Candidates should prepare to articulate their Figma proficiency, React.js expertise, and their ability to work within a structured, performance-driven environment. The portfolio presentation is a key opportunity to showcase these skills and demonstrate how you translate design vision into robust, user-centric applications.

📌 Application Steps

To apply for this UI Engineer position:

• Submit your application through the provided link on SmartRecruiters.

• Customize Your Resume: Tailor your resume to highlight your experience with Figma, React.js, design systems, responsive design, and any relevant work in enterprise or healthcare sectors. Use keywords from the job description.

• Prepare Your Portfolio: Ensure your portfolio is up-to-date, well-organized, and ready for presentation. Select projects that best demonstrate your end-to-end Figma-to-code capabilities and design system experience.

• Practice Your Pitch: Rehearse how you will present your portfolio projects, focusing on your process, impact, and technical contributions, especially your Figma-to-code workflow.

• Research Miratech: Understand their values, company culture ("Relentless Performance"), and the types of projects they undertake, particularly in digital transformation and healthcare.

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