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

📍 Job Overview

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

Company: Haufe Group

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

Job Type: Vollzeit (Full-time)

Category: Frontend Development / UX Engineering

Date Posted: 2026-04-14

Experience Level: 5-10 Years (Professional)

Remote Status: Hybrid

🚀 Role Summary

• Develop and maintain performant, AI-powered web applications with a strong emphasis on user experience and social media interaction.

• Integrate cutting-edge Large Language Models (LLMs) directly into the user interface to enhance functionality and user engagement.

• Act as an AI agent coordinator, ensuring seamless interaction between AI agents and frontend logic for optimal performance.

• Contribute to the entire development lifecycle, from concept and design to implementation and deployment, within an agile framework.

• Collaborate closely with product management, backend, and UX teams to deliver innovative solutions that drive entrepreneurial success on social media platforms.

📝 Enhancement Note: This role is positioned as a Senior Frontend Developer with a significant focus on User Experience (UX) and the integration of Artificial Intelligence (AI), specifically LLMs and AI agents. The "UX-Mindset" implies that beyond technical implementation, a deep understanding and proactive application of user-centered design principles are critical. The "AI-Agenten-Koordinator" aspect suggests a need for understanding AI orchestration, not just consumption.

📈 Primary Responsibilities

• Architect, develop, and implement modular, reusable frontend components using React and TypeScript, adhering to best practices for performance and scalability.

• Design and execute A/B tests and user feedback loops to continuously improve application usability and engagement metrics.

• Integrate LLMs and other AI services into the frontend, managing API interactions and ensuring a smooth, intuitive user experience.

• Define and manage the communication protocols and orchestration logic for AI agents, ensuring they effectively support frontend functionalities and user goals.

• Collaborate with backend developers to define APIs and data structures necessary for AI integration and frontend rendering.

• Participate actively in sprint planning, daily stand-ups, and retrospectives within an agile development team.

• Contribute to technical documentation, code reviews, and knowledge-sharing sessions to foster team growth and maintain code quality.

• Proactively identify and implement performance optimizations and security best practices for frontend applications.

📝 Enhancement Note: The responsibilities highlight a blend of core senior frontend development with specialized AI integration and UX responsibilities. The "AI-Agenten-Koordinator" role suggests a need to understand the operational aspects of AI systems beyond simple API calls, potentially involving prompt engineering, workflow management, and monitoring of AI agent behavior.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in Computer Science, Software Engineering, or a related field, demonstrated 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: In-depth knowledge of React, its ecosystem, and best practices for building scalable and maintainable applications.

• TypeScript Proficiency: Strong command of TypeScript for robust frontend development, including type definitions and advanced features.

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

• AI Integration: Experience integrating AI models, particularly LLMs, into web applications, including API consumption and data handling.

• AI Agent Coordination: Foundational knowledge in steering and orchestrating AI agents, understanding their behavior and how to align them with frontend logic.

• Agile Methodologies: Proven experience working within agile frameworks (Scrum, Kanban), including participation in ceremonies and iterative development cycles.

• Performance Optimization: Ability to identify and resolve performance bottlenecks in frontend applications.

• Excellent German Language Skills: Minimum C1 level, as the team's primary language is German.

Preferred Skills:

• Backend Development: Familiarity with Java and Spring Boot for a holistic understanding of the application stack.

• Cloud Architecture (AWS): Experience with cloud platforms, specifically AWS, for deploying and managing web applications.

• UI/UX Tools: Proficiency with design and prototyping tools (e.g., Figma, Sketch) is advantageous.

• CI/CD Pipelines: Experience with continuous integration and continuous deployment processes.

• Social Media Platform Knowledge: Understanding of how content is consumed and interacted with on various social media channels.

📝 Enhancement Note: The "AI-Agenten-Koordinator" requirement is a unique element. Candidates should be prepared to discuss their understanding of AI agent orchestration, which might involve concepts like multi-agent systems, prompt chaining, or managing AI workflows, even if they haven't formally held such a title. The emphasis on "KI-gestützte Agenten" and LLM integration points towards a forward-thinking role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least 2-3 complex frontend projects demonstrating advanced React and TypeScript usage.

