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 (Lexware)
Location: Freiburg im Breisgau, Baden-Württemberg, Germany
Job Type: Vollzeit (Full-time)
Category: Frontend Development / Software Engineering
Date Posted: May 07, 2026
Experience Level: 5-10 Years
Remote Status: Hybrid

🚀 Role Summary

• Develop and maintain high-performance, AI-powered web applications with a strong emphasis on user experience and social media interaction, leveraging advanced frontend technologies.
• Integrate cutting-edge Large Language Models (LLMs) and orchestrate AI agents to create intelligent, personalized, and interactive content solutions for businesses on social media.
• Collaborate within an agile team environment to drive the development of innovative AI-driven marketing tools, focusing on an MVP approach and rapid feedback loops.
• Contribute to a holistic development process by potentially engaging with backend technologies like Java/Spring Boot and cloud architecture on AWS, ensuring end-to-end solution delivery.

📝 Enhancement Note: This role is positioned as a Senior Frontend Developer with a distinct UX focus, specifically within an AI Marketing (KIM) team. The description emphasizes not just technical frontend skills but also the strategic application of AI and LLMs to enhance user experience and business outcomes on social media. The "AI Agent Orchestration" aspect suggests a role in managing and directing AI functionalities, which is a critical GTM operations component for AI-powered products.

📈 Primary Responsibilities

• Design, develop, and implement performant, AI-driven web applications using React and TypeScript, focusing on modular component architecture and a seamless user experience.
• Integrate and optimize Large Language Models (LLMs) directly into the user interface, ensuring efficient and effective content generation and interaction capabilities.
• Act as an AI Agent Coordinator, applying foundational knowledge of AI agent control and orchestration to align their behavior with frontend logic and business objectives.
• Translate user needs and business requirements into intuitive and engaging frontend solutions that leverage AI for personalization and interactivity on social media platforms.
• Collaborate closely with product managers, backend developers, and UX designers in an agile Scrum environment to deliver Minimum Viable Products (MVPs) and iterate based on user feedback.
• Potentially contribute to backend development using Java/Spring Boot and leverage knowledge of AWS cloud architecture for comprehensive solution design and deployment.
• Proactively identify opportunities for innovation and improvement in AI integration, user experience, and overall application performance.

📝 Enhancement Note: The responsibilities highlight a blend of core senior frontend development expertise with specialized AI integration and coordination. The "AI Agent Coordinator" title implies a strategic role in how AI functionalities are managed and deployed, which is crucial for GTM success of AI products. The mention of Java/Spring Boot and AWS suggests a potential for full-stack contribution, broadening the scope of impact for this role.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's or Master's degree in Computer Science, Software Engineering, or a related field is typically expected for a Senior Frontend Developer role. Experience: Minimum of five years of professional experience in frontend development, with a proven track record of building complex web applications.

Required Skills:

• Minimum 5 years of professional experience with React.
• Profound expertise in TypeScript for building robust and scalable applications.
• Deep understanding and practical application of User Experience (UX) principles in frontend development.
• Experience in integrating Large Language Models (LLMs) into web applications.
• Foundational knowledge of AI agent control and orchestration principles.
• Strong proficiency in German (minimum C1 level) for effective team communication and collaboration.
• Demonstrated ability to work independently, proactively, and with a results-oriented mindset.
• Experience with the Minimum Viable Product (MVP) approach and agile development methodologies.
• Excellent communication, collaboration, and knowledge-sharing skills.

Preferred Skills:

• Experience with backend development, specifically Java and Spring Boot.
• Knowledge of cloud architecture, particularly AWS.
• Passion for experimenting with new technologies and their application in AI-driven UX.
• Proven ability to lead and influence projects from conception to successful implementation.

