UI Engineer (Outbound/Selfservice)

📍 Job Overview

Job Title: UI Engineer (Outbound/Selfservice)

Company: Miratech

Location: Hyderabad, Telangana, India

Job Type: Full-time

Category: Frontend Development / UI Engineering

Date Posted: May 28, 2026

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

Remote Status: Remote OK (Primarily India-based)

🚀 Role Summary

• Design and develop modern, responsive, and user-friendly web applications for enterprise-scale healthcare platforms, focusing on outbound and self-service functionalities.

• Transform high-fidelity Figma designs into scalable, pixel-perfect, and maintainable frontend components, ensuring seamless user experience and design consistency across complex healthcare workflows.

• Build and maintain robust design systems, ensuring alignment between design tokens and frontend implementation for consistent user interfaces.

• Collaborate closely with UI/UX designers, product managers, and fellow developers to deliver exceptional, high-performance web applications optimized across various browsers and devices.

• Contribute to frontend architecture, accessibility, usability, and performance optimization initiatives, upholding high standards of UI development.

📝 Enhancement Note: The role title and description indicate a strong emphasis on translating design into functional code, with specific mention of "outbound/self-service" functionalities, suggesting a focus on customer-facing interfaces and user journeys that drive engagement or self-sufficiency. The healthcare platform context implies a need for attention to detail, data security, and regulatory compliance, though not explicitly stated.

📈 Primary Responsibilities

• Create high-fidelity UI designs, wireframes, and interactive prototypes using Figma, leveraging advanced features like Dev Mode, Auto Layout, and component libraries to streamline developer handoff.

• Develop and maintain scalable design systems that ensure consistency between design tokens and frontend implementation, fostering a unified user experience.

• Collaborate closely with UI/UX designers, product managers, and backend developers to translate intricate Figma designs into clean, reusable, and maintainable frontend components.

• Build responsive, high-performance web applications optimized for cross-browser compatibility and diverse devices, ensuring a seamless user experience.

• Ensure seamless alignment between design intent and technical execution, acting as a bridge between design and development teams.

• Contribute to frontend architecture decisions, focusing on enhancing accessibility, usability, and overall application performance.

• Participate actively in code reviews to uphold UI development standards, promote knowledge sharing, and continuously improve best practices within the team.

📝 Enhancement Note: The responsibilities highlight a deep dive into Figma's advanced capabilities for design system creation and developer handoff, indicating a mature design-to-development workflow. The emphasis on "healthcare platforms" and "complex workflows" suggests the need for meticulous attention to detail and an understanding of enterprise-level application development.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Design, or a related field is typically expected for mid-level roles in this domain. Equivalent practical experience will also be considered.

Experience: 3+ years of professional experience as a UI Developer, Frontend Developer, or similar role, with a proven track record of delivering high-quality user interfaces.

Required Skills:

• Figma Expertise: Strong command of Figma, including Dev Mode, Auto Layout, component libraries, design systems, prototyping, and efficient developer handoff workflows.

• JavaScript Proficiency: 2+ years of hands-on experience with JavaScript (ES6+) and modern frontend development practices.

• React.js Development: Practical experience with React.js and building applications using a component-based architecture.

• Responsive Design: Solid understanding of responsive design principles, cross-browser compatibility, and adapting interfaces for various devices and screen sizes.

• Design Principles: Strong grasp of typography, spacing, color systems, and visual hierarchy to create aesthetically pleasing and functional UIs.

• Version Control: Experience with Git/GitHub for collaborative development workflows, including branching, merging, and pull requests.

• Scalable Components: Ability to create scalable, reusable, and visually polished UI components that adhere to design system guidelines.

Preferred Skills:

• Alternative Frameworks: Experience with Angular or Vue.js.

• Performance Optimization: Familiarity with frontend performance optimization techniques and tools.

• Animations & Micro-interactions: Experience with animation libraries or implementing subtle micro-interactions to enhance user experience.

• Modern Workflows: Understanding of modern design-to-development workflows and component-driven development principles.

• TypeScript: Experience with TypeScript for enhanced code quality and maintainability.

