UX/UI Designer & Frontend Developer (m/w/d)

📍 Job Overview

Job Title: UX/UI Designer & Frontend Developer (m/w/d)

Company: schauinsland-reisen gmbh

Location: Duisburg, North Rhine-Westphalia, Germany

Job Type: Festanstellung (Full-time)

Category: UX/UI Design & Frontend Development

Date Posted: 2026-09-16

Experience Level: Junior to Mid-Level (0-2 years)

Remote Status: On-site

🚀 Role Summary

• This role bridges the gap between user experience (UX) and user interface (UI) design with hands-on frontend development, focusing on creating intuitive and engaging digital platforms.

• You will be instrumental in shaping the customer journey by translating user needs and business requirements into functional and aesthetically pleasing interfaces.

• Responsibilities include creating wireframes, prototypes, and design documentation using Figma, and implementing these designs with modern frontend technologies.

• The position requires collaboration with e-commerce and backend development teams to build future-proof digital solutions and continuously evolve the company's design system.

• This is an opportunity to directly impact the digital presence of a well-established travel company, ensuring a seamless and enjoyable user experience for millions of vacationers.

📝 Enhancement Note: While the AI-generated experience level is "0-2 years," the description suggests a need for "expertenwissen in Figma" and "fundierte Erfahrungen in der Frontend-Entwicklung," which might lean towards 1-3 years of practical experience. Candidates with strong portfolios demonstrating these skills, even with fewer than 2 years in a formal role, should consider applying. The role is positioned as a key contributor in digital platform development within the travel industry.

📈 Primary Responsibilities

• Develop comprehensive UX/UI concepts for digital platforms, from initial ideation through to final design, ensuring alignment with user needs and business objectives.

• Utilize Figma to create wireframes, interactive prototypes, and detailed design documentation to effectively communicate design intentions.

• Implement modern and performant frontends based on approved designs, leveraging technologies such as React, Tailwind CSS, and JavaScript.

• Take ownership of the continuous development and maintenance of the company's design system to ensure a consistent user experience across all digital touchpoints.

• Collaborate closely with backend developers and the e-commerce team to co-create forward-thinking digital solutions tailored for travel customers.

• Analyze user needs and identify optimization opportunities within the customer journey, developing innovative solutions to enhance user satisfaction and conversion rates.

• Act as a crucial interface between design, development, and business requirements, ensuring a perfect synergy between functionality and user-friendliness.

📝 Enhancement Note: The responsibilities highlight a blend of strategic design thinking and practical development execution. Candidates should be prepared to demonstrate how they bridge these two domains, perhaps by showcasing projects where they've taken a concept from initial wireframe to a coded component. The emphasis on "customer journey" and "digital platforms" suggests a focus on e-commerce functionality and user engagement within the travel sector.

🎓 Skills & Qualifications

Education:

• A university degree in UX, Design, or Computer Science is preferred.

• Alternatively, candidates with a background in application development and strong practical experience in User Experience (UX) and User Interface (UI) Design will be considered. Experience:

• Demonstrable experience in frontend development, with a strong understanding of user-centered design principles.

• Practical experience in creating and maintaining design systems is highly valued. Required Skills:

• Expert knowledge and proficiency in Figma for wireframing, prototyping, and design documentation.

• A keen eye for modern design aesthetics, user guidance, and creative problem-solving.

• Solid foundation in frontend development, with very good command of JavaScript, HTML, and CSS.

• Analytical thinking skills coupled with a structured and self-organized approach to work.

• High initiative and a proactive attitude towards following current UI/UX trends and new web technologies.

• Strong communication skills, teamwork, and enthusiasm for collaborating with diverse departments. Preferred Skills:

• Practical experience with React and Tailwind CSS, or comparable frameworks.

• Experience in analyzing user needs and optimizing customer journeys.

• Understanding of e-commerce platforms and their specific UX/UI requirements.

• Good written and spoken English skills for international communication.