📝 Enhancement Note: The requirement for "foundational knowledge in AI agent control and orchestration" is a significant differentiator, pointing towards a role that interfaces directly with the operational deployment and user-facing management of AI systems. This goes beyond typical frontend roles and touches upon aspects of product operations and GTM strategy for AI products.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least two complex web applications developed using React and TypeScript, highlighting modular component design and performance optimization.
• Include case studies demonstrating a deep understanding of User Experience (UX) principles and how they were applied to solve user challenges.
• Present examples of projects where AI or LLMs were integrated, detailing the approach and the impact on user interaction or content delivery.
• If applicable, provide examples of contributions to projects involving backend integration (e.g., Java/Spring Boot) or cloud deployments (AWS).

Process Documentation:

• Document the user-centered design process, from ideation and wireframing to final implementation, emphasizing iterative feedback and UX improvements.
• Detail the workflow for integrating and testing LLMs, including considerations for prompt engineering and output validation.
• Illustrate the process for managing and coordinating AI agents, explaining how their behavior was aligned with frontend requirements and business goals.
• Outline the approach taken in agile development, including sprint planning, daily stand-ups, retrospectives, and the MVP development cycle.

📝 Enhancement Note: For this role, a portfolio should not only demonstrate technical frontend prowess but also a strategic understanding of how AI and UX converge. Case studies should explicitly detail the "AI Agent Orchestration" aspect and the impact of LLM integration on user engagement and business objectives, aligning with GTM success metrics for AI-powered products.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Senior Frontend Developers with 5-10 years of experience in Germany, particularly in the Baden-Württemberg region, the estimated annual gross salary range is €65,000 - €85,000. This range can vary based on the candidate's specific experience, technical depth in AI integration, and negotiation.

Benefits:

• Hybrid Work Model: Flexibility to combine office presence with remote work, fostering a balanced work-life integration.
• Flexible Working Hours: Adaptable work schedule to accommodate personal needs and optimize productivity.
• Continuing Education and Development Opportunities: Access to training, workshops, and resources to enhance technical skills, particularly in AI and frontend technologies.
• Great Place to Work® Certification: Indication of a positive and supportive work environment.
• Opportunities for professional growth within the Haufe Group and Lexware.

Working Hours: The standard working hours are 40 hours per week, with flexibility in scheduling.

📝 Enhancement Note: The salary estimate is based on current market data for senior software engineering roles in Germany, considering the specific region and the advanced skill set required (React, TypeScript, UX, AI integration). Benefits are directly extracted from the provided "Zusätzliche Informationen" section.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software and Digital Transformation, specifically focusing on business solutions for small and medium-sized enterprises (SMEs) and digital marketing tools. The Haufe Group is a leader in digital transformation, and Lexware provides essential software for German businesses. Company Size: The Haufe Group is a significant player, with Lexware serving over 600,000 small and micro-enterprises. The specific team size for "Team KIM (Team KI-Marketing)" is not detailed but is implied to be a focused, agile unit. Founded: The Haufe Group has a history of digital innovation, with Lexware being a well-established brand in the German market. The company's commitment to AI and digital transformation suggests a forward-thinking culture.

Team Structure:

• The role is within "Team KIM (Team KI-Marketing)," which focuses on developing an AI-based agent for social media success.
• This team is part of the broader Haufe Group, which emphasizes digital transformation and AI-driven solutions.
• Collaboration is interdisciplinary, involving frontend developers, product managers, and potentially AI specialists.
• The team culture values proactive contribution, open communication, and shared ownership of the vision.

Methodology:

• Agile development practices are central, with an emphasis on the MVP approach and rapid feedback loops.
• Data-driven decision-making is implied through the focus on AI and user experience optimization.
• A culture of experimentation and embracing new technologies, particularly AI and LLMs, is evident.
• Cross-functional collaboration is key to integrating AI capabilities into user-facing applications.

Company Website: https://www.haufegroup.com/en