• Highlight projects where UX principles were central to the design and development process, with clear examples of user-centric decisions.

• Include examples of applications that integrate external APIs or services, ideally demonstrating experience with AI/ML model integration.

• Present projects that were developed within an agile environment, detailing your role and contributions within the team.

Process Documentation:

• Be prepared to discuss your personal development workflow, including how you approach problem-solving, code structuring, and testing.

• Detail your experience with agile processes, including sprint participation, feedback integration, and continuous improvement.

• Articulate your approach to ensuring high-quality frontend code through practices like code reviews, unit/integration testing, and performance profiling.

• Explain how you gather and incorporate user feedback into the development process to iteratively improve the product.

📝 Enhancement Note: Given the emphasis on AI and UX, a portfolio that clearly demonstrates a candidate's ability to blend technical frontend skills with an understanding of AI capabilities and user-centric design will be highly valued. Specific examples of how AI was leveraged to enhance UX are crucial.

💵 Compensation & Benefits

Salary Range: For a Senior Frontend Developer with 5-10 years of experience in Freiburg im Breisgau, Germany, the estimated annual gross salary range is €65,000 - €85,000. This range is based on industry benchmarks for senior engineering roles in Germany, considering the cost of living in Freiburg, and the specific technical and AI-related requirements of the role.

Benefits:

• Hybrid Work Model: A flexible combination of office presence in Freiburg and remote work, allowing for better work-life balance.

• Flexible Working Hours: Options for flexible scheduling to accommodate personal needs and optimize productivity.

• Professional Development Opportunities: Access to training, workshops, and conferences to enhance technical skills and career growth.

• Great Place to Work® Certification: A testament to a positive and supportive work environment.

• Modern Tech Stack: Opportunity to work with cutting-edge technologies, including AI and LLMs.

• Team-Oriented Culture: Emphasis on collaboration, knowledge sharing, and a supportive team environment.

Working Hours: The standard working hours are approximately 40 hours per week, with flexibility offered through the flexible working hours policy.

📝 Enhancement Note: The salary estimate is based on data from German job boards and salary aggregators (e.g., Glassdoor, StepStone, Kununu) for Senior Frontend Developers in the Baden-Württemberg region, adjusted for the specific AI and UX focus which may command a premium. The benefits listed are directly from the job description, highlighting the company's commitment to employee well-being and development.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software and Digital Transformation Services. Haufe Group is a recognized leader in digital transformation, with Lexware specializing in business software for small and medium-sized enterprises (SMEs).

Company Size: The Haufe Group is a significant player, and Lexware, as part of it, serves over 600,000 small and micro-businesses in Germany. The "Team KIM" likely comprises a dedicated group focused on AI-driven social media solutions.

Founded: Haufe Group has a long history, established in 1968, indicating a stable and experienced organization. Lexware also has a significant market presence.

Team Structure:

• Team KIM: This is a specialized team focused on developing an AI-based agent for social media success. The team consists of individuals with diverse roles, including Product Manager (Thorsten), Fullstack Developer (Alex), and Scrum Master (Laetitia), indicating a cross-functional, agile setup.

• Reporting Structure: While not explicitly stated, the description suggests a flat hierarchy within Team KIM, with individuals collaborating closely and contributing ideas. The Scrum Master likely facilitates the team's processes.

• Cross-functional Collaboration: The role emphasizes close collaboration with Product Management, other developers (frontend and backend), and UX specialists. The team-based recruiting approach ("Team-Recruiting") further underscores a collaborative culture.

Methodology:

• Agile Development: The team operates on agile principles, evidenced by mentions of MVP focus, iterative feedback, and agile mindsets.

• AI-Driven Innovation: The core mission involves leveraging AI and LLMs to create intelligent, personalized, and interactive content solutions for social media.

• User-Centricity: A strong emphasis is placed on User Experience, ensuring that developed tools are not only technically sound but also delightful for customers.

