Senior UI Engineer

📍 Job Overview

Job Title: Senior UI Engineer

Company: Wilhelmsen group

Location: Chennai, Tamil Nadu, India

Job Type: FULL_TIME

Category: Technology - Engineering / Software Development

Date Posted: 2026-06-01

Experience Level: 10+ years

Remote Status: On-site

🚀 Role Summary

• Spearhead the development of high-quality, responsive user interfaces for custom enterprise applications across web, mobile, and tablet platforms within the maritime industry.

• Translate high-fidelity designs from Figma into polished, performant, and accessible UI components, adhering to established design systems and standards.

• Implement UI using Salesforce Lightning Web Components (LWC) and modern web technologies, ensuring seamless integration with Apex services and APIs.

• Collaborate closely with Design Architects, backend developers, and QA teams to deliver scalable, performant, and cross-device compatible UI solutions.

• Drive UI quality, accessibility, and performance optimization, contributing to reusable components and shared libraries to enhance development efficiency.

📝 Enhancement Note: This role is positioned as a Senior UI Engineer, indicating a need for strong technical leadership, mentorship capabilities, and a deep understanding of UI architecture within the Salesforce ecosystem. The emphasis on "custom enterprise applications" suggests a focus on internal tools or specific client-facing solutions rather than standard SaaS product UIs. The mention of Wilhelmsen Port Services and handling 75,000 port calls annually highlights the critical nature of these applications in a global, high-volume operational environment.

📈 Primary Responsibilities

• Construct and implement high-quality user interfaces for complex, custom enterprise applications tailored for web, mobile, and tablet deployment.

• Develop UI components that precisely align with designs provided in Figma, strictly following the guidelines of the company's design system.

• Utilize Salesforce Lightning Web Components (LWC) and contemporary web technologies to build robust and efficient user interfaces.

• Partner with the Design Architect to effectively translate design concepts into scalable and performant UI solutions that meet business objectives.

• Ensure strict adherence to the Salesforce Lightning Design System (SLDS) while also supporting and implementing custom requirements where necessary.

• Facilitate seamless integration of the UI layer with backend Apex services and APIs through close collaboration with backend developers.

• Guarantee the quality, accessibility, responsiveness, and cross-device compatibility of all UI implementations.

• Conduct thorough reviews and refinements of UI implementations based on feedback from Quality Assurance (QA) and business stakeholders.

• Contribute to the development and maintenance of reusable UI components and shared libraries to promote consistency and accelerate development cycles.

📝 Enhancement Note: The responsibilities clearly indicate a senior-level position requiring not only strong coding skills but also the ability to influence UI architecture, collaborate effectively across teams, and ensure adherence to design and technical standards. The emphasis on LWC and SLDS points to a Salesforce-centric development environment for enterprise solutions.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Computer Science, Engineering, or a related field is often preferred for senior engineering roles. Relevant certifications are highly valued.

Experience: 10+ years of progressive experience in UI engineering or front-end development, with a significant portion focused on enterprise-level application development and Salesforce platforms.

Required Skills:

• Over 10 years of dedicated experience in UI engineering or front-end development roles.

• Profound expertise in Salesforce Lightning Web Components (LWC) and custom UI development specifically within the Salesforce ecosystem.

• Strong command of core web technologies: HTML, CSS, JavaScript, and proficiency with modern UI frameworks.

• Proven experience in translating designs from Figma into functional UI components and working effectively with established design systems.

• Deep understanding of responsive design principles, web accessibility standards (e.g., WCAG), and performance optimization techniques for web applications.

Preferred Skills:

• Salesforce Platform Developer I Certification.

• Salesforce JavaScript Developer I Certification.

• Certifications in HTML, CSS, and JavaScript from recognized institutions.

📝 Enhancement Note: The experience requirement of "10+ years" strongly suggests this role is for a seasoned professional who can lead technical initiatives, mentor junior engineers, and make strategic decisions regarding UI architecture and implementation within the Salesforce environment. The preferred certifications are directly aligned with the core technologies mentioned, indicating a desire for validated expertise.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 complex enterprise UI projects, ideally built on Salesforce platforms or utilizing similar component-based architectures.

