UX Engineer

📍 Job Overview

Job Title: UX Engineer

Company: Nordic Investin Group (Partner Company)

Location: Borås, Södra Sverige, Sweden

Job Type: Full-Time

Category: UX Engineering / Frontend Development

Date Posted: 2026-09-12

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

Remote Status: On-site

🚀 Role Summary

• Spearhead the development of production-ready components using React and TypeScript, forming the backbone of a robust design system.

• Translate intricate design concepts into tangible, responsive, and interactive prototypes that bridge the gap between design intent and user experience.

• Champion accessibility by defining standards and rigorously testing with assistive technologies, ensuring inclusive digital products.

• Drive improvements in design tokens, component APIs, and documentation to enhance developer efficiency and design consistency across teams.

• Actively contribute to user research initiatives, transforming qualitative and quantitative findings into actionable interface enhancements.

• Provide essential support for the adoption and integration of the design system across various product teams, fostering a unified development approach.

📝 Enhancement Note: This role is positioned at the intersection of Design and Engineering, focusing on building and refining a design system. The emphasis is on a "production-ready" output and direct collaboration within multidisciplinary teams, suggesting a hands-on, code-centric approach to UX. The "partner company" aspect implies that Nordic Investin is acting as a recruiter or consultancy, and the specific details of the employing entity will be clarified during the process.

📈 Primary Responsibilities

• Develop and maintain production-ready, reusable UI components using React and TypeScript, adhering to high standards of code quality and performance.

• Create interactive prototypes from design specifications, demonstrating user flows and interaction patterns for rapid feedback and iteration.

• Implement and rigorously test accessibility features, ensuring compliance with WCAG standards and compatibility with assistive technologies.

• Refine and manage design tokens, component documentation, and API specifications to ensure clarity, consistency, and ease of use for development teams.

• Collaborate closely with UX Designers, Product Managers, and other Engineers in research activities, translating user insights into practical interface improvements and design solutions.

• Support the integration and adoption of the design system across multiple product teams, providing guidance and technical assistance.

• Contribute to the continuous improvement of design and development workflows, identifying opportunities for automation and efficiency gains.

• Participate in code reviews, offering constructive feedback to peers and maintaining code quality standards.

• Proactively identify and address technical debt within the component library and related codebases.

📝 Enhancement Note: The responsibilities highlight a blend of hands-on coding, design implementation, and cross-functional collaboration. The emphasis on "production-ready components" and "support adoption across product teams" indicates a strong focus on practical, deployable solutions and driving their integration within the broader organization.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating equivalent practical knowledge and experience is highly valued. Candidates with backgrounds in Computer Science, Human-Computer Interaction, Design, or related fields are encouraged to apply.

Experience: A minimum of 2-5 years of professional experience in frontend development, with a significant focus on UX engineering, UI development, or a hybrid role bridging design and code. Experience in building and maintaining design systems or component libraries is a significant advantage.

Required Skills:

• Frontend Development: Excellent proficiency in semantic HTML5 and modern CSS3 (including preprocessors like Sass/LESS and CSS-in-JS solutions).

• JavaScript Frameworks: Strong hands-on experience with React and its ecosystem.

• TypeScript: Solid understanding and practical application of TypeScript for robust frontend development.

• Prototyping: Ability to translate design concepts into responsive, interactive prototypes using code.

• Accessibility: Practical knowledge of WCAG guidelines and experience implementing accessible UI patterns and testing with assistive technologies (e.g., screen readers).

• Design Tools Proficiency: Comfort and ability to work within design tools (e.g., Figma, Sketch, Adobe XD) to understand and implement design specifications.

• Visual Judgement: Strong aesthetic sense and attention to detail in visual design and interaction patterns.

• Collaboration & Communication: Professional English proficiency and the ability to engage in constructive critique and collaborative problem-solving within multidisciplinary teams.

Preferred Skills:

• Design System Ownership: Prior experience leading or significantly contributing to the ownership and evolution of a design system.

• Advanced Prototyping Tools: Familiarity with specialized prototyping tools (e.g., Framer, Principle, After Effects for motion design).

• Data Visualization: Experience in creating interactive data visualizations.

• Enterprise Product Experience: Proven track record working on complex, workflow-heavy enterprise applications.

• Motion Design: Understanding of animation principles and implementation in UI.

• Performance Optimization: Knowledge of frontend performance best practices.

