Senior Frontend Developer mit UX-Mindset (d/m/w)

📍 Job Overview

Job Title: Senior Frontend Developer with UX Mindset (d/f/m/x)

Company: Haufe Group (Lexware)

Location: Freiburg im Breisgau, Baden-Württemberg, Germany

Job Type: Full-time (Vollzeit)

Category: Frontend Development / UX / AI Integration

Date Posted: May 06, 2026

Experience Level: 5-10 Years (Professional)

Remote Status: Hybrid

🚀 Role Summary

• Develop high-performance, AI-powered web applications with a strong focus on user experience and social media interaction, leveraging advanced frontend technologies.

• Integrate cutting-edge Large Language Models (LLMs) directly into the user interface and act as an AI Agent Coordinator to optimize frontend logic and AI agent behavior.

• Contribute to the development of an AI-based agent for enhanced social media success for small and micro-businesses, driving innovation in the digital transformation space.

• Collaborate within an agile team environment, embracing the MVP approach for rapid feedback and iterative development of intelligent solutions.

📝 Enhancement Note: This role is positioned within Team KIM (KI-Marketing), focusing on AI-driven marketing solutions for Lexware's customer base of small and micro-businesses. The core of the role involves bridging advanced frontend development with the practical application of AI/LLMs to create engaging and effective social media tools. The emphasis on "UX Mindset" and "AI Agent Coordinator" highlights a strategic blend of technical skill and user-centric design within an innovative AI context.

📈 Primary Responsibilities

• Develop and maintain performant, scalable, and user-friendly web applications using React and TypeScript, building modular and reusable components.

• Design and implement intuitive user interfaces that enhance the experience of AI-powered features, ensuring seamless interaction and user delight.

• Integrate and manage Large Language Models (LLMs) within the frontend architecture, optimizing their output and behavior for specific application needs.

• Act as an AI Agent Coordinator, understanding the principles of AI agent orchestration and ensuring their effective integration with frontend functionalities.

• Collaborate closely with product managers, backend developers, and UX designers to translate business requirements and AI capabilities into tangible user-facing solutions.

• Champion the MVP (Minimum Viable Product) approach, facilitating rapid iteration cycles and incorporating user feedback to drive product evolution.

• Contribute to architectural decisions and technology selection for frontend development, ensuring alignment with long-term strategic goals.

• Participate actively in agile ceremonies (sprint planning, daily stand-ups, retrospectives) and contribute to continuous process improvement within the team.

📝 Enhancement Note: The responsibilities emphasize a dual focus on advanced frontend development (React, TypeScript) and the practical application of AI technologies (LLMs, AI Agent Coordination). The "AI Agent Coordinator" aspect suggests a need for understanding how to manage and direct AI entities to serve specific user goals within the web application, bridging the gap between AI capabilities and frontend execution.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in Computer Science, Software Engineering, or a related field, demonstrable through experience, is expected.

Experience: Minimum of five years of professional experience in frontend development, with a proven track record of delivering complex web applications.

Required Skills:

• Advanced React Expertise: Minimum five years of hands-on experience with React for building complex, modular, and performant user interfaces.

• TypeScript Proficiency: Deep understanding and practical application of TypeScript in large-scale frontend projects for enhanced code quality and maintainability.

• User Experience (UX) Focus: A strong understanding of UX principles, user-centered design methodologies, and the ability to translate user needs into intuitive interfaces.

• AI Integration & LLM Understanding: Experience integrating LLMs into applications and a foundational understanding of how to leverage their capabilities.

• AI Agent Coordination: Basic knowledge and experience in controlling and orchestrating AI agents, ensuring their effective interaction with frontend logic.

• Agile Methodologies: Proven experience working within agile frameworks (e.g., Scrum, Kanban), including participation in sprint planning, stand-ups, and retrospectives.

• MVP Approach: Demonstrated ability to work with and champion the Minimum Viable Product (MVP) strategy for iterative development and rapid feedback loops.

• German Language Proficiency: Very good German language skills (minimum C1 level) for effective communication within the team and company.

Preferred Skills:

• Backend Development (Java/Spring Boot): Experience with Java and the Spring Boot framework for building robust backend services.

• Cloud Architecture (AWS): Familiarity with cloud platforms, particularly Amazon Web Services (AWS), for deploying and managing web applications.

• Frontend Performance Optimization: Skills in optimizing frontend applications for speed, scalability, and responsiveness.

• UI/UX Design Tools: Experience with design and prototyping tools (e.g., Figma, Sketch) can be beneficial for collaboration.