• Demonstrate proficiency in translating complex design specifications (e.g., from Figma) into pixel-perfect, functional user interfaces.

• Highlight projects where UI performance optimization and accessibility improvements were key deliverables, including specific metrics or outcomes.

• Provide examples of reusable UI components or design system contributions that improved development efficiency or consistency.

Process Documentation:

• Document a specific instance of implementing a new UI component or feature from design to deployment, detailing the workflow, challenges, and resolutions.

• Outline the process followed to ensure UI accessibility compliance and performance benchmarks were met.

• Describe the approach to collaborating with designers and backend developers to ensure seamless integration and adherence to standards.

• Present a case study on how a UI improvement initiative led to measurable benefits (e.g., increased user adoption, reduced error rates, improved efficiency).

📝 Enhancement Note: For a Senior UI Engineer role, a portfolio is crucial. It should not just display finished products but also demonstrate the candidate's thought process, problem-solving abilities, and impact on project outcomes. The emphasis on Salesforce LWC and enterprise applications means examples within that context will be highly advantageous.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Senior UI Engineers with 10+ years of experience in major Indian tech hubs like Chennai, the estimated annual salary range is ₹18,00,000 - ₹30,00,000. This estimate considers the specialized skills in Salesforce LWC, enterprise application development, and the seniority of the role.

Benefits:

• Comprehensive health insurance coverage (medical, dental, vision) for employees and dependents.

• Generous paid time off (PTO), including vacation days, sick leave, and public holidays.

• Retirement savings plan or provident fund contributions.

• Opportunities for professional development, including training, certifications, and conference attendance.

• Performance-based bonuses and potential for stock options or long-term incentives.

• Employee assistance programs (EAP) offering confidential counseling and support services.

• Access to modern office facilities and amenities in Chennai.

Working Hours: Standard full-time engagement, typically 40 hours per week, with potential for occasional overtime during critical project phases. Wilhelmsen often promotes a work-life balance, offering some flexibility in daily start/end times where feasible for team coordination.

📝 Enhancement Note: The salary range is an estimate based on industry data for Senior UI Engineers in Chennai, India. It accounts for the high demand for Salesforce LWC expertise and the extensive experience required. Specific benefits can vary, but the listed items are standard for large, established organizations like Wilhelmsen.

🎯 Team & Company Context

🏢 Company Culture

Industry: Maritime Logistics and Port Services. Wilhelmsen operates within a critical global industry, focusing on providing essential services to ships, cargo, and crew. This involves complex logistics, regulatory compliance, and a high degree of operational precision. The company is increasingly focused on digitalization to enhance efficiency and service delivery.

Company Size: Large enterprise, part of the Wilhelmsen group, which is a global leader in maritime solutions. This implies a structured environment with established processes, a global presence, and significant resources.

Founded: The Wilhelmsen group has a long history, founded in 1839, signifying stability, deep industry knowledge, and a long-term strategic vision. This heritage likely translates into a culture that values experience, reliability, and continuous adaptation.

Team Structure:

• The UI Engineering team is likely part of a broader Digital or IT department within Wilhelmsen Port Services.

• It will involve collaboration with other engineering disciplines (backend, QA), product management, and design teams.

• Reporting structure will likely be to a Lead UI Engineer, Engineering Manager, or Head of Digital Solutions, with a clear hierarchy.

Methodology:

• Agile methodologies (Scrum or Kanban) are probable for software development, facilitating iterative development and rapid response to feedback.

• Emphasis on data-driven decision-making for UI improvements and feature prioritization, leveraging analytics and user feedback.

• Workflow planning and optimization will be key, focusing on streamlining processes for port operations through digital solutions.

• Automation practices will be integrated to improve efficiency in development, testing, and deployment.

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

📝 Enhancement Note: Understanding Wilhelmsen's position as a large, established player in the maritime industry is key. The role of a Senior UI Engineer here is not just about coding but about contributing to the digital transformation of a traditional sector, requiring an understanding of operational workflows and the impact of technology on efficiency and safety in port services.