• Data-Informed Decisions: While not explicitly detailed, the nature of AI development and UX improvement implies a reliance on data for insights and decision-making.

Company Website: https://www.haufegroup.com/ (Haufe Group) and https://www.lexware.de/ (Lexware)

📝 Enhancement Note: The company culture appears to be a blend of established corporate stability (Haufe Group) with a dynamic, innovative approach within specialized teams like KIM. The emphasis on "clevere Lösungen" (clever solutions) and "intelligente Technologien" highlights a forward-thinking environment. The "Great Place to Work®" certification reinforces a commitment to positive employee experience.

📈 Career & Growth Analysis

Operations Career Level: This role is designated as "Senior Frontend Developer" with a "Professionals" career level. This signifies a position requiring significant technical expertise, independent problem-solving, and the ability to mentor or guide less experienced team members. The scope includes not just coding but also architectural input, UX strategy, and AI integration coordination.

Reporting Structure: The candidate will likely report to a Product Manager (like Thorsten) or a Team Lead within the KIM team. The Scrum Master (Laetitia) will facilitate the team's processes. Collaboration is expected to be horizontal across disciplines within the team.

Operations Impact: The impact of this role is directly tied to enhancing the success of small and micro-businesses on social media through AI-powered tools. Success means improving customer engagement, content generation efficiency, and ultimately, the business outcomes for Lexware's clients. This is a direct contribution to the company's mission of "active shaping of the future for our customers."

Growth Opportunities:

• Technical Specialization: Deepen expertise in AI integration, LLMs, and advanced frontend architectures.

• Leadership Development: Potential to grow into a Tech Lead role, guiding technical direction and mentoring junior developers within AI-focused projects.

• Cross-Functional Skill Acquisition: Gain experience in backend development (Java/Spring Boot) and cloud infrastructure (AWS) if desired.

• Product Ownership: Opportunity to contribute significantly to product strategy and roadmap development for AI-driven social media tools.

• Industry Expertise: Become a subject matter expert in the intersection of AI, UX, and social media marketing technology.

📝 Enhancement Note: The growth path is strongly tied to specialization in AI and UX within a frontend context. The "AI-Agenten-Koordinator" aspect could be a stepping stone into AI product management or AI operations roles, depending on the individual's interests and the company's future needs. The company's focus on digital transformation suggests ongoing opportunities in emerging technologies.

🌐 Work Environment

Office Type: Hybrid work model, combining office presence with remote work. The office is located at Munzinger Straße 9 in Freiburg im Breisgau.

Office Location(s): The primary office location specified is Freiburg im Breisgau, Germany.

Workspace Context:

• Collaborative Environment: The team-based recruiting and culture emphasis suggest a collaborative and communicative workspace, whether in the office or remotely.

• Modern Tools & Technology: Access to modern development tools and technologies, including AI platforms and cloud infrastructure, is implied.

• Team Interaction: Opportunities for direct interaction with team members (Product Manager, Backend Developers, Scrum Master, etc.) for brainstorming, problem-solving, and knowledge sharing.

Work Schedule: Standard full-time employment with flexible working hours, allowing for a degree of autonomy in structuring the workday around core team activities and personal needs.

📝 Enhancement Note: The hybrid model and flexible working hours are key aspects of the work environment, catering to modern employee preferences for work-life integration. The Freiburg office serves as a hub for collaboration and team building.

📄 Application & Portfolio Review Process

Interview Process:

• Team-Based Recruiting: Expect interviews to be conducted by the team members themselves (e.g., Thorsten, Alex, Laetitia). This indicates a focus on cultural fit and direct peer assessment.

• Technical Assessment: Likely includes discussions on React, TypeScript, UX principles, and AI integration concepts. Be prepared to explain your approach to building performant and user-friendly applications.

• AI/UX Focus: Expect questions probing your understanding of LLMs, AI agent coordination, and how you translate UX needs into technical solutions.

• Problem-Solving/Case Study: A practical exercise or discussion about a complex technical challenge, potentially involving AI integration or UX design, is probable.

