UI Developer

📍 Job Overview

Job Title: UI Developer

Company: Bloomreach

Location: Slovakia (Remote OK)

Job Type: Full-Time

Category: Frontend Development / UI Engineering

Date Posted: 2026-04-30T14:35:39

Experience Level: 5-10 Years

Remote Status: Remote OK

🚀 Role Summary

• Drive the evolution and maintenance of Bloomreach's Engagement UI design system and component library, ensuring consistency and reusability across applications.

• Implement and refine UI components and patterns, acting as a technical partner to product designers to translate innovative ideas into intuitive user interfaces.

• Develop and optimize the in-house SCSS framework, focusing on modularity, predictability, and long-term maintainability of stylesheets within a large codebase.

• Leverage AI-assisted development tools for code generation, refactoring suggestions, and documentation to enhance productivity and accelerate the development lifecycle.

• Collaborate closely with product managers, designers, and other frontend developers to deliver high-quality, visually pleasant, and user-friendly product experiences.

📝 Enhancement Note: The role title "UI Developer" and the responsibilities clearly place this position within the Frontend Development and UI Engineering domain, with a strong emphasis on design systems and component-based architecture. The mention of Angular, Sass, JavaScript/TypeScript, and Git aligns with typical frontend engineering roles. The "5-10 Years" experience level indicates a mid-to-senior level position.

📈 Primary Responsibilities

• Expand and maintain the UI design system and component library, including reusable UI primitives and higher-level components, ensuring seamless application across Angular projects.

• Design and implement reusable UI primitives (tokens, layout primitives, form controls) and higher-level components compatible with Angular applications.

• Improve and maintain the in-house SCSS framework by extending core functions, mixins, and utilities to ensure efficient and maintainable style writing.

• Evolve the CSS architecture, including layers, naming conventions, design tokens, and theming, to support product scalability and maintainability.

• Implement new designs and product experiences, updating existing screens to match the latest design specifications and interaction patterns.

• Collaborate with product designers to shape visual representation and behavior, acting as a technical partner in design reviews.

• Ensure cross-browser compatibility (modern browsers) and adhere to web accessibility best practices for all UI implementations.

• Identify and remove legacy styles, dead code, and inconsistencies to improve performance and maintainability of the codebase.

• Utilize AI-powered tooling for code search, refactoring suggestions, and documentation summaries to accelerate development tasks.

• Work closely with product managers and designers to balance UX quality, technical feasibility, and delivery timelines for comprehensive UI changes.

• Partner with QA and utilize testing tools, including AI-assisted testing, to catch regressions and ensure the quality of visual and structural changes.

• Maintain and improve the internal "Showcase"/component gallery as a single source of truth for the design system, including documentation and usage examples.

📝 Enhancement Note: The detailed breakdown of responsibilities (Expand & maintain UI design system, Improve & maintain SCSS framework, Implement new designs) provides a clear roadmap of the daily and strategic tasks. The emphasis on "reusable UI primitives," "higher-level components," "CSS architecture," and "AI-powered tooling" are critical for candidates to understand the depth of the role.

🎓 Skills & Qualifications

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

Experience: 5-10 years of professional experience in frontend development with a strong focus on UI engineering and design systems.

Required Skills:

• Strong CSS and Sass (SCSS) skills: Deep understanding of selector types, specificity, fonts, relative units, box sizing, positioning, flexbox, grid, responsiveness, pseudo-elements, animations, and their performance implications.

• Component-Based CSS: Proven experience in writing maintainable, modular, and component-based CSS.

• Design System Contribution: Experience building or significantly contributing to a design system or UI component library (including tokens, components, documentation, versioning, and rollout strategies).

• JavaScript/TypeScript Proficiency: Comfortable with intermediate programming in JavaScript or TypeScript, including code structuring, asynchronous logic, and debugging.

• Frontend Framework Expertise: Hands-on experience with at least one modern frontend framework (Angular, React, or Vue).

• Version Control: Familiarity with Git and standard workflows (branching, pull/merge requests, code review).

• Modern CSS & Web UI Passion: A genuine interest in modern CSS and web UI, staying updated with new specifications and browser capabilities.