📝 Enhancement Note: The required skills heavily emphasize Figma and React.js, indicating these are critical for success. The "Nice to Have" section suggests a company that values continuous learning and broad frontend expertise, making candidates with experience in Angular, Vue.js, or performance optimization more competitive.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• End-to-End Implementation: Showcase a portfolio that demonstrates end-to-end implementation from Figma designs to functional frontend code.

• Modern Frontend Projects: Include examples of modern, responsive web applications developed with React.js or similar frameworks.

• Design System Contribution: If possible, include projects where you contributed to or built design systems, illustrating component reusability and consistency.

• Problem-Solving Examples: Highlight projects that demonstrate your ability to solve complex UI challenges, optimize user flows, or improve application performance.

Process Documentation:

• Figma to Code Workflow: Be prepared to discuss your process for translating Figma designs into code, including how you ensure pixel-perfect accuracy and maintain design intent.

• Design System Management: Detail your approach to building, maintaining, and scaling design systems, including versioning and documentation.

• Collaboration & Handoff: Explain your methods for collaborating with designers and developers, ensuring smooth handoffs and clear communication throughout the development lifecycle.

• Performance & Accessibility Integration: Describe how you integrate performance optimization and accessibility best practices into your development process from the outset.

📝 Enhancement Note: A strong portfolio is crucial for this role. Candidates should curate projects that explicitly demonstrate their proficiency with Figma, React.js, responsive design, and design systems. Demonstrating a structured approach to the design-to-code process and a commitment to best practices will be highly valued.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a mid-level UI Engineer with 3+ years of experience in Hyderabad, India, a competitive salary range would be approximately ₹8,00,000 to ₹15,00,000 per annum. This range can vary based on the specific depth of experience, skill set, and negotiation.

Benefits:

• Competitive Pay: A competitive salary package.

• Health Insurance: Comprehensive health insurance coverage.

• Language Courses: Opportunities to enhance language skills through provided courses.

• Relocation Program: Assistance for relocation if applicable.

• Professional Development: Access to a range of professional development opportunities.

• Certification Programs: Support for obtaining relevant industry certifications.

• Mentorship & Talent Investment: Participation in mentorship and talent investment programs.

• Internal Mobility: Opportunities for internal career advancement.

• Internship Opportunities: Potential for involvement in or guidance of internship programs.

Working Hours: 40 hours per week, with flexibility and a "Work From Anywhere Culture" allowing for remote work. Specific daily hours may be subject to team coordination and project needs, typically aligning with standard business hours in India (Asia/Kolkata timezone).

📝 Enhancement Note: The salary estimate is based on typical compensation for UI Engineers in major Indian tech hubs like Hyderabad, considering the 2-5 year experience bracket. Miratech's emphasis on a "Culture of Relentless Performance" and significant growth suggests potential for performance-based bonuses or salary increases. The benefits package is robust, particularly supporting professional growth and global impact.

🎯 Team & Company Context

🏢 Company Culture

Industry: IT Services and Consulting, with a significant focus on digital transformation for large enterprises, including the healthcare sector. Miratech operates at the intersection of enterprise innovation and startup agility.

Company Size: Miratech is a global leader with nearly 1000 full-time professionals, operating in 25 countries across 5 continents, and experiencing annual growth exceeding 25%. This indicates a dynamic, growing environment with opportunities for impact.

Founded: Founded in 1989, Miratech has a long-standing history of delivering successful projects, evidenced by their 99% project success rate. This stability combined with rapid growth suggests a company that balances established practices with forward-thinking innovation.

Team Structure:

• Operations Team: While this role is for a UI Engineer, the operations team likely consists of dedicated professionals in areas such as Sales Operations, Revenue Operations, and Marketing Operations, supporting the Go-To-Market strategy. This UI role will collaborate closely with these teams to ensure user-friendly interfaces for outbound and self-service tools.

• Reporting Structure: UI Engineers typically report to a UI/Frontend Lead or Engineering Manager, who in turn may report to a Director of Engineering or Head of Technology. Collaboration will be cross-functional, involving Product Managers, UX/UI Designers, and Backend Engineers.