• Cultural Fit: Assess your alignment with the team's values (e.g., proactivity, passion for technology, teamwork, MVP focus).

Portfolio Review Tips:

• Curate Relevant Projects: Select projects that best showcase your senior-level React/TypeScript skills, UX design thinking, and any AI integration experience.

• Quantify Impact: For each project, clearly articulate the problem you solved, your specific contributions, the technologies used, and the measurable outcomes (e.g., performance improvements, user satisfaction metrics, efficiency gains).

• Storytelling: Frame your project descriptions as compelling narratives. Explain the "why" behind your technical decisions, especially those related to UX and AI.

• Demonstrate AI/UX Synergy: Explicitly highlight how AI was used to enhance the user experience or solve user pain points. If you've coordinated AI agents, explain the process and outcomes.

• Be Prepared to Walk Through: Have a clear, concise explanation ready for each project, focusing on key technical challenges and solutions.

Challenge Preparation:

• AI Integration Scenarios: Think about how you would integrate LLMs for features like content generation, personalized recommendations, or conversational interfaces.

• UX Design Challenges: Prepare to discuss how you would approach designing a user-friendly interface for an AI-powered tool, considering different user personas and use cases.

• Agile Scenarios: Be ready to discuss how you handle scope changes, prioritize tasks, and collaborate within an agile team.

• Technical Deep Dive: Review advanced React patterns, TypeScript features, and common AWS services.

📝 Enhancement Note: The "Team-Recruiting" aspect is a significant differentiator. Candidates should research the individuals mentioned (Thorsten, Alex, Laetitia) on LinkedIn if possible to understand their backgrounds and potential interview focus areas. The portfolio should directly address the dual focus on advanced frontend development and AI/UX integration.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React

• Language: TypeScript

• AI/ML: Large Language Models (LLMs), AI Agents (specific tools/platforms not detailed but implied for integration)

• Backend Integration: Java, Spring Boot (preferred)

• Cloud Platform: AWS (preferred)

• Development Methodology: Agile (Scrum/Kanban)

• Version Control: Git (standard)

Analytics & Reporting:

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

• User Behavior Analysis: Potentially tools for understanding how users interact with the AI-powered features and UI.

• A/B Testing Frameworks: For iterative UX improvements.

CRM & Automation:

• While not directly mentioned for frontend, the context of Lexware implies potential integration with CRM or business process tools. The AI agent coordination might involve workflow automation principles.

📝 Enhancement Note: The core technology stack is React and TypeScript. The "AI-Agenten-Koordinator" aspect suggests familiarity with concepts around AI orchestration platforms or custom solutions for managing AI agent interactions, even if specific tools aren't listed. Experience with AWS and Java/Spring Boot is a strong plus for full-stack understanding.

👥 Team Culture & Values

Operations Values:

• Innovation & Proactivity: A strong drive to explore and implement new technologies, especially AI, and to actively shape projects.

• User-Centricity: A deep commitment to understanding and serving customer needs through exceptional user experiences.

• Passion for Technology: Enthusiasm for modern technologies and experimentation, particularly in how AI can revolutionize UX.

• Teamwork & Collaboration: Valuing open communication, knowledge sharing, and interdisciplinary cooperation.

• Efficiency & Agility: Embracing the MVP approach for rapid feedback and adopting an agile mindset for flexible development.

• Ownership & Results: A focus on taking responsibility for projects and driving them to successful completion.

Collaboration Style:

• Cross-functional Integration: Close collaboration between frontend, backend, product management, and UX roles.

• Open Communication: Encouragement of bringing ideas forward and engaging in active, interdisciplinary dialogue.

• Knowledge Sharing: Emphasis on learning from each other, likely through code reviews, internal presentations, and pair programming.

• Iterative Improvement: A culture that embraces feedback and uses it to refine products and processes.