• Architecture Mindset: Ability to approach stylesheets with an architecture mindset, considering layers, dependencies, and long-term maintainability.

• AI Tooling Openness: Openness to leveraging AI in the development process for tasks like refactoring, variant generation, and documentation support.

Preferred Skills:

• Familiarity with Web Components.

• Experience with Nx build system and Angular CLI.

• Knowledge of advanced CSS features like container queries, cascade layers, and new color functions.

• Experience with performance optimization techniques for frontend applications.

• Understanding of web accessibility standards and implementation.

📝 Enhancement Note: The required skills are detailed, covering technical proficiency in CSS, Sass, JavaScript/TypeScript, and frontend frameworks, as well as crucial soft skills like an architecture mindset and a passion for modern web technologies. The inclusion of "AI Tooling Openness" is a modern and significant requirement.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Showcase: Demonstrate experience contributing to or building a design system, showcasing reusable components, design tokens, and documentation.

• Component Library Examples: Provide examples of implemented UI components with clear explanations of their structure, reusability, and adaptability.

• SCSS Architecture Examples: Illustrate your approach to SCSS architecture, highlighting modularity, maintainability, and efficiency in style management.

• Cross-Browser & Accessibility Compliance: Showcase projects that adhere to cross-browser compatibility and web accessibility standards.

• Real-world Project Implementations: Include examples of implemented UIs within a functional application, demonstrating how components and styles are integrated.

Process Documentation:

• Component Development Workflow: Document your process for designing, developing, testing, and documenting new UI components.

• Design System Evolution Strategy: Outline your approach to evolving and maintaining a design system, including versioning, rollout, and feedback mechanisms.

• SCSS Refactoring and Optimization: Detail your process for identifying and refactoring legacy CSS/SCSS, optimizing for performance and maintainability.

• Collaboration with Design & Product: Illustrate how you collaborate with designers and product managers throughout the UI development lifecycle.

📝 Enhancement Note: For a UI Developer role focused on design systems, a portfolio is crucial. This section outlines the specific types of projects and documentation that would best demonstrate a candidate's capabilities in component development, architectural thinking, and collaborative design system work.

💵 Compensation & Benefits

Salary Range: For a Senior UI Developer in Slovakia (P3/Senior level), the starting monthly gross compensation is €3,500. This translates to an approximate annual gross salary of €42,000. The final offer will be determined based on individual skills, experience, and negotiation.

Benefits:

• Stock options (Restricted Stock Units or Stock Options)

• Comprehensive benefits package

• €1,500 professional education budget (annual)

• Employee Assistance Program (EAP) with counselors

• Subscription to Calm (sleep and meditation app)

• 5 paid volunteering days per year

• Company performance bonus

• Employee referral bonus (up to $3,000)

• Extended parental leave (up to 26 calendar weeks for Primary Caregivers)

• "DisConnect" days (additional quarterly day off)

• Flexible working hours

• Opportunities for sports, yoga, and meditation

Working Hours: The role is full-time. While specific hours are not detailed, the company emphasizes flexible working hours to accommodate individual working styles, suggesting a focus on results rather than strict adherence to a 9-to-5 schedule. A standard 40-hour work week is implied.

📝 Enhancement Note: The provided monthly gross salary of €3,500 for a Senior level in Slovakia is a key piece of compensation data. The extensive list of benefits highlights Bloomreach's commitment to employee well-being, professional development, and overall compensation package.

🎯 Team & Company Context

🏢 Company Culture

Industry: Bloomreach operates in the technology sector, specifically focusing on AI-driven personalization platforms for e-commerce and digital customer journeys. Their platform aims to revolutionize how businesses connect with customers through autonomous search, conversational shopping, and autonomous marketing.

Company Size: Bloomreach is a significant player in its field, indicated by its global brand partnerships and its emphasis on scaling its platform. While the exact number isn't provided in this snippet, the scale of operations suggests a mid-to-large size technology company.