• Testing Frameworks: Proficiency in frontend testing frameworks (e.g., Jest, React Testing Library) for ensuring code quality.

📝 Enhancement Note: The required experience level and specific technologies (React, TypeScript, LLM integration, AI Agent Coordination) clearly indicate a senior role. The "AI Agent Coordinator" requirement is unique and suggests a forward-thinking approach to AI application development, where developers are expected to not only integrate AI models but also manage their operational behavior.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate successful development of complex, user-facing web applications, highlighting your role and contributions.

• Showcase projects that emphasize a strong user experience, including examples of user interface design, interaction patterns, and user feedback incorporation.

• Include examples of projects where you have integrated third-party APIs or complex functionalities, particularly those involving AI or machine learning components if available.

• Present case studies or examples that illustrate your approach to iterative development, MVP implementation, and how you've leveraged feedback for product improvement.

Process Documentation:

• Provide evidence of your involvement in defining and refining development workflows within agile teams.

• Show examples of how you approach technical problem-solving, including debugging, performance analysis, and optimization strategies.

• Illustrate your understanding of the software development lifecycle, from conception and development through testing and deployment.

• Be prepared to discuss your experience with CI/CD pipelines and automated testing practices.

📝 Enhancement Note: For a senior frontend role with AI integration, a portfolio should emphasize not just code quality but also the strategic application of technology to solve user problems. The AI Agent Coordinator aspect implies a need to demonstrate an understanding of system interactions and potentially how to configure or manage AI entities.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Senior Frontend Developers in Germany with 5-10 years of experience, especially those with specialized skills in AI integration and cloud technologies, a competitive salary range is estimated between €65,000 and €85,000 annually. This range can vary based on specific skills, interview performance, and negotiation.

Benefits:

• Hybrid Work Model: A flexible combination of office-based work in Freiburg and remote work from home, fostering work-life balance.

• Flexible Working Hours: Adaptable work schedules to accommodate personal needs and optimize productivity.

• Continuing Education and Development: Extensive opportunities for professional growth, including training, workshops, conferences, and certifications.

• Great Place to Work® Certification: Recognition for a positive and supportive workplace culture.

• Team-Oriented Environment: Opportunities to work in a collaborative team where ideas are valued and shared.

• Innovative Projects: Involvement in cutting-edge projects utilizing AI and modern web technologies.

• Employee Wellbeing Programs: Potential access to health and wellness initiatives.

Working Hours: The standard working hours are 40 hours per week, with flexibility offered through the hybrid work model and flexible working time arrangements.

📝 Enhancement Note: The salary estimate is based on typical compensation for senior-level software engineering roles in Germany, adjusted for the specific technology stack (React, TypeScript, AI/LLM) and the location in Freiburg. The benefits listed are directly derived from the job description's "Zusätzliche Informationen" section, focusing on aspects attractive to experienced professionals.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software and Digital Transformation. Lexware, as part of the Haufe Group, operates in the business software sector, focusing on solutions for small and micro-businesses. The Haufe Group itself is a leader in digital transformation, leveraging intelligent technologies and AI.

Company Size: Haufe Group SE is a significant player in the digital transformation space, employing over 1,500 people globally. Lexware, as a brand within the group, serves over 600,000 small and micro-businesses. This indicates a well-established company with a strong market presence and resources, offering stability alongside innovation.

Founded: The Haufe Group has a long history, founded in 1927, emphasizing its stability and experience. Lexware has been a key part of this evolution, focusing on digital solutions for businesses. This historical depth suggests a company that values long-term vision and adaptation.

Team Structure:

• The role is within "Team KIM (KI-Marketing)," which focuses on developing an AI-based agent for social media success. This suggests a specialized, agile team focused on innovation.

• The team structure likely involves a Product Manager (Thorsten), Fullstack Developers (Alex), Scrum Masters (Laetitia), and Senior Frontend Developers like the one being hired.

Methodology:

• Agile Development: The team operates with an agile mindset, utilizing practices like the MVP approach for rapid feedback and iterative development.

• AI-Driven Innovation: A core methodology is the use of intelligent technologies and AI, including LLMs and AI agents, to create novel solutions for customers.

• Customer-Centricity: A strong focus on understanding customer needs and ensuring that AI-powered tools provide tangible business value and a positive user experience.

• Data-Informed Decisions: While not explicitly stated for this role, the Haufe Group's focus on digital transformation and AI implies a data-driven approach to product development and optimization.

Company Website: https://www.haufegroup.com/ and https://www.lexware.de/

