UI Architect - 5+ Years

📍 Job Overview

Job Title: UI Architect - 5+ Years Company: Prometteur Solutions Pvt. Ltd. Location: Surat, Gujarat, India Job Type: Full-time Category: Frontend Architecture & Development Date Posted: 2026-01-22 Experience Level: 5+ Years Remote Status: On-site

🚀 Role Summary

• Spearhead the design and implementation of robust frontend architectures for scalable web applications and dashboards within a dynamic IT services environment.
• Champion the creation and maintenance of a comprehensive UI component library and design system to ensure consistency and efficiency across all client-facing applications.
• Define, enforce, and evangelize frontend coding standards, architectural best practices, and rigorous code review processes to elevate code quality and maintainability.
• Drive the adoption of modern UI frameworks, tooling, and architectural patterns, including micro frontends and server-side rendering, to enhance performance and developer productivity.
• Collaborate closely with Product Managers, UX Designers, Backend Engineers, and DevOps teams to deliver high-performance, user-centric digital solutions aligned with client business needs.

📝 Enhancement Note: The role of UI Architect is critical in defining the technical direction of the frontend. This role requires a blend of deep technical expertise in modern JavaScript frameworks, architectural design principles, and strong leadership capabilities to guide development teams and ensure successful product delivery. The emphasis on "scalable web applications and dashboards" suggests a need for robust, high-performance solutions capable of handling complex data visualization and user interactions, likely within a B2B or enterprise context given the company's service offerings.

📈 Primary Responsibilities

• Architect and lead the design of frontend solutions for enterprise-level web applications, ensuring scalability, maintainability, and performance.
• Develop and maintain a centralized, reusable UI component library and a comprehensive design system, facilitating consistent user experiences and accelerating development cycles.
• Establish and enforce frontend coding standards, architectural best practices, and a structured code review process to ensure high-quality, secure, and efficient code.
• Design and implement reusable architectural patterns for critical frontend functionalities such as state management, routing, API integration, authentication, and authorization (RBAC).
• Guide and mentor the frontend development team in the effective implementation and utilization of modern UI frameworks (e.g., React.js), associated tools, and advanced architectural concepts.
• Ensure adherence to high UI quality standards, including responsiveness, accessibility (WCAG), cross-browser compatibility, and performance optimization.
• Collaborate closely with UX Designers to translate wireframes and mockups into scalable, well-structured UI implementations, ensuring fidelity to design intent.
• Enhance and optimize frontend build and deployment pipelines, integrating CI/CD best practices and leveraging tools like Webpack, Vite, and cloud-native hosting solutions.
• Lead technical discussions, mentor junior developers, and foster a culture of continuous learning and technical excellence within the frontend team.

📝 Enhancement Note: The responsibilities highlight a senior-level role focused on strategic technical leadership. The emphasis on "reusable UI components," "design system," and "architectural patterns" points to a need for someone who can build foundational elements that scale across multiple projects and products. The collaboration with Product Managers, UX Designers, Backend Engineers, and DevOps indicates a highly cross-functional role requiring strong communication and integration skills.

🎓 Skills & Qualifications

Education: Bachelor's degree in Computer Science, Engineering, or a related field, or equivalent practical experience. Experience: Minimum of 5 years of professional experience in frontend development, with a significant portion focused on architectural design and leadership.

Required Skills:

• Strong expertise in React.js: Proven ability to design, develop, and architect complex applications using React.js, including hooks, context API, and component lifecycle management.
• Strong command on TypeScript: Deep understanding of TypeScript for building robust, maintainable, and scalable frontend applications, including advanced type definitions and generics.
• Deep understanding of component architecture: Ability to design modular, reusable, and maintainable UI components, considering principles of separation of concerns and DRY (Don't Repeat Yourself).
• Experience with State Management: Hands-on experience with modern state management libraries and patterns such as Redux, Zustand, MobX, or React Query, understanding their trade-offs.
• Strong knowledge of frontend security: Familiarity with common frontend vulnerabilities (e.g., XSS) and best practices for secure coding, including secure token storage, CORS, and CSP configurations.
• Hands-on experience with API integration: Proficient in consuming RESTful APIs and GraphQL, understanding data fetching, caching, and error handling strategies.
• Strong understanding of UI/UX principles: Ability to translate design requirements into functional, user-friendly interfaces, with an appreciation for usability and accessibility.

Preferred Skills:

• Experience building Design Systems using frameworks like Storybook, with proficiency in component libraries such as Material UI, Ant Design, or Tailwind CSS.
• Experience with Micro Frontends architecture, including concepts like Module Federation for enhanced modularity and scalability.
• Knowledge of SSR (Server-Side Rendering) frameworks like Next.js or Remix for improved performance and SEO.
• Experience with automated testing frameworks such as Jest for unit testing, and Cypress/Playwright for end-to-end testing.
• Basic DevOps exposure, including familiarity with CI/CD best practices, Docker, cloud hosting (CloudFront/S3), and CDN strategies.

📝 Enhancement Note: The "Must Have" skills are heavily focused on core React.js and TypeScript expertise, indicating these are non-negotiable. The "Deep understanding of" phrases suggest the need for more than just surface-level knowledge; candidates should be able to articulate architectural choices and trade-offs. The "Preferred Skills" offer a pathway for candidates to stand out, particularly those with experience in modern architectural patterns like micro frontends and SSR, as well as a broader understanding of the development lifecycle through DevOps and testing.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate architectural vision: Showcase examples of complex frontend architectures designed, including diagrams and explanations of key decisions, trade-offs, and resulting system performance.
• Exhibit reusable component design: Present case studies of UI component libraries or design systems built, highlighting modularity, reusability, scalability, and adherence to design principles.
• Illustrate process optimization: Include examples of how you've improved frontend development workflows, build processes, testing strategies, or deployment pipelines, quantifying the impact on efficiency or quality.
• Showcase problem-solving: Provide examples of how you’ve tackled complex frontend challenges related to performance optimization, accessibility, cross-browser compatibility, or security, detailing the solutions implemented and their outcomes.

Process Documentation:

• Workflow Design & Optimization: Be prepared to discuss and document the design and optimization of frontend development workflows, including code review processes, branching strategies, and CI/CD integration.
• Implementation & Automation: Demonstrate experience in implementing and automating development processes, such as setting up build tools, configuring testing suites, or integrating new frameworks.
• Measurement & Performance Analysis: Showcase your ability to define and track key performance indicators (KPIs) for frontend applications and development processes, and how you use this data to drive improvements.

📝 Enhancement Note: For an architect role, the portfolio is paramount. It should go beyond just showcasing finished products and delve into the how and why behind the technical decisions. The emphasis here is on demonstrating a strategic, process-oriented approach to frontend development, showcasing not just coding ability but also architectural foresight and efficiency-driving capabilities.

💵 Compensation & Benefits

Salary Range: ₹12,00,000 - ₹25,00,000 per annum (INR) This estimated range is based on industry benchmarks for a UI Architect with 5+ years of experience in Gujarat, India. Factors influencing the final offer include specific skills, experience, interview performance, and the company's compensation philosophy.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.
• Paid time off, including vacation days, sick leave, and public holidays.
• Opportunities for professional development, including training, workshops, and conference attendance.
• Performance-based bonuses and incentives.
• Opportunities to work on diverse and cutting-edge technology projects for global clients.
• Supportive work environment with a focus on collaboration and continuous learning.

Working Hours: Standard 40-hour work week, Monday to Friday. Occasional overtime may be required to meet project deadlines, with flexibility and compensatory time off provided.

📝 Enhancement Note: The salary range is an estimate based on typical compensation for a UI Architect role with 5+ years of experience in a major Indian city like Surat, considering the company's IT services domain. The specific range can vary significantly based on the company's financial health, project demands, and the candidate's negotiation skills. Benefits are standard for the industry but emphasize professional growth, which is key for attracting senior talent.

🎯 Team & Company Context

🏢 Company Culture

Industry: Information Technology & Services, Software Development. Prometteur Solutions Pvt. Ltd. positions itself as a provider of technology-empowered business solutions, focusing on software and web development services aimed at holistic business growth. Company Size: While not explicitly stated, the company's focus on "global delivery capabilities" and a "team of IT experts" suggests a growing organization, likely in the medium-sized enterprise (SME) bracket. This implies a dynamic environment with opportunities for significant individual impact. Founded: The founding date is not provided, but the company's mission statement suggests a focus on delivering modern, technology-driven solutions.

Team Structure:

• Cross-functional Collaboration: The role requires close collaboration with Product Managers, UX Designers, Backend Engineers, and DevOps. This indicates a matrixed or agile team structure where individuals contribute across different disciplines.
• Dedicated Frontend Team: The UI Architect will likely lead or mentor a dedicated frontend development team, fostering a specialized unit within the larger engineering department.
• Reporting Hierarchy: The UI Architect will likely report to a Head of Engineering, CTO, or a similar senior technical leader, with direct reports or influence over frontend developers.

Methodology:

• Agile Development: Given the industry and focus on rapid delivery, it's highly probable that Agile methodologies (Scrum, Kanban) are employed for project management and development sprints.
• Data-Driven Decision Making: The emphasis on performance, scalability, and quality suggests that data analysis and metrics play a crucial role in guiding architectural decisions and process improvements.
• Continuous Improvement: The company's promise of "holistic growth" and focus on "technology-empowered solutions" points to a culture that values continuous learning, adaptation, and process optimization.

Company Website: prometteursolutions.com

📝 Enhancement Note: The company description suggests a client-focused IT services firm that aims to provide comprehensive solutions. This means the UI Architect will likely work on diverse projects for various clients, requiring adaptability and a broad understanding of different business needs and technical challenges. The emphasis on "holistic growth" implies a commitment to client success and potentially a culture of long-term partnerships.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a senior to lead level within the frontend engineering discipline. As a UI Architect, the individual is expected to provide technical leadership, set architectural direction, and influence development practices across projects. The "5+ Years" experience requirement solidifies this as a mid-to-senior level position, demanding significant autonomy and strategic input.

Reporting Structure: The UI Architect will likely report to a senior engineering leader (e.g., CTO, VP of Engineering, Head of Software Development) and will be responsible for guiding and mentoring frontend developers. This structure allows for both strategic oversight from leadership and tactical execution by the architect and their team.

Operations Impact: The UI Architect's impact is direct and significant, influencing the technical foundation of client-facing products. Key impacts include:

• Product Performance & Scalability: Designing architectures that ensure applications can handle increasing user loads and data volumes without degradation.
• Development Efficiency: Establishing reusable components and best practices that accelerate development cycles and reduce time-to-market.
• User Experience Quality: Ensuring a high standard of UI/UX, accessibility, and cross-browser compatibility directly affects user satisfaction and adoption rates.
• Technical Debt Reduction: Proactive architectural design and enforcement of standards help minimize technical debt, leading to lower maintenance costs and easier future development.
• Team Skill Development: Mentoring and guiding developers fosters a more skilled and productive engineering team.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific areas like micro frontends, advanced state management, performance optimization, or WebAssembly.
• Leadership Progression: Transition into roles such as Lead Frontend Architect, Engineering Manager, or Head of Frontend Development, with increased team and strategic responsibility.
• Cross-Disciplinary Learning: Gain exposure to backend architecture, DevOps practices, and cloud infrastructure, broadening technical acumen.
• Client-Facing Expertise: Develop stronger client communication and solutioning skills, potentially leading pre-sales technical discussions or client architecture reviews.
• Industry Influence: Contribute to open-source projects, speak at conferences, or publish technical articles, building personal and company brand.

📝 Enhancement Note: This role is a significant step for a senior frontend engineer looking to move into an architectural and leadership capacity. The growth opportunities are geared towards deepening technical mastery, expanding leadership scope, and increasing strategic influence within the organization and potentially the broader tech community.

🌐 Work Environment

Office Type: The job description and location details point to an on-site role in a corporate office setting within Surat, India. The mention of "1110, 11th Floor, Silver Trade centre" suggests a modern office building environment. Office Location(s): The primary office is located at 1110, 11th Floor, Silver Trade Centre, Uttran, Surat, Gujarat, India. This is a specific, physical location requiring daily presence.

Workspace Context:

• Collaborative Environment: The emphasis on working closely with Product Managers, UX Designers, Backend Engineers, and DevOps indicates a highly collaborative office space designed to facilitate team interaction and communication. Expect shared workspaces, meeting rooms, and areas for informal discussions.
• Technology-Rich: As an IT services company, the office will be equipped with modern computing infrastructure, high-speed internet, and various collaboration tools and software necessary for development and project management.
• Team Interaction: Daily stand-ups, sprint planning meetings, code reviews, and informal problem-solving sessions will be common, fostering a strong sense of team unity and shared purpose.

Work Schedule: The standard working hours are 40 hours per week, typically from Monday to Friday. This implies a structured work week, with potential for flexibility or overtime as needed for project delivery, which should be managed and compensated appropriately.

📝 Enhancement Note: The on-site requirement means candidates should be prepared for a traditional office work environment. The emphasis on collaboration suggests that the office layout and culture are conducive to team-based work and knowledge sharing, which is beneficial for an architect role where constant communication and alignment are key.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A preliminary call with an HR or recruitment specialist to assess basic qualifications, cultural fit, and salary expectations.
• Technical Interview 1 (Frontend Fundamentals): Assessment of core JavaScript, React.js, TypeScript knowledge, component architecture, state management, and basic security principles. This may involve live coding exercises or in-depth discussions.
• Technical Interview 2 (Architecture & Design): Focus on architectural design patterns, system design for scalable applications, design systems, micro frontends, performance optimization strategies, and handling complex technical challenges. Candidates will be expected to articulate their thought process and justify architectural decisions.
• Portfolio Review Session: A dedicated session where the candidate presents their portfolio, walking through key projects, architectural decisions, process improvements, and demonstrated impact. This is a critical stage for an architect role.
• Hiring Manager/Team Lead Interview: Discussion focused on leadership style, team mentoring capabilities, problem-solving approach, collaboration skills, and alignment with company values and culture.
• Final Round (CTO/Senior Leadership): A strategic discussion about the company's technical vision, the role's contribution to business goals, and final assessment of suitability for a senior architectural position.

Portfolio Review Tips:

• Structure for Impact: Organize your portfolio around key architectural achievements, process improvements, and problem-solving scenarios. Use a clear narrative structure for each case study: problem, your solution, implementation details, and quantifiable results (performance gains, efficiency improvements, cost savings).
• Demonstrate Architectural Thinking: For each relevant project, clearly explain the architectural choices made, the rationale behind them, and the trade-offs considered. Use diagrams (e.g., system architecture, component breakdown) to illustrate complex concepts.
• Highlight Process Optimization: Showcase examples where you improved development workflows, code quality, testing strategies, or deployment pipelines. Quantify the benefits achieved (e.g., reduced build times by X%, decreased bug reports by Y%, accelerated feature delivery by Z%).
• Showcase Technical Breadth and Depth: Include examples that demonstrate your expertise in required technologies (React.js, TypeScript) and preferred areas (design systems, micro frontends, SSR, security). Be ready to discuss advanced topics and emerging trends.
• Tailor to the Role: Emphasize projects and skills that directly align with the job description's requirements, particularly regarding scalability, component libraries, design systems, and leading development efforts.

Challenge Preparation:

• Architectural Design Challenge: Be prepared for a hypothetical scenario where you need to design the frontend architecture for a new application or refactor an existing one. Focus on scalability, maintainability, and performance.
• Code Review Simulation: You might be asked to review a piece of code and identify potential issues, suggest improvements, or discuss best practices.
• Problem-Solving Scenarios: Expect questions that test your ability to debug complex frontend issues, optimize performance bottlenecks, or implement challenging features.

📝 Enhancement Note: The interview process is designed to rigorously assess both technical depth and architectural leadership. The portfolio review is a central component, underscoring the need for candidates to meticulously curate and present their experience in a way that highlights strategic thinking and tangible results.

🛠 Tools & Technology Stack

Primary Tools:

• React.js: The core JavaScript library for building user interfaces. Proficiency is essential for component development and architectural design.
• TypeScript: For building robust, scalable, and maintainable frontend applications. Expected to be used extensively for type safety and code quality.
• State Management Libraries: Redux, Zustand, MobX, React Query – candidates should be familiar with at least one, understanding their strengths and weaknesses for different application needs.
• Build Tooling: Webpack, Vite – experience with configuring and optimizing build processes for performance and efficiency.
• Component Libraries: Material UI, Ant Design, Tailwind CSS – familiarity with popular UI frameworks for rapid development and consistent styling.

Analytics & Reporting:

• Browser Developer Tools: Essential for debugging, performance profiling, and network analysis.
• Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest) for analyzing and improving application performance metrics.
• Analytics Platforms: Integration with tools like Google Analytics or custom event tracking for user behavior analysis.