📝 Enhancement Note: Based on typical Greenhouse ATS data for companies like Bloomreach, they are likely a scale-up or established tech company with several hundred to a few thousand employees. This implies a structured yet dynamic work environment.

Founded: Bloomreach was founded in 2009. This history suggests a company that has evolved and matured, likely possessing established processes while still striving for innovation.

Team Structure:

• The UI Developer will be part of the Frontend Team, specifically working on the Engagement app.

• This role involves close collaboration with Product Designers, Product Managers, and other Frontend Developers.

Methodology:

• Agile Development: The mention of "sprint project" and collaboration with product managers and designers suggests an Agile development methodology.

• Data-Driven Decisions: While not explicit for this role, Bloomreach's core business in personalization implies a data-driven approach to product development and customer engagement.

• AI Integration: The company actively integrates AI (Loomi AI) into its platform and encourages its use in daily development tasks.

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

📝 Enhancement Note: The company's focus on AI, personalization, and e-commerce provides crucial context for a UI Developer. Understanding this domain helps in appreciating the user experience challenges and the importance of robust, intuitive interfaces.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a P3 / Senior level, indicating a significant level of experience and responsibility. A Senior UI Developer is expected to not only implement but also to architect, mentor, and drive improvements within their domain.

Reporting Structure: The UI Developer will be a core part of the Frontend Team. While the direct reporting manager isn't specified, they will likely report to a Frontend Engineering Lead or Manager. They will collaborate closely with Product Designers and Product Managers.

Operations Impact: The UI Developer's impact is directly tied to the user experience of Bloomreach's Engagement application. By evolving the design system and components, they enable faster, more consistent, and higher-quality UI development across product teams. This directly influences customer satisfaction, product adoption, and ultimately, business growth for Bloomreach's clients.

Growth Opportunities:

• Technical Specialization: Deepen expertise in modern frontend frameworks, CSS architecture, and design systems, potentially becoming a go-to expert in these areas.

• Cross-Framework Proficiency: Develop skills in other frameworks (React, Vue) through exposure and application within the design system context.

• Architecture and Strategy: Contribute to the strategic roadmap of the design system, influencing its future direction and technical foundation.

• Mentorship: As a senior member, mentor junior developers on UI best practices, component usage, and frontend development techniques.

• AI Development Integration: Gain hands-on experience and leadership in integrating AI tools into the frontend development workflow.

• Leadership Potential: Opportunity to lead initiatives within the design system or take on more complex architectural challenges, paving a path towards technical leadership or management roles.

📝 Enhancement Note: The "P3 / Senior level" designation is key. This implies a need for candidates who can operate with autonomy, influence technical direction, and mentor others, beyond just coding skills. The growth opportunities highlight the potential for long-term career development within Bloomreach.

🌐 Work Environment

Office Type: Bloomreach offers a flexible work environment, with options to work from home or in one of their Central European offices (Bratislava, Brno, Prague). They describe themselves as "virtual-first" with hubs available.

Office Location(s):

• Bratislava, Slovakia

• Brno, Czech Republic

• Prague, Czech Republic

Candidates can work remotely from any of these locations or from home.

Workspace Context:

• Collaborative Environment: The role emphasizes tight collaboration with product designers, product managers, and other frontend developers, suggesting an interactive and team-oriented workspace, whether remote or in-office.

• Tools & Technology: Access to modern development tools and technologies, including AI-assisted development tools, is a key aspect of the workspace.

• Focus on Developer Experience: Bloomreach states they are serious about providing a great developer experience, implying a supportive and efficient work environment for engineers.

Work Schedule: The company offers flexible working hours, allowing individuals to accommodate their personal working styles. While a full-time commitment is expected, the emphasis is on results, suggesting autonomy in managing one's schedule within project timelines. Standard 40-hour week is implied.

📝 Enhancement Note: The "Remote OK" status and the mention of specific Central European offices and "virtual-first" approach are critical details. This indicates a modern, distributed work environment where asynchronous communication and self-management are important.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess qualifications and alignment with the role.

• Technical Interview(s): Likely to include coding challenges, discussions on CSS architecture, design system principles, and frontend framework knowledge. Expect questions on Sass, JavaScript/TypeScript, and component implementation.