📝 Enhancement Note: The "Expertenwissen in Figma" and "fundierte Erfahrungen in der Frontend-Entwicklung" suggest that while formal years of experience might be less critical, deep practical skill and a strong portfolio are paramount. Candidates should emphasize their hands-on capabilities and understanding of modern web development stacks. The mention of English skills points to potential international team collaboration or interaction with global tools/resources.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 significant projects that demonstrate a clear integration of UX/UI design principles with frontend development execution.

• For each project, clearly articulate the problem statement, your design process, the technologies used, and the measurable outcomes or improvements achieved.

• Highlight projects where you have utilized Figma for comprehensive design deliverables, including wireframes, interactive prototypes, and user flows.

• Include examples of implemented frontend code (e.g., via GitHub links) that directly correspond to your design work, demonstrating your ability to translate design into functional components.

• Demonstrate experience with or understanding of design system principles, including examples of component libraries or style guides you have contributed to or used. Process Documentation:

• Provide documentation or case studies illustrating your process for user research, concept development, and iterative design.

• Detail your workflow for translating design specifications into frontend code, including any testing or quality assurance steps you employ.

• Showcase how you manage feedback from stakeholders (e.g., product managers, developers) and integrate it into your design and development iterations.

• Illustrate your approach to ensuring design consistency and scalability, particularly in relation to design systems and component-based development.

📝 Enhancement Note: For this role, a strong portfolio is crucial. It's not just about showing pretty designs but demonstrating the practical application of those designs through code. Candidates should be prepared to walk through their portfolio, explaining their design rationale, development choices, and the impact of their work. The emphasis on "customer journey" and "digital platforms" means projects related to e-commerce, travel booking, or similar user-centric web applications will be highly relevant.

💵 Compensation & Benefits

Salary Range:

• Based on regional benchmarks for UX/UI Designers & Frontend Developers with 0-2 years of experience in Duisburg, Germany, a competitive salary range would typically fall between €40,000 and €55,000 annually. This estimate considers the dual nature of the role (design and development) and the cost of living in the North Rhine-Westphalia region. Benefits:

• 13th Month Salary & Holiday Bonus: Provides additional financial security and support for personal expenses or travel.

• 30 Vacation Days + Paid Time Off on Christmas Eve & New Year's Eve: Generous time off to ensure work-life balance and employee well-being.

• Health Program: Supports employee health and wellness initiatives.

• Subsidized Canteen Meals: Offers affordable and convenient dining options on-site.

• Free Water & Coffee: Provided to all employees.

• After-Work Events, Employee Events & Company Parties: Fosters team spirit, networking, and a positive workplace culture.

• Free On-site Parking: Convenient and cost-saving perk for employees commuting by car.

• Individual Professional Development Opportunities: Supports continuous learning and career growth through training, workshops, or conferences.

Working Hours:

• Standard full-time working hours, likely around 40 hours per week, with potential for flexibility depending on project needs and team agreements.

📝 Enhancement Note: The salary estimate is based on general market data for similar roles in Germany. Actual compensation will depend on the candidate's specific qualifications, experience, and performance during the interview process. The listed benefits are comprehensive and reflect a company that values employee well-being and professional growth. The mention of "Urlaubsgeld" (holiday bonus) is a common German benefit.

🎯 Team & Company Context

🏢 Company Culture

Industry: Tourism & Travel Services. schauinsland-reisen is a long-standing player in the German travel market, offering a wide array of vacation options. This context means the digital platforms are crucial for customer acquisition, booking, and service delivery.

Company Size: schauinsland-reisen GmbH is a medium-to-large enterprise, likely employing several hundred to over a thousand people. This size suggests a structured organization with established processes, but also opportunities for cross-functional collaboration and impact.

Founded: The company has a history spanning over 100 years, indicating stability, established market presence, and a deep understanding of the travel industry. This longevity implies a culture that values tradition while adapting to modern digital demands.

Team Structure:

• The role sits within a team that likely includes other designers, frontend developers, and potentially UX researchers.

• Close collaboration is expected with the E-Commerce team (responsible for online sales strategy and execution) and Backend Development teams (responsible for the underlying infrastructure and APIs).