• Cross-functional Collaboration: The role requires close collaboration with designers to translate Figma assets into functional code and with product managers to understand requirements for outbound and self-service features. Developers will also work with backend engineers to integrate frontend components with APIs.

Methodology:

• Agile Development: Miratech's emphasis on "nimble" operations and rapid growth suggests an adoption of agile methodologies (e.g., Scrum, Kanban) for project management and development.

• Data-Driven Decisions: The "Relentless Performance" culture implies a strong focus on metrics and data to drive decision-making, optimize processes, and measure success.

• Innovation & Best Practices: Miratech's strategy of partnering with both large enterprises and startups indicates a commitment to staying at the leading edge of technology and adopting modern development practices.

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

📝 Enhancement Note: Miratech's culture appears to be a blend of high-performance expectations and strong support for employee growth and well-being. The company's global reach and significant growth rate offer exciting prospects for career development and exposure to diverse projects and technologies.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Level (2-5 years) for a UI Engineer. It requires independent contribution to feature development, a solid understanding of frontend architecture, and the ability to mentor junior engineers in the future. For operations professionals, this translates to a role that bridges design and development, impacting user experience and the efficiency of self-service tools.

Reporting Structure: The UI Engineer will likely report to a Lead UI Engineer or Engineering Manager. They will work closely with cross-functional teams, including Product Managers, UX Designers, and Backend Engineers. Collaboration with GTM teams may occur indirectly through the development of tools that support sales and customer success efforts.

Operations Impact: While not a direct operations role, this UI Engineer's work directly impacts the efficiency and effectiveness of outbound sales tools and self-service customer portals. Pixel-perfect and user-friendly interfaces can significantly improve conversion rates, customer satisfaction, and reduce support load, thereby contributing indirectly to revenue operations and overall GTM success.

Growth Opportunities:

• Specialization: Deepen expertise in React.js, frontend architecture, or specific areas like accessibility or performance optimization.

• Leadership: Progress into a Senior UI Engineer role, leading feature development, mentoring junior engineers, and influencing technical direction.

• Cross-functional Roles: Potentially transition into Product Management or UX Design roles by leveraging a strong understanding of user needs and interface design.

• Operations Alignment: Develop a deeper understanding of how UI impacts sales enablement tools, customer support platforms, and revenue generation processes, potentially leading to roles in GTM Operations or Product Operations focused on user-facing systems.

📝 Enhancement Note: Miratech explicitly mentions "Growth Mindset" and various development opportunities. For a UI Engineer, this means opportunities to expand technical skills, take on more complex projects, and potentially move into leadership or specialized technical tracks. The connection to "outbound/self-service" makes this role relevant to GTM operations by enhancing the tools used by sales and customer success teams.

🌐 Work Environment

Office Type: Miratech offers a "Work From Anywhere Culture," indicating a primarily remote work environment. This means the role is not tied to a physical office for daily operations, providing significant flexibility.

Office Location(s): While the role is remote within India, Miratech has a global presence with offices in 25 countries. The primary hiring location for this role is Hyderabad, India.

Workspace Context:

• Remote Collaboration: Expect to work in a highly collaborative remote setting, utilizing various communication and project management tools to stay connected with team members and stakeholders globally.

• Technology Stack: Access to modern development tools and technologies provided or supported by Miratech, including Figma, React.js, Git, and potentially others.

• Team Interaction: Regular virtual team meetings, stand-ups, code reviews, and potentially virtual social events to foster team cohesion and a sense of community.

Work Schedule: Standard full-time working hours (40 hours/week) are expected, typically aligned with the Asia/Kolkata timezone for effective collaboration with local teams. However, the remote nature and global client base may sometimes require flexibility for cross-time-zone meetings.

📝 Enhancement Note: The "Work From Anywhere Culture" is a significant perk, offering unparalleled flexibility. Candidates should be self-motivated, disciplined, and proficient in remote collaboration tools to thrive in this environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, focusing on alignment with required skills (Figma, React.js, JavaScript) and experience.

• Technical Assessment: Expect a technical assessment, which could be a coding challenge (e.g., building a small component, solving a JavaScript problem) or a live coding session focusing on UI development principles and React.js implementation.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss your design choices, technical implementation, challenges faced, and solutions implemented in your projects. Focus on projects showcasing Figma-to-code workflows and design system contributions.