CRM & Automation:

• Version Control: Git (and platforms like GitHub, GitLab, Bitbucket) for collaborative development and code management.
• CI/CD Tools: Jenkins, GitHub Actions, GitLab CI – for automating build, test, and deployment pipelines.
• Containerization: Docker – for creating consistent development and deployment environments.

📝 Enhancement Note: The technology stack is heavily focused on modern JavaScript development with a strong emphasis on React.js and TypeScript. The inclusion of state management, build tooling, and component libraries indicates a need for a developer who is well-versed in the current frontend ecosystem. Familiarity with CI/CD and containerization suggests a desire for developers who understand the broader software development lifecycle.

👥 Team Culture & Values

Operations Values:

• Commitment to Quality: A dedication to delivering high-quality, robust, and maintainable frontend solutions that meet client expectations and uphold technical standards.
• Innovation & Continuous Learning: An environment that encourages exploring new technologies, adopting best practices, and continuously improving skills and processes.
• Collaboration & Teamwork: A strong emphasis on working together across disciplines, sharing knowledge, and supporting team members to achieve common goals.
• Ownership & Accountability: Individuals are expected to take ownership of their work, drive initiatives forward, and be accountable for the outcomes of their decisions and contributions.
• Client-Centricity: A focus on understanding and meeting client needs, ensuring that technology solutions directly contribute to business objectives and client success.