📝 Enhancement Note: The "bridge you create between disciplines" statement strongly suggests that candidates with hybrid skill sets—whether a frontend engineer with design aptitude or a designer with coding skills—will be highly regarded. The emphasis is on capability and judgment over a specific job title history.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code-Based Prototypes: Showcase interactive prototypes built with React and TypeScript, demonstrating responsiveness and user interaction.

• Design System Contributions: Provide examples of contributions to design systems, component libraries, or style guides, highlighting improvements to APIs, documentation, or component functionality.

• Accessibility Demonstrations: Include case studies or examples that illustrate how accessibility was considered and implemented, ideally with evidence of testing.

• Workflow Improvement Case Studies: Present projects where you improved complex web workflows, detailing the problem, your approach (design and code), and the measurable impact.

• Visual Design & Interaction Detail: Ensure your portfolio clearly articulates your visual judgment and attention to interaction detail through high-fidelity mockups or live examples.

Process Documentation:

• Workflow Design: Demonstrate understanding of how to design and optimize user workflows through clear, actionable interface solutions.

• Component Development Lifecycle: Illustrate experience with the full lifecycle of component development, from concept and design to implementation, testing, and documentation.

• Cross-functional Collaboration: Show evidence of how you collaborate with designers and engineers, documenting communication, feedback loops, and decision-making processes.

• Research to Implementation: Provide examples of how research findings were translated into tangible interface changes or component improvements.

📝 Enhancement Note: The application specifically requests a "short note describing the most relevant system, product or transformation you have helped deliver." This indicates that the portfolio should be curated to highlight these specific achievements, emphasizing impact and problem-solving rather than a broad collection of work.

💵 Compensation & Benefits

Salary Range: For a UX Engineer with 2-5 years of experience in Borås, Sweden, the estimated annual salary range is approximately 450,000 SEK to 650,000 SEK. This estimate is based on industry benchmarks for mid-level software and UX engineering roles in Sweden, considering the cost of living in Borås and the specific technical requirements (React, TypeScript, Accessibility).

Benefits:

• Health and Wellness: Comprehensive health insurance and potential access to wellness programs.

• Professional Development: Opportunities for continuous learning, including access to training, conferences, and workshops relevant to UX engineering, frontend development, and design systems.

• Retirement Savings: Contribution to a pension plan in line with Swedish labor laws.

• Paid Time Off: Generous vacation days and public holidays.

• Collaborative Work Environment: Access to modern tools and a supportive team culture that values innovation and continuous improvement.

• Impactful Work: The opportunity to influence multiple products and work with senior leaders on impactful projects.

Working Hours: The standard working hours are expected to be around 40 hours per week, typical for a full-time position in Sweden. While the role is on-site, there may be some flexibility offered regarding daily start and end times, subject to team coordination and project needs.

📝 Enhancement Note: Salary figures are estimates for the specified region and experience level. The exact compensation package, including salary, employment model, and specific benefits, will be discussed openly during the recruitment process.

🎯 Team & Company Context

🏢 Company Culture

Industry: The partner company operates within the enterprise software sector, focusing on complex web workflows and design systems. This implies a B2B environment where efficiency, scalability, and user experience are critical for business success.

Company Size: The size of the partner company is not explicitly stated, but the description suggests a structure with multiple product teams and senior leadership, indicating a medium to large organization rather than a small startup. This size allows for opportunities to influence across products while providing access to resources and specialized roles.

Founded: The founding date of the partner company is not provided. However, the emphasis on improving "complex web workflows" and creating a "design system" suggests a company that is evolving its digital presence and internal development practices, likely having been established for some time to necessitate such improvements.

Team Structure:

• Multidisciplinary Delivery: The UX Engineer will join multidisciplinary delivery teams, meaning they will work alongside individuals from various disciplines such as design, engineering, product management, and potentially research.

• Cross-Functional Collaboration: High emphasis is placed on collaboration across disciplines, with expectations for early questions, rapid feedback, and shared decision-making.

• Senior Colleague Support: While expected to deliver independently within a clear area, the role involves working with senior colleagues on consequential decisions, implying a supportive mentorship structure.

Methodology:

• Evidence-Based Decision Making: Teams are expected to make decisions based on clear evidence derived from user feedback, testing, and prototyping.

• Agile & Iterative Development: The emphasis on rapid feedback, testing, and prototyping points towards an agile development methodology with iterative improvements.