📝 Enhancement Note: The company culture is presented as innovative, digitally focused, and supportive of employee development. The emphasis on AI and digital transformation within Lexware, a key part of Haufe Group, positions this role at the forefront of technological advancement in business solutions. The "Team KIM" context signals a specialized, high-impact group.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior Frontend Developer role, indicating a level of technical mastery and experience where individuals are expected to lead development efforts, mentor junior team members, and contribute to architectural decisions. The "UX-Mindset" and "AI Agent Coordinator" aspects suggest a career path that bridges deep technical frontend skills with strategic product and AI operations. Reporting Structure: The role will report within the "Team KIM (Team KI-Marketing)." Specific reporting lines are not detailed but are likely to be to a Team Lead, Product Manager, or Engineering Manager within that team. The team comprises individuals like Thorsten (Product Manager), Alex (Fullstack Developer), and Laetitia (Scrum Master), indicating a collaborative, cross-functional structure. Operations Impact: The role's impact is significant, as it directly contributes to the development of an AI-powered agent designed to enhance entrepreneurial success on social media. This involves creating intelligent, personalized, and interactive content solutions, which is a critical component of modern GTM strategies for SaaS products. The success of these AI features directly influences customer acquisition, retention, and overall product value proposition.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, AI integration, LLM deployment, and AI agent orchestration.
• Leadership Development: Opportunities to mentor junior developers, lead feature development, and contribute to technical strategy within the team.
• Cross-functional Expertise: Gain exposure to backend development (Java/Spring Boot) and cloud architecture (AWS), potentially transitioning towards full-stack or cloud engineering roles.
• Product Strategy: Contribute to the product roadmap and strategic direction of AI-driven marketing tools, understanding their GTM implications.
• Industry Advancement: Stay at the cutting edge of AI and frontend technologies, becoming a sought-after expert in a rapidly evolving field.

📝 Enhancement Note: The growth trajectory for this role extends beyond traditional frontend development, offering pathways into AI product management, GTM strategy for AI products, and full-stack engineering, driven by the unique blend of skills required.

🌐 Work Environment

Office Type: The company offers a hybrid work model, indicating a blend of office-based work and remote work. This suggests a modern workplace designed for collaboration and flexibility. Office Location(s): The primary office location is Freiburg im Breisgau, Germany, at Munzinger Straße 9. This location serves as a hub for team collaboration and in-person interactions.

Workspace Context:

• Collaborative Environment: The hybrid model and emphasis on team-based recruiting and communication suggest a collaborative atmosphere where ideas are shared freely.
• Operations Tools and Technology: Employees will have access to modern development tools and technologies, including advanced frontend frameworks (React, TypeScript), AI/LLM platforms, and potentially cloud infrastructure (AWS).
• Team Interaction: Opportunities for direct interaction with colleagues like the Product Manager, Fullstack Developer, and Scrum Master, fostering a strong team dynamic and facilitating knowledge exchange.

Work Schedule: Flexible working hours are offered, allowing employees to manage their schedules effectively while ensuring core collaboration times are met. The standard is 40 hours per week.

📝 Enhancement Note: The hybrid work environment combined with flexible hours aims to support a productive and balanced lifestyle for operations professionals, while the emphasis on collaboration within Team KIM ensures that critical knowledge transfer and strategic alignment can occur effectively.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a brief call with HR or a recruiter to assess basic qualifications and cultural fit.
• Team Interviews: Conducted by the team itself (Thorsten, Alex, Laetitia), focusing on technical skills, problem-solving abilities, and team collaboration. Expect technical deep dives on React, TypeScript, UX, and AI integration.
• Technical Challenge/Case Study: A practical exercise may be given to assess problem-solving skills, coding ability, and approach to specific technical challenges related to AI-powered frontend development. This could involve designing a component or outlining an integration strategy.
• Final Interview: Potentially with a hiring manager or senior leader to discuss career goals, long-term vision, and overall fit within the company.

Portfolio Review Tips:

• Highlight AI Integration: Specifically showcase projects where you integrated LLMs or managed AI agent functionalities. Clearly articulate the problem, your solution, and the quantifiable impact.
• Demonstrate UX Expertise: Present case studies that illustrate your user-centered design process and how you translated user needs into intuitive interfaces.
• Showcase Code Quality: Ensure your portfolio includes well-documented, clean, and modular code examples (e.g., via GitHub links), especially for React and TypeScript components.
• Quantify Achievements: Whenever possible, use metrics to demonstrate the success of your projects, such as improvements in user engagement, conversion rates, or performance enhancements.
• Tailor to the Role: Emphasize experience relevant to social media interaction, AI-driven content, and collaborative development environments.