• Behavioral & Cultural Fit Interview: Questions will assess your problem-solving skills, collaboration style, communication abilities, and alignment with Miratech's "Culture of Relentless Performance," growth mindset, and values.

• Final Interview: Potentially an interview with a senior leader or engineering manager to discuss your career aspirations and overall fit with the team and company.

Portfolio Review Tips:

• Curate Selectively: Showcase 3-5 of your strongest projects that best represent your skills in Figma, React.js, responsive design, and design systems.

• Tell a Story: For each project, explain the problem, your role, the design process (Figma usage), your technical implementation (React.js, specific patterns), challenges, and the outcomes or impact.

• Highlight Figma-to-Code: Explicitly demonstrate how you translated Figma designs into functional, pixel-perfect code. Use screenshots or live demos to compare design and implementation.

• Showcase Design Systems: If you have experience with design systems, clearly outline your contribution, the components you built, and how they ensured consistency.

• Prepare for Technical Deep Dives: Be ready to discuss your code, architectural decisions, and problem-solving approaches in detail.

Challenge Preparation:

• Coding Exercises: Practice JavaScript (ES6+) and React.js coding challenges, focusing on component creation, state management, and event handling.

• Figma to Code Translation: Mentally run through the process of translating a complex Figma design into responsive React components. Consider layout, typography, and interactive elements.

• System Design (UI Focus): Be prepared to discuss how you would architect a scalable UI for a specific feature or application, considering component reusability, performance, and maintainability.

• Behavioral Scenarios: Prepare examples using the STAR method (Situation, Task, Action, Result) for common behavioral questions related to teamwork, problem-solving, and handling challenges.

📝 Enhancement Note: The interview process is designed to be thorough, assessing both technical proficiency and cultural fit. A well-prepared portfolio is paramount, serving as the primary artifact to demonstrate practical skills and problem-solving capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for design creation, prototyping, design system management, and developer handoff. Proficiency in advanced features like Dev Mode and Auto Layout is expected.

• React.js: The primary JavaScript library for building user interfaces and component-based applications.

• JavaScript (ES6+): Core language for frontend development.

• HTML5 & CSS3: For structuring and styling web pages, including advanced concepts like Flexbox and Grid for responsive layouts.

Analytics & Reporting:

• Browser Developer Tools: For debugging, performance profiling, and inspecting elements.

• Figma Analytics/Insights: Utilizing Figma's built-in analytics features for design performance and component usage analysis.

• Web Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest) for analyzing and optimizing application speed.

CRM & Automation:

• Git/GitHub: For version control, code collaboration, and managing development workflows.

• Task Management Tools: (e.g., Jira, Asana) for tracking project progress, bugs, and tasks.

• CI/CD Tools: Familiarity with Continuous Integration/Continuous Deployment pipelines (e.g., Jenkins, GitLab CI) for automated testing and deployment.

📝 Enhancement Note: The core technology stack is heavily focused on the design-to-code pipeline (Figma to React.js). While direct CRM/automation tools may not be used daily by a UI Engineer, understanding how their work integrates with these systems (e.g., through sales enablement platforms or customer portals) is beneficial.

👥 Team Culture & Values

Operations Values:

• Relentless Performance: A culture that drives towards achieving and exceeding project objectives (scope, schedule, budget), emphasizing a high-achieving mindset.

• Innovation: Encouraging collaboration with both large enterprises and startups to stay at the leading edge of technology and create impactful solutions.

• Customer Focus: The emphasis on "outbound/self-service" and "healthcare platforms" indicates a strong focus on delivering user-centric solutions that meet client and end-user needs effectively.

• Collaboration: Working effectively across diverse teams and geographies to achieve shared goals.

• Growth Mindset: Commitment to continuous learning, professional development, and skill enhancement.

Collaboration Style:

• Cross-functional Integration: Expect close collaboration with UI/UX designers, product managers, and backend developers, requiring clear communication and shared understanding of project goals.