📈 Career & Growth Analysis

Operations Career Level: This Senior UI Engineer role represents a significant step in a technical career path. It signifies a transition from individual contributor to a role with leadership potential, requiring not only advanced technical skills but also the ability to guide and mentor others, influence technical direction, and contribute to architectural decisions. The focus is on driving complex UI development projects for critical enterprise applications.

Reporting Structure: The Senior UI Engineer will likely report to a Lead UI Engineer or an Engineering Manager responsible for the Salesforce platform or digital solutions within Wilhelmsen Port Services. They will work closely with Product Managers, UX/UI Designers, and Backend Developers, forming part of a cross-functional agile team.

Operations Impact: This role directly impacts the efficiency, safety, and user experience of Wilhelmsen's port operations. By developing high-quality, intuitive interfaces for enterprise applications, the Senior UI Engineer contributes to streamlined workflows, reduced errors, improved decision-making for port staff, and ultimately, enhanced customer satisfaction and operational cost savings.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Salesforce LWC, advanced JavaScript frameworks, or explore related areas like UI performance engineering or accessibility consulting within the maritime tech space.

• Leadership Development: Progress into a Lead UI Engineer, Architect, or Engineering Manager role, taking on more strategic responsibilities, team leadership, and project oversight.

• Cross-Functional Mobility: Transition into roles focused on product management, technical program management, or solutions architecture, leveraging a broad understanding of the company's technology stack and business operations.

• Industry Expertise: Develop specialized knowledge in maritime technology and digitalization, becoming a sought-after expert in this niche.

📝 Enhancement Note: The "Operations Impact" section is reframed to highlight how UI engineering directly supports the core business operations of Wilhelmsen Port Services, emphasizing the strategic importance of this role beyond just coding.

🌐 Work Environment

Office Type: The role is based in Chennai, India, implying a modern office environment typical of large technology companies or corporate offices in the region. This would likely include collaborative workspaces, meeting rooms, and standard office amenities.

Office Location(s): Chennai – Armenian Street, Chennai, India. This location is within a developed urban area, likely offering good connectivity and accessibility for employees.

Workspace Context:

• Collaborative Environment: Expect an open or semi-open office layout designed to foster collaboration among UI engineers, backend developers, designers, and product teams. Regular team stand-ups, design reviews, and code reviews are standard.

• Tools and Technology: Access to high-performance workstations, necessary software licenses (Figma, IDEs, Salesforce development tools), and robust network infrastructure is expected to support complex UI development.

• Team Interaction: Opportunities for regular interaction with colleagues through planned meetings, ad-hoc discussions, and team-building activities, crucial for knowledge sharing and problem-solving in a complex domain.

Work Schedule: The standard 40-hour work week is complemented by an emphasis on work-life balance. While on-site presence is required, the company may offer some flexibility in daily working hours to accommodate personal needs, provided it aligns with team collaboration requirements and project deadlines.

📝 Enhancement Note: The description of the workspace emphasizes the collaborative and technologically equipped environment necessary for senior-level software development, particularly within a large corporate structure like Wilhelmsen.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and potentially conduct a brief phone screen to assess basic qualifications and cultural fit.

• Technical Assessment: Expect a technical interview focusing on UI engineering principles, JavaScript, HTML, CSS, and specific experience with Salesforce LWC. This might involve coding challenges or in-depth discussions about past projects.

• Portfolio Deep Dive: A dedicated session to walk through your portfolio. Be prepared to discuss your design choices, technical implementation, problem-solving approaches, and the impact of your work.

• Team/Manager Interview: Interviews with potential team members and the hiring manager to evaluate collaboration skills, problem-solving abilities, and alignment with team dynamics and company values.

• Final Round: May involve a senior leadership interview or a final case study presentation to assess strategic thinking and overall suitability for the senior role.

Portfolio Review Tips:

• Curate Strategically: Select 3-4 of your strongest projects that best showcase your expertise in LWC, enterprise UI development, and problem-solving.