• Portfolio Review Session: A dedicated session to walk through your portfolio, discussing your contributions, design decisions, and the impact of your work on past projects. Be prepared to elaborate on your experience with design systems and SCSS frameworks.

• Behavioral/Team Fit Interview: Assessment of your personal qualities, including teamwork, honesty, responsibility, motivation, and product-oriented mindset. You'll discuss how you handle challenges, collaborate, and align with Bloomreach's values.

• Hiring Manager/Final Interview: A discussion with the hiring manager to finalize understanding of the role, team dynamics, and career growth opportunities.

Portfolio Review Tips:

• Curate Selectively: Showcase projects that best highlight your expertise in UI development, design systems, and SCSS architecture. Prioritize quality over quantity.

• Demonstrate Design System Contributions: Clearly articulate your role in building or maintaining design systems, including how you handled tokens, components, documentation, and versioning.

• Highlight SCSS Architecture: Provide examples of your SCSS structure, explaining your approach to modularity, maintainability, and efficiency.

• Showcase Component Reusability: Explain how your implemented components were designed for reusability and adaptability across different contexts.

• Quantify Impact: Where possible, quantify the impact of your work (e.g., reduction in development time, improvement in UI consistency, bug reduction).

• Explain Technical Decisions: Be ready to explain the rationale behind your technical choices, especially concerning CSS specificity, performance, and architecture.

• Include Accessibility and Cross-Browser Work: Demonstrate your commitment to these standards with relevant project examples.

Challenge Preparation:

• CSS/Sass Fundamentals: Refresh your knowledge on advanced CSS concepts, Sass features, and best practices for maintainable stylesheets.

• Design System Concepts: Be ready to discuss common design system patterns, tokenization strategies, and component implementation best practices.

• Frontend Frameworks: Prepare for questions or coding exercises related to Angular (or React/Vue), focusing on component lifecycle, data binding, and state management.

• Problem-Solving Scenarios: Anticipate hypothetical scenarios related to UI bugs, performance issues, or implementing complex designs, and outline your approach.

• AI Tooling Application: Be prepared to discuss how you would leverage AI tools in your daily work for tasks mentioned in the job description.

📝 Enhancement Note: This section provides actionable advice for candidates. The emphasis on a portfolio walkthrough and specific preparation for technical and behavioral interviews is crucial for candidates targeting this role.

🛠 Tools & Technology Stack

Primary Tools:

• CSS Preprocessor: Sass (SCSS) for styling.

• Frontend Framework: Angular (primary), with React and Vue as acceptable alternatives for learning.

• Version Control: Git.

• Build Process: Nx, Angular CLI, custom ts-node and Node scripts.

Analytics & Reporting:

CRM & Automation:

AI Tools:

• AI-assisted development tools for code generation, refactoring suggestions, documentation, and potentially testing.

📝 Enhancement Note: This section clearly outlines the primary technologies candidates will be working with. Highlighting Angular as the current primary framework while accepting React/Vue shows flexibility, and the mention of Nx and Angular CLI provides specific build tool context. The emphasis on AI tools is a significant differentiator.

👥 Team Culture & Values

Operations Values:

• Product-Oriented Mindset: A strong focus on understanding the user problem and the impact on the end-user, not just the technical implementation.

• Diversity and Open-mindedness: Valuing diverse perspectives and fostering an inclusive environment.

• Honesty and Focus on Outcomes: Discussing problems openly, maintaining focus on essential goals, and driving towards results.

• Ownership and Responsibility: Taking full responsibility for one's work, ensuring quality from development through to production.

• Motivation to Grow: A drive for continuous learning, seeking feedback, and actively improving both the product and the underlying systems.

Collaboration Style:

• Tight Collaboration: Working closely with product designers, product managers, and fellow frontend developers.

• Technical Partnership: Acting as a technical partner to designers, contributing to design reviews and shaping visual representation.

• Knowledge Sharing: Implicit in a team environment where mentoring and code reviews are expected.

• Feedback Exchange: A culture that values feedback for continuous improvement, both for individuals and the systems they build.