• Quality Shaped Throughout: Quality is not an afterthought but is shaped throughout the discovery and delivery phases, involving all team members.

Company Website: https://jobs.nordicinvestin.se

📝 Enhancement Note: Nordic Investin acts as an intermediary. The culture and structure described are attributed to the "partner company" for which this role is being filled. The "partner company" appears to be an established entity with a focus on improving its product development processes and user experience through a robust design system.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level UX Engineer. It requires a solid foundation in frontend development and a demonstrated ability to bridge design and code. The responsibilities involve significant ownership within specific areas and the opportunity to influence decisions, indicating a stepping stone towards more senior or specialized roles.

Reporting Structure: The UX Engineer will be part of multidisciplinary delivery teams. While direct reporting lines are not specified, they will likely report to a lead engineer, design lead, or product manager within their assigned team, with opportunities to interact with senior design and engineering leaders across the organization.

Operations Impact: The UX Engineer will have a direct impact on the quality and consistency of user interfaces across multiple products by building and refining the core design system. This role influences both the end-user experience and the internal development efficiency by providing standardized, accessible, and well-documented components. The work directly contributes to making development decisions more informed and less costly through early prototyping and testing.

Growth Opportunities:

• Specialization: Deepen expertise in UX engineering, frontend development, accessibility, or design system architecture.

• Broadening Responsibilities: Grow into adjacent areas such as product management, technical leadership, or specialized design roles.

• Leadership: Develop leadership skills through mentoring junior team members, leading feature development, or taking ownership of larger system initiatives.

• Skill Development: Gain exposure to advanced prototyping tools, motion design, and performance optimization techniques.

• Strategic Influence: Contribute to high-level product strategy and architectural decisions through evidence-based recommendations.

📝 Enhancement Note: The role offers a clear path for growth by allowing individuals to either deepen their specialization or broaden their skill set within the design and engineering spectrum. The emphasis on working with senior leaders suggests ample opportunities for mentorship and strategic exposure.

🌐 Work Environment

Office Type: The role is designated as "On-site," implying a traditional office environment. This setting is conducive to the high level of collaboration and rapid feedback emphasized in the job description.

Office Location(s): The primary office location is Borås, Sweden. Specific details about the office facilities, such as amenities or workspace layout, are not provided but can be inferred to support collaborative work.

Workspace Context:

• Collaborative Spaces: The office environment is expected to facilitate close collaboration between designers, engineers, and product teams, with ample opportunities for spontaneous discussions and working sessions.

• Tools and Technology: Access to modern development tools, design software, and potentially specialized prototyping hardware/software. The company expects high-quality code and design output.

• Team Interaction: Frequent interaction with colleagues from diverse backgrounds, fostering a dynamic and knowledge-sharing atmosphere.

Work Schedule: The standard work schedule is approximately 40 hours per week. While on-site, there may be some flexibility in daily start/end times to accommodate personal needs and team coordination, promoting a healthy work-life balance within the framework of a structured work environment.

📝 Enhancement Note: The "on-site" requirement is a key differentiator, suggesting that the partner company values in-person collaboration for its design and engineering processes. This environment is ideal for roles that require frequent, informal communication and rapid iteration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV/LinkedIn profile and the requested short note describing a relevant system, product, or transformation. Emphasis will be on demonstrated capability, judgment, and potential.

• Portfolio Review: A detailed walkthrough of your portfolio, focusing on concrete decisions made, the context provided, alternatives considered, observed results, and lessons learned. Be prepared to discuss your role in specific projects.

• Technical Assessment/Case Study: This may involve a coding exercise or a design challenge (potentially a take-home task) related to building components, prototyping interactions, or improving a workflow. The focus will be on your approach to problem-solving, code quality, and efficiency considerations.

• Cross-functional Interview: Discussion with members of the multidisciplinary team (designers, engineers) to assess collaboration skills, communication style, and cultural fit.

• Final Interview: Conversation with senior leadership to discuss strategic alignment, career aspirations, and overall fit for the role and company.

Portfolio Review Tips:

• Highlight Impact: For each project, clearly articulate the problem you solved, your specific contributions (design and code), the technologies/tools used, and the measurable outcomes or impact.

• Showcase Process: Detail your thought process, including how you approached design challenges, made technical decisions, and collaborated with others. Use diagrams, flowcharts, or narrative to explain complex workflows.