• Quantify Impact: For each project, clearly articulate the business problem, your role, the technical approach, and the measurable outcomes (e.g., improved performance by X%, reduced errors by Y%, increased user adoption).

• Showcase LWC: Ensure at least one project prominently features Salesforce Lightning Web Components, detailing your contributions to component design, data integration, and adherence to SLDS.

• Explain Design Decisions: Be ready to defend your technical choices, discuss trade-offs, and explain why you approached certain problems in a specific way.

• Prepare for Figma Integration: If possible, show how you translated Figma designs into code, highlighting your attention to detail and ability to work with design systems.

Challenge Preparation:

• LWC Coding Challenge: Practice building common UI components using LWC, focusing on data binding, event handling, and integration with Apex methods.

• Performance Optimization Scenario: Be prepared to discuss strategies for optimizing UI load times, rendering performance, and reducing resource usage.

• Accessibility Best Practices: Review WCAG guidelines and be ready to explain how you ensure applications are accessible to all users.

• Problem-Solving Scenarios: Anticipate questions about how you would approach a complex UI challenge, debug an issue, or collaborate with a difficult stakeholder.

📝 Enhancement Note: This section provides actionable advice tailored for a Senior UI Engineer applying to Wilhelmsen, emphasizing the importance of a strong portfolio, specific technical skills (LWC), and demonstrating impact within an enterprise context.

🛠 Tools & Technology Stack

Primary Tools:

• Salesforce Lightning Web Components (LWC): The core framework for building modern UI components within the Salesforce platform. Proficiency is essential.

• HTML5, CSS3, JavaScript (ES6+): Fundamental building blocks for all web development.

• Modern UI Frameworks/Libraries: Experience with frameworks like React, Vue, or Angular can be transferable, but LWC expertise is paramount.

• Salesforce Lightning Design System (SLDS): Understanding and applying SLDS for consistent styling and user experience.

• Figma: For design mockups, prototyping, and collaboration with the design team.

Analytics & Reporting:

• Salesforce Reports & Dashboards: For tracking application usage, user engagement, and performance metrics within the Salesforce environment.

• Browser Developer Tools: Essential for debugging, performance profiling, and inspecting UI elements.

• Web Analytics Tools (e.g., Google Analytics): Potentially used for external-facing applications or to gain broader insights into user behavior.

CRM & Automation:

• Salesforce Platform: The underlying CRM and application development platform.

• Apex: Salesforce's proprietary programming language for backend logic and API integrations.

• API Integration Tools: Understanding how to integrate front-end components with RESTful APIs or SOAP services.

📝 Enhancement Note: This highlights the specific technical stack relevant to the role, emphasizing Salesforce LWC as the primary UI development technology.

👥 Team Culture & Values

Operations Values:

• Customer Focus: A strong commitment to understanding and serving the needs of internal and external customers (shipping lines, vessel operators, port authorities) through reliable and efficient digital solutions.

• Integrity and Reliability: Upholding high ethical standards and ensuring the dependability of the software applications that support critical port operations.

• Innovation and Digitalization: Embracing new technologies and digital strategies to continuously improve services, enhance efficiency, and maintain a competitive edge in the maritime sector.

• Collaboration and Teamwork: Fostering a supportive environment where cross-functional teams work together effectively to achieve common goals.

• Efficiency and Excellence: Striving for operational excellence through streamlined processes, robust technology, and a commitment to delivering high-quality work.

Collaboration Style:

• Cross-Functional Integration: Proactive engagement with product managers, designers, backend engineers, and business stakeholders to ensure alignment and shared understanding throughout the development lifecycle.

• Process Review Culture: Encouraging open feedback loops for code reviews, design critiques, and workflow assessments to drive continuous improvement.

• Knowledge Sharing: Actively participating in and contributing to internal knowledge-sharing sessions, documentation, and best practice discussions to elevate the team's collective expertise.

📝 Enhancement Note: This section connects the company's broader values to the specific context of an operations-focused technology role within Wilhelmsen, emphasizing how these values translate into daily work and team interactions.