📝 Enhancement Note: The company's stated values are crucial for candidates to assess cultural fit. The emphasis on product-orientation, honesty, ownership, and growth is indicative of a high-performing, results-driven team.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Consistency at Scale: Ensuring UI consistency across a large and evolving application with multiple contributors.

• Balancing Innovation and Stability: Integrating new CSS features and design trends while maintaining backward compatibility and system stability.

• Technical Debt Management: Identifying and refactoring legacy styles and code within a large, established codebase.

• Cross-Functional Alignment: Effectively collaborating with design and product to balance UX, technical feasibility, and delivery timelines.

• Adopting AI Tools Effectively: Integrating AI assistance into the workflow while maintaining ownership and quality assurance.

Learning & Development Opportunities:

• Advanced CSS & Frontend Techniques: Deepen expertise in modern CSS capabilities, responsive design patterns, and frontend performance optimization.

• Design System Best Practices: Gain comprehensive experience in building, scaling, and maintaining robust design systems.

• Cross-Framework Exposure: Learn and apply design system principles across different frontend frameworks (Angular, React, Vue).

• AI in Development: Become proficient in leveraging AI tools for enhanced productivity and innovation in the development process.

• Technical Leadership: Opportunities to take ownership of architectural decisions, mentor junior developers, and influence the technical roadmap.

📝 Enhancement Note: Highlighting potential challenges helps candidates prepare and assess their fit. The growth opportunities directly tie into the role's responsibilities and the company's forward-looking approach with AI.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you significantly contributed to a design system or UI component library. What was your role, what challenges did you face, and what was the impact?"

• "How would you approach refactoring a large, legacy SCSS codebase to improve maintainability and performance? Walk us through your strategy."

• "Imagine a product designer proposes a new UI element that doesn't fit neatly into our existing component library. How would you collaborate with them to find a solution that is both user-friendly and maintainable?"

• "How do you ensure cross-browser compatibility and web accessibility in your UI implementations?"

Company & Culture Questions:

• "Based on our company's mission and focus on AI-driven personalization, how do you see your role as a UI Developer contributing to our overall success?"

• "How do you align with Bloomreach's values of product-orientation, honesty, ownership, and continuous growth?"

Portfolio Presentation Strategy:

• Tell a Story: For each project, explain the problem, your solution, the technical details (especially CSS/Sass architecture and component design), and the outcome.

• Focus on Design System Impact: Clearly articulate your contributions to design systems – how you created reusable elements, documented them, and facilitated their adoption.

• Showcase SCSS Expertise: Be prepared to dive deep into your SCSS examples, explaining your architectural choices, use of mixins/functions, and theming strategies.

• Quantify Results: Use metrics where possible to demonstrate the impact of your work (e.g., "reduced styling-related bugs by X%", "enabled faster feature delivery for Y teams").

• Be Ready for Live Coding/Whiteboarding: Some interviews may include live coding exercises to assess your practical skills in CSS, Sass, and framework implementation.

📝 Enhancement Note: These sample questions and presentation strategies are tailored to the specific requirements of the UI Developer role, emphasizing design systems, SCSS architecture, AI integration, and collaborative problem-solving.

📌 Application Steps

To apply for this UI Developer position:

• Submit your application through the provided Greenhouse link.

• Tailor your Resume: Highlight your experience with CSS, Sass, Angular (or React/Vue), design systems, component libraries, and Git. Quantify your achievements wherever possible.

• Prepare Your Portfolio: Curate a selection of your best work that demonstrates your UI development skills, focusing on design system contributions, SCSS architecture, and implemented components. Ensure it's easily accessible (e.g., a personal website, GitHub repository, or dedicated portfolio platform).

• Practice Your Portfolio Walkthrough: Be ready to present your portfolio to the hiring team, explaining your process, technical decisions, and the impact of your contributions.

• Research Bloomreach: Understand their product, mission, and company values to articulate how your skills and aspirations align with their goals.

• Prepare for Technical Questions: Brush up on CSS specificity, Sass best practices, frontend framework concepts, and design system principles.

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

---