• Demonstrate Code Quality: If possible, link to live examples, GitHub repositories, or provide well-documented code snippets that showcase your React, TypeScript, HTML, and CSS skills.

• Emphasize Accessibility: Dedicate a section or specific projects to demonstrating your understanding and application of accessibility principles.

• Tell a Story: Frame your portfolio as a narrative of your growth and problem-solving capabilities, connecting your experiences to the requirements of this specific role.

Challenge Preparation:

• Understand the "Why": For any technical or design challenge, focus on understanding the underlying user need or business problem before diving into solutions.

• Think Out Loud: During live coding or problem-solving sessions, articulate your thought process, assumptions, and decision-making rationale.

• Prioritize and Scope: Be prepared to discuss trade-offs, prioritize features, and scope your solutions realistically, especially if time is limited.

• Focus on Production Readiness: For component development tasks, consider aspects like maintainability, testability, and documentation.

• Research the Partner Company: If possible, gather information about the partner company's products or industry to tailor your responses and demonstrate genuine interest.

📝 Enhancement Note: The recruitment process emphasizes concrete decision-making and demonstrable impact. Candidates should prepare to discuss specific projects in detail, highlighting their problem-solving approach and the results achieved, rather than just listing skills. The "optional technology" point means that if you don't have experience with every tool mentioned, you should be ready to explain how your existing skills transfer and how you would learn the new ones.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces. Proficiency is essential.

• TypeScript: Used for static typing to enhance code quality and maintainability. Strong experience required.

• HTML & CSS: Foundational web technologies. Excellent command is a must for semantic structure and responsive styling.

• Design Tools: Familiarity with tools like Figma, Sketch, or Adobe XD for interpreting and implementing designs.

Analytics & Reporting:

• Prototyping Tools: Experience with tools for creating interactive prototypes (e.g., Figma's prototyping features, InVision, Framer).

• Testing Frameworks: Knowledge of unit testing (e.g., Jest, React Testing Library) and potentially end-to-end testing frameworks for ensuring component quality.

• Version Control: Git and platforms like GitHub/GitLab/Bitbucket for code management and collaboration.

CRM & Automation:

• Design System Management Tools: Tools or platforms used for managing design tokens, component libraries, and documentation (e.g., Storybook).

• Collaboration Platforms: Tools like Slack, Microsoft Teams, or Jira for team communication and project management.

• Assistive Technology: Familiarity with screen readers (e.g., NVDA, JAWS, VoiceOver) and other assistive technologies for accessibility testing.

📝 Enhancement Note: The technology stack heavily favors modern frontend development practices. The emphasis is on React, TypeScript, and robust component development, with a strong undercurrent of accessibility and design system tooling.

👥 Team Culture & Values

Operations Values:

• Collaboration: Strong emphasis on working together across disciplines, sharing knowledge, and providing constructive feedback. Decisions are made collectively based on evidence.

• Quality & Craftsmanship: A commitment to producing high-quality, production-ready code and well-crafted user experiences. Attention to detail in both design and implementation is paramount.

• User-Centricity: A focus on understanding user needs and translating them into effective interface solutions through research and iterative design.

• Efficiency & Improvement: Continuous drive to optimize workflows, improve processes, and leverage technology to enhance productivity and product quality.

• Ownership & Accountability: Individuals are expected to take ownership of their work, deliver independently within defined areas, and be accountable for the results.

Collaboration Style:

• Multidisciplinary Teams: Work within teams comprising individuals from diverse backgrounds (design, engineering, product).

• Iterative Feedback Loops: Regular communication and feedback sessions are integral to the development process, ensuring rapid iteration and alignment.

• Open Critique: A culture where constructive critique is welcomed and expected, fostering continuous learning and improvement.

• Knowledge Sharing: Encouragement to share learnings, best practices, and insights across teams to elevate the collective skill set.

📝 Enhancement Note: The culture is geared towards high-performing, collaborative teams that prioritize quality and user impact. The "partner company" values a proactive and evidence-driven approach to product development, where every team member contributes to shaping the final product.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design & Code: Effectively translating complex design intent into functional, accessible, and performant code.

• Design System Adoption: Ensuring consistent and effective adoption of the design system across diverse product teams with varying needs and technical stacks.

• Balancing Specialization and Breadth: Managing the desire to deepen expertise in specific areas (e.g., accessibility, performance) while also contributing to broader team objectives and learning adjacent skills.

• Navigating Enterprise Complexity: Working within established enterprise product environments that may have legacy systems or established processes, requiring careful integration of new components and workflows.

• Continuous Learning: Keeping pace with rapidly evolving frontend technologies, design patterns, and accessibility standards.

Learning & Development Opportunities:

• Advanced Skill Development: Opportunities to deepen expertise in React, TypeScript, accessibility best practices, and advanced prototyping.

• Design System Architecture: Gain experience in the strategic planning and architecture of large-scale design systems.

• Cross-functional Exposure: Learn from and collaborate with senior leaders in design, engineering, and product management.

• Industry Events: Potential for attending relevant industry conferences and workshops (e.g., design, frontend development, accessibility).

• Mentorship: Benefit from guidance and mentorship from senior colleagues, fostering career progression.

📝 Enhancement Note: The role presents opportunities to tackle complex challenges at the intersection of design and engineering, with significant potential for professional growth in a dynamic enterprise environment. The challenges are framed as opportunities for learning and skill development.

💡 Interview Preparation

Strategy Questions:

• Design System Impact: "Describe a time you contributed to a design system or component library. What was the problem, your specific contribution, and the impact on the teams using it?" (Prepare examples demonstrating your understanding of component APIs, documentation, and adoption challenges.)

• Bridging Disciplines: "Tell us about a project where you had to bridge the gap between design and engineering. How did you ensure the final product met both design intent and technical feasibility?" (Focus on your communication, problem-solving, and collaborative approach.)

• Accessibility Implementation: "Walk us through your process for ensuring a component or feature is accessible. What tools and techniques do you use, and how do you test for compliance?" (Be ready to discuss WCAG, assistive technologies, and practical implementation.)

• Prototyping for Decision Making: "How have you used prototyping to influence decisions or test assumptions early in a project? Provide a specific example." (Highlight how your prototypes led to concrete outcomes or prevented costly missteps.)

Company & Culture Questions:

• Collaboration Style: "How do you prefer to collaborate with designers and other engineers? Describe your ideal feedback process." (Align your answer with the emphasis on multidisciplinary teams and constructive critique.)

• Handling Ambiguity: "This role involves working on a design system for a partner company. How do you approach situations with some ambiguity or evolving requirements?" (Showcase your ability to seek clarity, make informed assumptions, and adapt.)

• Contribution to Culture: "What do you believe is your most significant contribution to team culture or process improvement in your previous roles?" (Think about how you foster collaboration, quality, or efficiency.)

Portfolio Presentation Strategy:

• Focus on Narrative: Structure your portfolio presentation around specific projects, telling a story of problem, solution, and outcome.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your work (e.g., improved conversion rates, reduced development time, increased component usage).

• Showcase Code: Be prepared to briefly show relevant code snippets or link to repositories to back up your claims about technical proficiency.

• Explain Your Role: Clearly articulate your individual contribution within team projects.

• Address "Optional" Skills: If you lack experience with certain preferred technologies, be ready to explain how your existing skills are transferable and how you would quickly acquire the new ones.

📝 Enhancement Note: Interview questions will likely probe your practical experience, problem-solving skills, and ability to collaborate. The portfolio presentation is a critical component, so practice articulating your projects and their impact clearly and concisely.

📌 Application Steps

To apply for this UX Engineer position:

• Submit your application through the provided application link on the Nordic Investin jobs portal.

• Curate Your Portfolio: Select 2-3 of your most relevant projects that best showcase your experience in React, TypeScript, accessibility, and design system contributions. Be prepared to discuss the impact and your specific role in each.

• Craft Your Note: Write a concise note (as requested) highlighting the most relevant system, product, or transformation you've helped deliver, emphasizing problem-solving and impact.

• Optimize Your Resume: Ensure your CV clearly lists your proficiency in required technologies (React, TypeScript, HTML, CSS, Accessibility) and highlights achievements related to design systems, prototyping, and cross-functional collaboration.

• Prepare for Portfolio Discussion: Practice walking through your selected portfolio projects, focusing on the context, your decisions, the results, and what you'd do differently. Be ready to discuss your approach to the "optional" technologies.

• Research the Partner Company: If possible, gather information about the partner company's products and industry to demonstrate your interest and understanding of their context.

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

---