• Reporting lines are likely to a Lead Designer, Head of Digital, or a Product Manager, depending on the specific organizational structure. Methodology:

• The company is embracing digital transformation, indicated by the focus on UX/UI and frontend development.

• Expect a methodology that balances agile development practices for rapid iteration with the need for robust, user-centric design across a broad product portfolio.

• Data-driven decision-making is implied through the focus on customer journey analysis and optimization.

Company Website: https://www.schauinsland-reisen.de/

📝 Enhancement Note: The company's long history in the travel industry provides a stable foundation, while the emphasis on digital roles signifies a forward-looking approach. Candidates should research the company's current digital offerings to understand their existing user experience and identify potential areas for improvement. The blend of "numbers people" and "creative minds" suggests a diverse workforce where both analytical and creative contributions are valued.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at the junior to mid-level, focusing on execution within UX/UI design and frontend development. It's an opportunity to build a strong foundation in creating and implementing digital user experiences within a reputable company.

Reporting Structure: The role will likely report to a senior member of the design or digital product team, such as a Lead UX/UI Designer, Head of Digital Product, or a Product Manager. Collaboration will be a key aspect, involving frequent interaction with E-Commerce specialists and backend developers.

Operations Impact: The impact is direct and significant. As a UX/UI Designer & Frontend Developer, you will be instrumental in shaping the digital customer journey, directly influencing user engagement, conversion rates, and overall customer satisfaction with the company's travel offerings. Your work will be visible on the company's primary digital platforms.

Growth Opportunities:

• Skill Specialization: Develop deep expertise in specific frontend frameworks (React, Tailwind CSS) or advanced UX/UI methodologies, potentially becoming a go-to specialist.

• Design System Leadership: Grow into a role responsible for the evolution and governance of the company's design system, impacting consistency across all digital products.

• Cross-Functional Project Leadership: Take on more responsibility for leading design and development efforts on specific features or digital initiatives, working across multiple teams.

• Transition to Senior Roles: With proven success and acquired experience, career progression could lead to Senior UX/UI Designer, Senior Frontend Developer, or even team lead positions within the digital product or development departments.

• Product Management Exposure: Through close collaboration with the E-Commerce and Product teams, there's potential to gain insights into product strategy and management.

📝 Enhancement Note: The growth path here is clear: deepen technical and design skills, take on more project ownership, and potentially move into leadership or specialized roles. Candidates should think about how they can demonstrate initiative and a desire to learn beyond the immediate requirements of the role to position themselves for future advancement.

🌐 Work Environment

Office Type: The role is based on-site at the company's headquarters in Duisburg. This suggests a traditional office environment that fosters in-person collaboration and team cohesion.

Office Location(s): The primary office is located at Stresemannstraße 80, 47051 Duisburg, Germany. The mention of "Kostenlose Parkplätze direkt an der Zentrale" indicates a location that is accessible by car, possibly in an area with limited public transport or where parking is a significant benefit.

Workspace Context:

• Collaborative Environment: The emphasis on teamwork and collaboration with e-commerce and development teams implies a dynamic workspace where ideas are shared freely.

• Tools & Technology: You will have access to the necessary design and development tools, including Figma, and likely an established development stack with tools for version control (e.g., Git) and project management.

• Team Interaction: Expect regular team meetings, design critiques, and joint problem-solving sessions with colleagues from various departments, fostering a connected and supportive atmosphere.

Work Schedule:

• The position is full-time, likely adhering to standard German business hours (e.g., 8 hours per day). While on-site, there might be some flexibility in start and end times, but the core expectation is presence during business hours for team collaboration.

📝 Enhancement Note: The on-site requirement is a key factor. Candidates should consider the commute and the benefits of working within a physical team environment. The company provides practical perks like free parking and a subsidized canteen, suggesting an attention to employee comfort and daily convenience.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your application, focusing on your resume and, critically, your portfolio.

• Technical Interview / Portfolio Review: Expect a deep dive into your portfolio. You'll be asked to present specific projects, explain your design decisions, your development process, and the rationale behind your technology choices. Be prepared to discuss challenges and how you overcame them.