📝 Enhancement Note: The team culture appears to be highly collaborative, innovative, and focused on delivering user-centric solutions through agile methodologies. The "passion for new technologies" and "MVP-focus" are key cultural indicators that candidates should align with.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging AI and UX: Effectively translating complex AI capabilities (LLMs, agents) into intuitive and valuable user experiences.

• Rapidly Evolving AI Landscape: Staying current with the fast pace of AI development and integrating new advancements into the product.

• Cross-functional Alignment: Ensuring seamless communication and integration between frontend, backend, and AI components, especially within an agile framework.

• Defining AI Agent Roles: Clearly defining the scope, capabilities, and interaction patterns for AI agents to maximize their effectiveness and avoid user confusion.

• MVP to Scalable Product: Iterating from Minimum Viable Product (MVP) to a robust, scalable solution while maintaining agility.

Learning & Development Opportunities:

• AI Specialization: Gaining hands-on experience with cutting-edge AI technologies and their application in real-world products.

• Advanced Frontend Architecture: Deepening expertise in building complex, performant, and scalable frontend applications.

• UX Strategy & Design: Developing a more profound understanding of UX principles and applying them in an AI-driven context.

• Cloud Computing: Expanding knowledge in AWS services for deployment and infrastructure management.

• Leadership Skills: Opportunities to mentor junior developers and potentially take on technical leadership responsibilities.

📝 Enhancement Note: The primary challenge lies in the novel application of AI for social media success, requiring candidates to be adaptable and innovative. The growth opportunities are substantial, particularly for those eager to specialize at the intersection of AI, frontend development, and UX.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to integrate a complex API or service into a frontend application. What were the biggest challenges, and how did you overcome them?" (Focus on your process, problem-solving, and technical choices.)

• "How do you approach designing a user interface for a feature powered by AI, like an LLM? What are the key considerations for user experience?" (Demonstrate your UX mindset and understanding of AI capabilities.)

• "Imagine you need to coordinate multiple AI agents to achieve a specific user goal on a social media platform. How would you architect this interaction from the frontend perspective?" (Assess your understanding of AI agent orchestration and frontend logic.)

Company & Culture Questions:

• "What excites you about Haufe Group and the Lexware mission, particularly in the context of AI-driven social media tools?" (Show your research and alignment with the company's vision.)

• "How do you embody the 'UX-Mindset' in your daily work as a developer?" (Provide concrete examples of how you prioritize user needs.)

• "Describe your experience working in an agile team. How do you contribute to sprint planning, retrospectives, and continuous improvement?" (Highlight your team player and agile mindset.)

Portfolio Presentation Strategy:

• Focus on Impact: Start each project with the business problem or user need it addressed.

• Highlight AI/UX Synergy: Clearly explain how AI was used to enhance UX and the results achieved. Use visual aids if possible.

• Technical Depth: Be ready to dive into the technical details of your React/TypeScript implementation and any AI integration challenges.

• Your Role: Clearly define your specific contributions, especially in areas like architecture, UX decisions, and AI coordination.

• Conciseness: Present your strongest projects efficiently, focusing on key takeaways.

📝 Enhancement Note: The interview process emphasizes a holistic view of the candidate – technical skills, UX sensibility, AI understanding, and cultural fit. Be prepared to discuss your approach to AI agent coordination as a distinct skill.

📌 Application Steps

To apply for this Senior Frontend Developer position:

• Submit your application through the provided link on SmartRecruiters.

• Tailor your Resume/CV: Highlight your extensive experience with React and TypeScript, explicitly mentioning any projects involving AI, LLMs, or UX-focused development. Use keywords from the job description.

• Prepare Your Portfolio: Curate 2-3 key projects that best demonstrate your senior-level frontend skills, UX design thinking, and any experience with AI integration or agent coordination. Quantify your achievements.

• Research Haufe Group & Lexware: Understand their mission, values, and the specific context of Team KIM's work. Familiarize yourself with Lexware's customer base and offerings.

• Practice Your Pitch: Be ready to articulate your experience, your passion for AI and UX, and your understanding of the role's responsibilities, especially the AI agent coordination aspect. Prepare to walk through your portfolio projects.

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