⚡ Challenges & Growth Opportunities

Challenges:

• Legacy System Integration: Integrating modern LWC applications with potentially older backend systems or third-party platforms within the maritime logistics ecosystem.

• Global Scale Complexity: Developing UI solutions that cater to diverse operational needs and user requirements across Wilhelmsen's extensive global network.

• Balancing Customization with Standards: Effectively implementing custom UI requirements while maintaining consistency with Salesforce Lightning Design System (SLDS) and overall design system integrity.

• Rapid Technological Evolution: Keeping pace with the fast-changing landscape of web technologies and Salesforce platform updates to ensure solutions remain modern and efficient.

Learning & Development Opportunities:

• Advanced Salesforce Certifications: Pursuing higher-level Salesforce developer certifications (e.g., Platform Developer II, Architect credentials) or specialized UI/UX certifications.

• Industry-Specific Training: Gaining deeper insights into maritime logistics, port operations, and the unique challenges faced by the industry through internal training or external workshops.

• Mentorship Programs: Participating in or leading mentorship initiatives to guide junior engineers and develop leadership skills.

• Exposure to New Technologies: Opportunities to explore and integrate emerging front-end technologies or advanced Salesforce features into enterprise solutions.

📝 Enhancement Note: This section outlines potential challenges specific to the role and industry, alongside concrete growth avenues that leverage the company's context and the candidate's career aspirations.

💡 Interview Preparation

Strategy Questions:

• "Describe a challenging UI project you led using Salesforce LWC. What were the key technical hurdles, and how did you overcome them? What was the business impact?" (Focus on LWC specifics, problem-solving, and ROI.)

• "How do you ensure UI consistency and adherence to a design system (like SLDS or a custom one) when implementing complex enterprise features requested by business stakeholders?" (Assess collaboration, process adherence, and negotiation skills.)

Company & Culture Questions:

• "What interests you about Wilhelmsen and the maritime industry? How do you see your UI engineering skills contributing to our mission in port services?" (Show genuine interest and alignment with the company’s domain.)

• "Describe a time you had to collaborate with a designer whose vision differed significantly from your technical assessment. How did you resolve this?" (Assess collaboration, communication, and conflict resolution.)

Portfolio Presentation Strategy:

• Storytelling with Data: For each portfolio piece, craft a narrative that clearly outlines the problem, your solution, your specific contributions (especially LWC expertise), and the quantifiable results.

• Interactive Demonstration: If possible, prepare a live demo or a well-annotated walkthrough of a key LWC project. Be ready to navigate the code and explain critical sections.

• Focus on Impact: Emphasize how your UI work directly contributed to business objectives, such as improved efficiency, reduced errors, or enhanced user experience in port operations.

• Address Design System Adherence: Be prepared to discuss how you worked with Figma designs and implemented them using SLDS or other design system guidelines.

📝 Enhancement Note: These interview questions and preparation tips are specifically tailored to a Senior UI Engineer role, focusing on Salesforce LWC, enterprise application development, and the maritime industry context.

📌 Application Steps

To apply for this Senior UI Engineer position:

• Submit your application through the provided link on the Wilhelmsen careers portal.

• Portfolio Customization: Tailor your resume and cover letter to highlight your 10+ years of UI engineering experience, with a strong emphasis on Salesforce LWC, enterprise application development, and experience with Figma and design systems. Prepare your portfolio to showcase 2-3 of your most relevant and impactful projects.

• Resume Optimization: Ensure your resume clearly lists your proficiency in HTML, CSS, JavaScript, LWC, and SLDS. Quantify your achievements with specific metrics where possible, focusing on contributions to performance, accessibility, and user experience improvements.

• Interview Preparation: Practice answering common UI interview questions, focusing on Salesforce LWC scenarios, performance optimization, and accessibility. Be ready to present your portfolio with clear explanations of your technical decisions and the business impact of your work.

• Company Research: Familiarize yourself with Wilhelmsen's Port Services division, its global operations, and its commitment to digitalization. Understand how your role contributes to the company's mission of making port calls efficient and safe.

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

---