• Skills-Based Assessment: You might be given a small design or coding challenge, either take-home or during an interview, to assess your practical skills in Figma, JavaScript, HTML, CSS, or a specific framework like React.

• Team / Cultural Fit Interview: Meet with potential team members and hiring managers to assess your communication style, problem-solving approach, and how well you align with the company culture and team dynamics.

• Final Interview: Potentially with a senior leader to discuss your overall fit, career aspirations, and confirm mutual interest.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest projects that best showcase both your UX/UI design skills and frontend development capabilities. Prioritize projects that align with e-commerce, travel, or customer journey optimization.

• Tell a Story: For each project, clearly articulate the problem, your approach, the solutions you designed and implemented, and the results. Use a structure like: Problem -> Process -> Solution -> Impact.

• Highlight Design-to-Code: Clearly demonstrate how your designs were translated into functional code. Show screenshots of the final product alongside your wireframes and prototypes. If possible, link to live sites or repositories.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your work (e.g., increased conversion rates, reduced bounce rates, improved task completion times).

• Explain Your Tools: Be ready to discuss your proficiency with Figma and your experience with React, Tailwind CSS, JavaScript, HTML, and CSS.

Challenge Preparation:

• Design Fundamentals: Refresh your knowledge of core UX principles (usability, accessibility, user research) and UI design best practices (visual hierarchy, color theory, typography).

• Frontend Proficiency: Brush up on JavaScript fundamentals, HTML structure, and CSS styling. Practice implementing common UI components with React and Tailwind CSS.

• Problem-Solving: Be prepared to articulate your thought process for tackling design and development challenges. Think about how you would approach a problem like optimizing a booking form or improving the navigation of a mobile website.

📝 Enhancement Note: The portfolio is king for this role. Candidates should invest significant time in preparing it. The interview process will heavily scrutinize their ability to not only design but also to implement those designs effectively, demonstrating a full-stack design capability.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core tool for UX/UI design, wireframing, prototyping, and design documentation. Proficiency is essential.

• React: A primary framework for frontend development. Strong understanding and practical experience are highly valued.

• Tailwind CSS: A utility-first CSS framework used for rapid UI development. Familiarity is preferred.

• JavaScript (ES6+): The fundamental language for frontend development. Deep understanding is required.

• HTML5 & CSS3: Essential for structuring and styling web content.

Analytics & Reporting:

• While not explicitly mentioned as a primary responsibility, familiarity with tools for analyzing user behavior and website performance (e.g., Google Analytics, Hotjar, or similar) would be beneficial for understanding customer journey optimization. CRM & Automation:

• Not directly relevant to this role's core responsibilities, but understanding how frontend interfaces interact with backend systems and potentially CRM data is advantageous.

📝 Enhancement Note: The tech stack is modern and focused on efficient web development. Candidates should be prepared to discuss their experience with each of these technologies and how they integrate them into their workflow. The explicit mention of React and Tailwind CSS suggests these are key technologies the company is investing in.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong focus on understanding and meeting user needs to create exceptional digital experiences.

• Collaboration: Valuing teamwork and open communication across different departments (Design, Development, E-Commerce, Business).

• Innovation & Continuous Improvement: A drive to explore new trends, technologies, and solutions to enhance digital platforms and customer journeys.

• Quality & Craftsmanship: A commitment to delivering high-quality designs and well-engineered frontend code.

• Efficiency: Optimizing processes and workflows to deliver results effectively and promptly.

Collaboration Style:

• Cross-functional Integration: The role thrives on close collaboration between design and development, ensuring seamless handoffs and shared understanding.

• Feedback Culture: An environment where constructive feedback is welcomed and utilized for iterative improvement of designs and code.

• Knowledge Sharing: Encouraging the sharing of best practices, new techniques, and insights within the team and across departments.