Collaboration Style:

• Cross-Functional Integration: Expect a collaborative approach where frontend developers work closely with Product Managers, UX Designers, Backend Engineers, and DevOps to ensure seamless integration of features and efficient project execution.
• Open Communication & Feedback: A culture that values open dialogue, constructive feedback, and knowledge sharing through code reviews, technical discussions, and team meetings.
• Proactive Problem-Solving: Teams are encouraged to identify potential issues early, propose solutions collaboratively, and take initiative to resolve challenges before they impact project timelines or quality.

📝 Enhancement Note: The company culture appears to be geared towards a professional, client-focused IT services environment. The emphasis on quality, innovation, and collaboration suggests a workplace where skilled professionals can thrive and contribute meaningfully to project success. The "ownership and accountability" value is particularly important for an architect role.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Innovation with Stability: Keeping abreast of rapidly evolving frontend technologies while ensuring architectural decisions lead to stable, maintainable, and secure applications for clients.
• Managing Technical Debt: Proactively identifying and mitigating technical debt across diverse client projects to ensure long-term project health and reduce future refactoring efforts.
• Cross-Project Consistency: Ensuring a consistent architectural approach and UI quality across multiple projects with varying client requirements and timelines.
• Mentoring and Technical Leadership: Effectively guiding and mentoring a team of developers with diverse skill levels, fostering growth while maintaining high standards.
• Stakeholder Communication: Clearly articulating complex technical concepts and architectural choices to both technical and non-technical stakeholders, managing expectations effectively.