📝 Enhancement Note: The company culture emphasizes innovation, digital transformation, and customer success, particularly for small businesses. The specific team (Team KIM - AI Marketing) points to a cutting-edge area of development within the larger Haufe Group. The "Great Place to Work®" certification reinforces a positive and employee-centric work environment.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior Frontend Developer role, indicating a professional with significant experience (5-10 years) who is expected to work independently, contribute to architectural decisions, and mentor junior team members. The "UX Mindset" and "AI Agent Coordinator" aspects suggest a path towards specialized roles in AI-driven product development or frontend architecture.

Reporting Structure: The role reports to the Product Manager (Thorsten) within Team KIM. Collaboration will be close with other team members, including backend developers and the Scrum Master (Laetitia). This structure supports agile team dynamics and direct communication.

Operations Impact: The developer will directly impact the success of Lexware's AI-based social media agent, a key initiative for enhancing customer value and business outcomes for their small business clientele. Their work will shape how AI is perceived and utilized by their target market, contributing to Lexware's leadership in digital solutions.

Growth Opportunities:

• Specialization in AI/LLMs: Deepen expertise in integrating and coordinating AI agents and LLMs, potentially leading to roles focused on AI product development or AI engineering.

• Frontend Architecture: Grow into a lead frontend architect role, influencing technical direction, best practices, and technology choices for future projects.

• Team Leadership: Develop leadership skills by mentoring junior developers, leading feature development, and potentially moving into a Tech Lead position.

• Cross-Functional Expertise: Expand knowledge into backend development (Java/Spring Boot) and cloud architecture (AWS) through collaboration and company-provided training, enabling a more holistic approach to software development.

• UX Leadership: Further develop UX expertise, contributing to product strategy and user research, potentially moving towards a Senior UX Engineer or Product Designer role.

📝 Enhancement Note: The growth opportunities are tied to the specialized nature of the role (AI integration, UX) and the senior level, offering paths for both technical deepening and leadership within an innovative tech environment.

🌐 Work Environment

Office Type: The Haufe Group promotes a hybrid work model, combining office presence with remote work. This suggests a modern office setup designed for collaboration and focused work, alongside the flexibility of remote work.

Office Location(s): The primary office location is Freiburg im Breisgau, Germany, at Munzinger Straße 9. This location offers a balance between a vibrant city and a strategic position in Baden-Württemberg.

Workspace Context:

• Collaborative Spaces: The office environment is likely equipped with meeting rooms, breakout areas, and open-plan spaces conducive to team collaboration and knowledge sharing.

• Modern Technology: Access to up-to-date development tools, hardware, and software necessary for advanced frontend and AI development.

• Team Interaction: Opportunities for regular interaction with colleagues through daily stand-ups, team meetings, and informal communication channels, fostering a strong team spirit.

• Flexibility: The hybrid model allows for a personalized workspace arrangement, balancing in-office collaboration with the comfort and focus of a home office.

Work Schedule: The standard working hours are 40 hours per week, with significant flexibility offered. This allows developers to manage their time effectively, especially important for tasks requiring deep concentration in frontend development and AI integration.

📝 Enhancement Note: The hybrid model and flexible hours are key aspects of the work environment, catering to modern professional expectations and supporting deep work required for complex development tasks.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a brief call with HR or a recruiter to assess basic qualifications, motivation, and cultural fit.

• Team Interview (Product Manager & Developer): Expect to discuss your experience with React, TypeScript, UX, and AI integration. Be prepared to articulate your approach to building user-centric applications and integrating complex technologies. This stage will likely involve technical questions and behavioral inquiries.

• Portfolio Review & Technical Deep Dive: A session where you present your portfolio, showcasing relevant projects. Expect in-depth questions about your technical decisions, problem-solving strategies, and how you’ve handled challenges in previous roles. The "AI Agent Coordinator" aspect may be explored here with specific examples.

• Final Interview (Potentially with Hiring Manager/Senior Leadership): A broader discussion focused on your career aspirations, how you align with the company's values, and your vision for contributing to Team KIM's success.

Portfolio Review Tips:

• Curate Selectively: Choose 2-3 projects that best demonstrate your skills in React, TypeScript, UX design, and ideally, any AI/LLM integration experience.

• Structure Your Narrative: For each project, explain the problem statement, your role and responsibilities, the technical challenges you faced, the solutions you implemented, and the impact/outcomes achieved. Quantify results where possible.

• Highlight AI/UX Synergy: Clearly articulate how you approached user experience in AI-driven features and your role as an AI Agent Coordinator. If direct AI agent coordination experience is limited, discuss your understanding of the principles and how you'd approach it.