📝 Enhancement Note: The company's slogan, "Urlaub in besten Händen" (Holidays in the best hands), suggests a core value of reliability, customer trust, and quality service, which should translate into their digital product development approach. Candidates should demonstrate how their work ethic and collaborative style align with these values.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design Vision with Technical Constraints: Effectively translating creative UX/UI concepts into feasible frontend implementations, managing potential technical limitations.

• Evolving Digital Landscape: Staying current with rapid advancements in web technologies, design tools, and user expectations within the competitive travel industry.

• Cross-Departmental Alignment: Ensuring that design and development efforts are aligned with broader business goals and the needs of various stakeholders (e.g., marketing, sales, customer service).

• Optimizing Complex User Journeys: Designing and developing intuitive pathways for diverse customer needs within the travel booking and planning process.

Learning & Development Opportunities:

• Deepening Frontend Expertise: Gaining advanced skills in React, its ecosystem, and modern CSS techniques.

• UX Research & Strategy: Developing a stronger understanding of user research methodologies, A/B testing, and conversion rate optimization (CRO).

• Design System Mastery: Becoming an expert in building and maintaining scalable design systems.

• Exposure to E-commerce Dynamics: Learning about the specific challenges and opportunities within the online travel retail sector.

• Mentorship: Potential to learn from senior designers and developers within the organization.

📝 Enhancement Note: This role offers a solid platform for growth, particularly for individuals who enjoy both creative design and technical implementation. The challenges are typical for a digital role in a dynamic industry, and the opportunities are geared towards deepening expertise and broadening scope.

💡 Interview Preparation

Strategy Questions:

• "Describe a project where you had to balance a strong design vision with technical limitations. How did you approach it, and what was the outcome?" (Focus on problem-solving, compromise, and technical understanding).

• "How do you stay updated on the latest UX/UI trends and frontend development best practices? Can you give an example of a recent trend you've incorporated into your work?" (Demonstrates proactivity and continuous learning).

• "Walk me through your process for creating a new component for a design system, from initial concept to implementation." (Tests understanding of design systems and the design-to-code workflow). Company & Culture Questions:

• "What do you know about schauinsland-reisen, and what excites you about contributing to our digital platforms?" (Shows research and genuine interest).

• "How do you approach collaboration with non-designers or non-developers, such as product managers or business stakeholders?" (Assesses communication and teamwork skills).

• "Describe a time you received critical feedback on your design or code. How did you handle it, and what did you learn?" (Evaluates receptiveness to feedback and professional maturity). Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the problem, your role, your process, the solution, and the impact. Use visuals effectively.

• Showcase the Blend: Explicitly highlight how your design decisions were translated into frontend code. Point out specific UI elements and explain the corresponding code implementation.

• Be Ready for Technical Deep Dives: Prepare to discuss the specifics of your code, your use of React components, Tailwind CSS utility classes, and JavaScript logic.

• Quantify Achievements: Use metrics whenever possible to demonstrate the value and success of your projects.

• Engage Your Audience: Make it a conversation. Ask clarifying questions and be open to feedback during your presentation.

📝 Enhancement Note: The interview process will likely be hands-on, with a strong emphasis on your portfolio and practical skills. Demonstrating a clear understanding of the full design-to-development lifecycle and your ability to articulate your process and impact will be key to success.

📌 Application Steps

To apply for this UX/UI Designer & Frontend Developer position:

• Submit your application through the provided link on the schauinsland-reisen gmbh jobs portal.

• Tailor your Resume: Highlight experience and skills directly relevant to UX/UI design and frontend development, using keywords from the job description (e.g., Figma, React, Tailwind CSS, JavaScript, User Journey). Quantify achievements whenever possible.

• Prepare Your Portfolio: Ensure your portfolio is up-to-date, well-organized, and showcases your best work that integrates both design and development. Be ready to present it confidently.

• Research the Company: Familiarize yourself with schauinsland-reisen's digital presence, target audience, and overall brand. Understand their current offerings and identify potential areas for UX/UI and frontend improvements.

• Practice Your Presentation: Rehearse presenting your portfolio projects, focusing on clearly explaining your process, technical choices, and the impact of your work. Be ready to answer technical questions.

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