Learning & Development Opportunities:

• Advanced Architectural Training: Opportunities to attend specialized workshops or courses on topics like microservices, cloud-native architecture, performance engineering, or advanced security.
• Industry Certifications: Support for pursuing relevant certifications in cloud platforms, specific frameworks, or architectural best practices.
• Cross-Functional Exposure: Gaining deeper insights into backend systems, DevOps practices, and cloud infrastructure through collaboration and internal knowledge-sharing sessions.
• Leadership Development Programs: Access to training and mentorship focused on developing leadership, project management, and strategic planning skills.
• Exposure to Diverse Projects: Working on a variety of client projects across different industries provides broad exposure to new challenges and learning opportunities.

📝 Enhancement Note: The challenges are typical for a senior architectural role in an IT services company, focusing on the complexities of managing multiple projects, evolving technologies, and team leadership. The growth opportunities are well-aligned with advancing technical expertise and leadership capabilities.

💡 Interview Preparation

Strategy Questions:

• Architectural Vision: Be prepared to discuss how you would design the frontend architecture for a new, scalable web application from scratch, considering factors like performance, security, maintainability, and team scalability.
• Design System Implementation: Walk through your process for creating or contributing to a design system. What are the key considerations, how do you ensure adoption, and what tools would you use (e.g., Storybook)?
• Performance Optimization: Describe a challenging performance issue you encountered and how you diagnosed and resolved it. What metrics do you typically track for frontend performance?
• Security Best Practices: How do you ensure the security of a frontend application? Discuss common vulnerabilities and mitigation strategies (e.g., XSS, CSRF, secure token management, CORS, CSP).
• Mentoring and Leadership: How do you approach mentoring junior developers? Describe a situation where you had to lead a technical decision that faced resistance, and how you handled it.