Challenge Preparation:

• AI Agent Orchestration Scenarios: Be prepared to discuss how you would approach coordinating AI agents to achieve specific frontend functionalities or business outcomes.
• LLM Integration Strategy: Practice explaining how you would integrate LLMs into a user-facing application, considering aspects like API calls, prompt engineering, and output handling.
• Agile Problem-Solving: Be ready to walk through how you would tackle a complex frontend problem within an agile framework, emphasizing collaboration and iterative development.
• React & TypeScript Deep Dive: Review advanced concepts in React (hooks, context API, performance optimization) and TypeScript (generics, utility types, module patterns).

📝 Enhancement Note: The team-led interview process suggests a high degree of autonomy and trust within the team, and a strong emphasis on cultural and technical alignment. Candidates should prepare to present their experience with AI and UX in a tangible, results-oriented manner.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (essential)
• Language: TypeScript (essential)
• AI/LLM Integration: Experience with integrating Large Language Models (LLMs) is crucial. Specific LLM platforms or APIs (e.g., OpenAI, Hugging Face) are likely to be used.
• AI Agent Orchestration: Tools or frameworks for managing and coordinating AI agents.
• Version Control: Git (standard)

Analytics & Reporting:

• Tools for tracking user behavior, application performance, and the effectiveness of AI integrations. This could include standard analytics platforms, custom dashboards, or A/B testing tools.

CRM & Automation:

• While not directly mentioned for this role, understanding how frontend applications integrate with backend systems and potentially CRM data for personalized experiences would be beneficial.

Backend & Cloud (Preferred):

• Backend: Java, Spring Boot
• Cloud Platform: AWS (Amazon Web Services)

📝 Enhancement Note: The core technology stack revolves around modern JavaScript/TypeScript ecosystem with a strong focus on React. The integration of AI/LLMs and AI agent orchestration represents the cutting edge of this role, distinguishing it from standard frontend positions. Proficiency in these areas, even if demonstrated through personal projects, will be highly valued.

👥 Team Culture & Values

Operations Values:

• Innovation & AI Focus: A drive to leverage AI and cutting-edge technologies to create novel solutions and improve business outcomes for clients.
• User-Centricity: A deep commitment to understanding and serving user needs, ensuring that technical solutions translate into exceptional user experiences.
• Agility & MVP Mindset: Embracing rapid iteration, continuous feedback, and a pragmatic approach to delivering value quickly.
• Collaboration & Teamwork: Fostering an environment of open communication, knowledge sharing, and mutual support, where team members contribute their unique ideas and expertise.
• Proactive & Results-Oriented: Encouraging initiative, independent problem-solving, and a strong focus on achieving tangible outcomes.

Collaboration Style:

• Interdisciplinary: Working closely with product managers, backend developers, and UX designers to ensure seamless integration of AI features into the user experience.
• Open Communication: Encouraging active participation in discussions, sharing of ideas, and constructive feedback within the team.
• Knowledge Sharing: A culture where team members are encouraged to share learnings, best practices, and insights from their work, particularly in the rapidly evolving field of AI.
• Experimentation: A willingness to explore new technologies and approaches, with a focus on learning and adapting based on project outcomes.

📝 Enhancement Note: The team values a proactive, collaborative, and innovative spirit, with a strong emphasis on leveraging AI to deliver exceptional user experiences and business value. This aligns well with the operational goals of launching and scaling AI-powered products effectively.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving AI Landscape: Keeping pace with the fast advancements in AI, LLMs, and AI agent technologies requires continuous learning and adaptation.
• Balancing Innovation with Stability: Integrating cutting-edge AI technologies while ensuring the performance, reliability, and scalability of web applications.
• Complex AI Integration: Effectively orchestrating AI agents and integrating LLMs to deliver predictable and valuable user experiences can be technically challenging.
• Cross-functional Alignment: Ensuring seamless communication and alignment between frontend, backend, product, and AI specialists to achieve a unified product vision.

Learning & Development Opportunities:

• AI & ML Specialization: Opportunities to deepen knowledge in AI, machine learning, LLMs, and prompt engineering through dedicated training, workshops, or online courses.
• Advanced Frontend Techniques: Continuous learning in modern React patterns, performance optimization, and building scalable component libraries.
• Cloud & Backend Exposure: Gaining hands-on experience with Java/Spring Boot and AWS, potentially leading to full-stack development capabilities.
• Product & GTM Strategy: Understanding the strategic aspects of launching AI-powered products, including market positioning, user adoption, and operational deployment.
• Industry Conferences & Certifications: Access to relevant industry events and opportunities to pursue certifications in frontend technologies or AI.

📝 Enhancement Note: This role offers a unique opportunity to grow at the intersection of frontend development and applied AI, a highly in-demand skill set. The challenges are directly tied to the innovative nature of the role, and the growth opportunities are extensive in both technical and strategic domains.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex frontend project where you had to integrate a new technology or API. How did you approach it, and what were the key challenges and learnings?" (Focus on your React/TypeScript skills and problem-solving approach).
• "How would you design a user interface for an AI agent that generates social media content? What UX considerations would be paramount?" (Demonstrate your UX mindset and understanding of AI capabilities).
• "Imagine you need to integrate a new LLM into our existing application. What steps would you take, and how would you ensure its outputs are relevant and safe?" (Focus on your AI integration, prompt engineering, and quality assurance approach).
• "Explain the concept of AI agent orchestration and how it could benefit our social media marketing tool." (Showcase your understanding of the role's specific AI responsibilities).

Company & Culture Questions:

• "What excites you most about Haufe Group's mission and Lexware's role in supporting small businesses?" (Research the company's mission and values).
• "How do you see AI transforming user experiences in the next 3-5 years, particularly in marketing and social media?" (Show your passion for AI and forward-thinking).
• "Describe a time you disagreed with a team member on a technical approach. How did you handle it, and what was the outcome?" (Assess your collaboration and conflict resolution skills).
• "How do you stay updated with the latest trends in frontend development and AI?" (Highlight your commitment to continuous learning).

Portfolio Presentation Strategy:

• Storytelling Approach: For each project, frame it as a story: the problem, your solution (emphasizing your role and technical contributions), and the measurable results.
• AI & UX Focus: Clearly articulate the AI components in your projects and how they enhanced the user experience. Use visual aids (screenshots, mockups, live demos if possible) effectively.
• Code Walkthrough: Be prepared to walk through specific code snippets that demonstrate your expertise in React, TypeScript, and any AI integration logic.
• Quantifiable Impact: Present metrics that demonstrate the success of your work, such as improved engagement, performance gains, or increased efficiency.
• Conciseness: Practice presenting your portfolio within a set timeframe, ensuring you cover the most impactful projects and highlight your most relevant skills.

📝 Enhancement Note: Interview preparation should heavily emphasize the unique aspects of this role: advanced frontend development, deep UX understanding, and practical experience with AI/LLMs and AI agent coordination. Candidates should be ready to discuss specific technical implementations and strategic thinking related to AI-driven product development.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided application link on smartrecruiters.com.
• Tailor your Resume: Highlight your 5+ years of experience with React and TypeScript, and prominently feature any projects involving AI integration, LLM usage, or UX design. Use keywords such as "AI Agent Orchestration," "LLM Integration," "User Experience," and "Agile Development."
• Curate Your Portfolio: Select 2-3 key projects that best demonstrate your skills in React, TypeScript, UX, and AI. Prepare to discuss your specific contributions, technical challenges, and the impact of your work, especially in terms of user engagement and any AI-driven functionalities.
• Prepare for Team Interviews: Research Haufe Group and Lexware's mission. Be ready to discuss your passion for AI and how you collaborate within agile teams. Practice articulating your thought process for technical challenges, particularly those involving AI integration and UX design on social media platforms.
• Research AI/UX Trends: Familiarize yourself with current trends in AI-powered user experiences, LLMs, and their application in marketing and social media. This will help you engage in informed discussions during the interview.

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