• Showcase MVP & Agility: Explain how you’ve applied MVP principles and iterative development to gain insights and deliver value quickly.

• Be Ready for Code Discussion: Have your code repositories (e.g., GitHub) accessible and be prepared to discuss specific code snippets or architectural decisions.

Challenge Preparation:

• Frontend Challenge: You might be given a small coding challenge or a take-home assignment focused on building a React component with TypeScript, implementing a specific UI pattern, or integrating a mock API.

• Problem-Solving Scenario: Be ready to discuss how you would approach a hypothetical problem related to integrating an LLM into a social media tool or optimizing the interaction between an AI agent and the frontend.

• Technical Q&A: Prepare for questions on advanced React concepts, state management, performance optimization, TypeScript best practices, and foundational knowledge of AI/LLM concepts.

📝 Enhancement Note: The emphasis on "Team-Recruiting" suggests that the team members themselves will be involved in the interviews, leading to a more practical and technical assessment. The portfolio is crucial, especially for demonstrating the unique "AI Agent Coordinator" skill set.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (Extensive use)

• Language: TypeScript (Primary for frontend development)

• State Management: Likely Redux, Zustand, or React Context API (depending on project complexity)

• Styling: CSS Modules, Styled Components, or similar modern CSS solutions.

• Build Tools: Webpack, Vite, or similar.

Analytics & Reporting:

• Web Analytics: Google Analytics or similar tools for tracking user behavior and application performance.

• Performance Monitoring: Tools for monitoring frontend application performance and identifying bottlenecks.

• Dashboarding: Potentially tools for creating internal dashboards to track key metrics for the AI agent.

CRM & Automation:

• Version Control: Git (mandatory)

• Project Management: Jira, Confluence, or similar tools for agile project management and documentation.

• CI/CD: Jenkins, GitLab CI, GitHub Actions, or similar for automated build, test, and deployment pipelines.

AI & Backend Technologies (Preferred/Integrated):

• LLMs: Integration with various Large Language Models.

• AI Agent Orchestration Tools/Frameworks: Understanding of relevant libraries or platforms for coordinating AI agents.

• Backend Language: Java (preferred)

• Backend Framework: Spring Boot (preferred)

• Cloud Platform: AWS (preferred)

📝 Enhancement Note: The core stack is React and TypeScript, with a clear mandate for AI integration. The preferred backend and cloud technologies indicate a potential for full-stack contribution or at least a need for understanding how frontend interacts with these systems.

👥 Team Culture & Values

Operations Values:

• Innovation & Digital Transformation: A commitment to leveraging intelligent technologies like AI and LLMs to create cutting-edge solutions and drive digital progress.

• Customer Centricity: A strong focus on understanding and serving the needs of small and micro-businesses, ensuring that developed solutions provide tangible value.

• Teamwork & Collaboration: An emphasis on interdisciplinary cooperation, open communication, and mutual support within the team and across departments.

• Agility & MVP Mindset: Embracing agile principles, iterative development, and rapid feedback loops to adapt quickly and deliver effective products.

• Proactive & Results-Oriented: An expectation for team members to work independently, take initiative, and strive for impactful, goal-oriented outcomes.

• Passion for Technology: A genuine enthusiasm for new technologies, experimentation, and exploring how emerging tools like AI can revolutionize user experiences.

Collaboration Style:

• Interdisciplinary: Close collaboration between frontend, backend, product management, and UX.

• Open Communication: Encouragement of sharing ideas, providing constructive feedback, and active participation in discussions.

• Knowledge Sharing: A culture that promotes learning from each other, potentially through code reviews, pair programming, and internal tech talks.

• Agile Ceremonies: Structured collaboration through daily stand-ups, sprint planning, reviews, and retrospectives.

• Proactive Contribution: Team members are encouraged to bring their own ideas forward to drive the team's vision and project success.

📝 Enhancement Note: The team culture appears to be a blend of innovative tech focus (AI, digital transformation) and a strong collaborative, agile ethos, underpinned by a commitment to customer success for small businesses.

⚡ Challenges & Growth Opportunities

Challenges:

• Cutting-Edge AI Integration: Effectively integrating and coordinating advanced AI models (LLMs, AI agents) into a user-friendly frontend application, which involves overcoming technical hurdles and ensuring seamless user experience.

• Balancing Innovation with Stability: Developing novel AI-driven features while maintaining the performance, scalability, and reliability expected of business software.