Company & Culture Questions:

• Understanding of Prometteur Solutions: Research the company's services, client base (if public), and stated mission. How do you see your role contributing to their vision of "technology-empowered business solutions"?
• Collaboration Style: How do you prefer to collaborate with UX designers, product managers, and backend engineers? Provide examples of successful cross-functional projects.
• Adaptability: How do you stay current with new frontend technologies and trends, and how do you decide which ones to adopt?

Portfolio Presentation Strategy:

• Tell a Story: For each project, frame it as a narrative: the initial challenge or requirement, your proposed solution (focusing on architectural choices), the implementation details, and the positive outcomes (quantified with metrics wherever possible).
• Focus on "Why": Don't just show what you built; explain why you made certain architectural decisions. Discuss trade-offs, alternatives considered, and the rationale behind your choices.
• Highlight Process and Impact: Emphasize instances where you improved development processes, optimized performance, enhanced security, or contributed to team efficiency. Use clear, concise language and visual aids.
• Be Ready for Deep Dives: Anticipate detailed questions about specific technologies, architectural patterns, and your problem-solving approach.

📝 Enhancement Note: Interview preparation for an architect role requires a strong emphasis on strategic thinking, problem-solving, and the ability to articulate complex technical concepts clearly. The portfolio presentation should be treated as a critical part of the interview, showcasing not just technical skill but also architectural vision and impact.

📌 Application Steps

To apply for this UI Architect position:

• Submit your application: Use the provided link on SmartRecruiters.
• Curate your Portfolio: Prepare a concise portfolio that highlights 2-3 key projects demonstrating your architectural design skills, experience with React.js and TypeScript, and any contributions to design systems or process improvements. Focus on quantifiable results.
• Tailor your Resume: Ensure your resume clearly outlines your experience with the "Must Have" and "Preferred Skills" listed, using keywords relevant to frontend architecture, React.js, TypeScript, state management, security, and design systems. Quantify achievements where possible.
• Prepare for Technical Deep Dives: Review core JavaScript concepts, React.js best practices, TypeScript features, state management patterns, and common frontend security vulnerabilities. Be ready to discuss your architectural decision-making process.
• Research the Company: Familiarize yourself with Prometteur Solutions Pvt. Ltd., their services, and their mission to better understand how your skills align with their business objectives.

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