• Open Communication: Miratech fosters a "Welcoming Multicultural Environment" with "open communication," suggesting an inclusive space for idea exchange and feedback.

• Knowledge Sharing: Active participation in code reviews and team discussions to share best practices and collectively improve development standards.

📝 Enhancement Note: Miratech's values are centered around high achievement, continuous improvement, and a collaborative, inclusive environment. For a UI Engineer, this means being proactive, results-oriented, and an effective communicator within a global team.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating Complex Designs: Accurately translating intricate, high-fidelity Figma designs for complex healthcare workflows into pixel-perfect, functional code requires meticulous attention to detail and problem-solving.

• Maintaining Design System Scalability: As the platform grows, ensuring the design system remains scalable, maintainable, and consistent across all components and features can be challenging.

• Cross-Browser & Device Compatibility: Ensuring a seamless and consistent user experience across a wide range of browsers, devices, and screen sizes demands thorough testing and adaptive development techniques.

• Performance Optimization: Balancing feature richness with optimal web performance, especially for enterprise-scale applications, requires continuous monitoring and optimization efforts.

Learning & Development Opportunities:

• Advanced Frontend Technologies: Opportunities to explore and implement new frontend frameworks, libraries, or architectural patterns beyond React.js.

• Design System Mastery: Becoming an expert in design system architecture, tooling, and best practices.

• Performance Engineering: Developing specialized skills in web performance optimization, accessibility, and core web vitals.

• Mentorship: Gaining mentorship from senior engineers and potentially mentoring junior developers as you progress.

• Industry Conferences & Certifications: Access to opportunities for professional development through conferences and certifications relevant to UI/Frontend development.

📝 Enhancement Note: Miratech's commitment to growth is evident in their stated opportunities. The challenges presented are typical for experienced UI Engineers in enterprise environments, offering valuable learning experiences and skill development.

💡 Interview Preparation

Strategy Questions:

• Figma to Code Process: "Describe your typical workflow for translating a complex Figma design into a production-ready React component. What steps do you take to ensure pixel-perfect accuracy and maintain design intent?"

• Design System Design: "Imagine we need to build a new design system for our self-service portal. What are the key considerations, and how would you approach designing and implementing reusable components for scalability and consistency?"

• Problem Solving (UI): "We're experiencing slow load times on a key page of our outbound platform. How would you approach diagnosing and fixing this performance issue from a frontend perspective?"

• Collaboration: "How do you ensure effective communication and collaboration with UX/UI designers and backend developers to deliver a cohesive user experience?"

Company & Culture Questions:

• "What interests you about Miratech and our 'Culture of Relentless Performance'?"

• "How do you approach continuous learning and professional development in the rapidly evolving field of frontend development?"

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly state the problem, your role, the technology used, key design decisions (especially Figma-related), technical implementation details (React.js patterns), challenges, and outcomes.

• Show, Don't Just Tell: Use live demos or interactive prototypes if possible. For Figma-to-code projects, show side-by-side comparisons of the design and the live implementation.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your work (e.g., "improved page load time by X%", "reduced UI bugs by Y%").

• Be Ready for Deep Dives: Expect questions about your code, architectural choices, and how you handled specific UI/UX challenges. Practice articulating your thought process clearly.

📝 Enhancement Note: Preparing specific examples and case studies from your portfolio that directly address Figma proficiency, React.js development, responsive design, and design system contributions will be key. Demonstrating an understanding of Miratech's values and growth mindset will also be crucial.

📌 Application Steps

To apply for this UI Engineer position:

• Submit your application through the provided link on SmartRecruiters.

• Tailor Your Resume: Highlight your experience with Figma, React.js, JavaScript (ES6+), responsive design, and any experience with design systems or healthcare platforms. Quantify achievements where possible.

• Curate Your Portfolio: Ensure your portfolio prominently features end-to-end Figma-to-code projects, showcasing your ability to translate designs into functional, responsive interfaces.

• Prepare for Technical Assessments: Practice JavaScript and React.js coding problems, and be ready to discuss your approach to UI development and problem-solving.

• Research Miratech: Understand their company culture, values (Relentless Performance, Growth Mindset), and their work in digital transformation, especially in the healthcare sector.

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