• UX for AI: Designing intuitive user experiences for AI-powered features, which can be complex and require careful consideration of user expectations and capabilities.

• Cross-Functional Dependencies: Managing dependencies and ensuring smooth communication between frontend, backend, and AI development efforts.

• Rapidly Evolving AI Landscape: Staying abreast of the fast-paced advancements in AI and LLM technology and adapting development strategies accordingly.

Learning & Development Opportunities:

• Deep Dive into AI/LLM Technologies: Gain hands-on experience with the latest AI models, frameworks, and tools for agent orchestration.

• Advanced Frontend Architecture: Develop expertise in designing and implementing complex, scalable frontend architectures.

• UX Design for AI Applications: Specialize in user experience design tailored for AI-powered products, a growing and in-demand field.

• Cloud Technologies (AWS): Enhance skills in cloud deployment, management, and architecture through collaboration with backend teams.

• Backend Development (Java/Spring Boot): Acquire or deepen knowledge in backend development, offering a path towards full-stack capabilities.

• Agile and Product Management: Further develop understanding of agile processes and product management principles through close team collaboration.

📝 Enhancement Note: The challenges are directly related to the innovative nature of the role, particularly the AI integration. The growth opportunities are significant for professionals looking to specialize in high-demand areas of modern software development.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex frontend project you led or significantly contributed to. What were the key technical challenges, and how did you overcome them using React and TypeScript?" (Focus on problem-solving, architecture, and your senior-level contributions.)

• "How would you approach designing the user experience for an AI-powered social media assistant? What are the key considerations for integrating LLMs and AI agents in a way that is intuitive and valuable for small business owners?" (Prepare to discuss UX principles, user journey mapping, and the unique aspects of AI interaction.)

• "Imagine you need to coordinate an AI agent to generate social media posts based on user prompts. What are the key technical steps and considerations from a frontend perspective to ensure the agent behaves as expected and the output is relevant?" (Demonstrate your understanding of AI Agent Coordination and frontend integration.)

Company & Culture Questions:

• "What interests you about Haufe Group and Lexware's mission to support small businesses with intelligent solutions?" (Research their customer base and digital transformation goals.)

• "How do you see AI impacting the future of business software for small and medium-sized enterprises?" (Align your vision with the company's direction.)

Portfolio Presentation Strategy:

• Start with the "Why": Clearly articulate the business problem or user need each project addressed.

• Highlight Your Role & Impact: Be specific about your contributions, especially concerning React, TypeScript, UX, and any AI/LLM aspects. Quantify your impact whenever possible (e.g., "improved load times by X%", "led to Y% increase in user engagement").

• Technical Deep Dive on AI/UX: For AI-related projects, explain your approach to integration, coordination, and user experience design. If you don't have direct AI agent coordination experience, discuss your understanding of the principles and how you would apply them.

• Showcase MVP & Agility: Illustrate how you've used iterative development and feedback loops to drive project success.

• Engage Your Audience: Make it a conversation, not a monologue. Be prepared for questions and discussions about your technical choices.

Challenge Preparation:

• Coding Proficiency: Practice common React/TypeScript patterns, component composition, and state management.

• Problem-Solving Framework: Have a structured approach to tackling technical challenges, such as breaking down problems, identifying constraints, and evaluating solutions.

• AI/LLM Concepts: Familiarize yourself with basic LLM functionalities, prompt engineering principles, and the concept of AI agents.

📝 Enhancement Note: The interview preparation emphasizes demonstrating both strong technical frontend skills and a strategic understanding of AI integration and user experience, particularly within the context of small business solutions.

📌 Application Steps

To apply for this Senior Frontend Developer position:

• Submit your application through the provided link on SmartRecruiters.

• Tailor Your Resume: Highlight your 5+ years of experience in React and TypeScript. Explicitly mention any experience with UX design, AI/LLM integration, or AI agent concepts. Use keywords from the job description like "AI-powered web applications," "User Experience," "LLM integration," and "AI Agent Coordinator."

• Curate Your Portfolio: Select 2-3 of your most relevant projects that showcase your React/TypeScript expertise, UX focus, and any AI/LLM work. Prepare a clear narrative for each, focusing on your role, challenges, solutions, and impact.

• Prepare for Technical & Behavioral Questions: Review common React/TypeScript interview questions, and be ready to discuss your approach to UX and AI integration. Prepare examples for behavioral questions related to teamwork, agility, and problem-solving.

• Research Haufe Group & Lexware: Understand their mission, target audience (small businesses), and their commitment to digital transformation and AI. This will help you tailor your responses and demonstrate genuine interest.

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