Web UX/UI Designer (m/w/d)

mmmake
Full-time

๐Ÿ“ Job Overview

Job Title: Web UX/UI Designer (m/w/d)

Company: mmmake

Location: Heilbronn, Germany / Remote (Germany)

Job Type: Full-Time

Category: Web Design & User Experience Operations

Date Posted: 2026-08-27

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid/Remote (within Germany)

๐Ÿš€ Role Summary

  • Design and develop responsive websites, web applications, and landing pages with a strong "Mobile First" approach to enhance user experience and drive conversions.

  • Create interactive prototypes and wireframes using tools like Figma to rapidly test and iterate on design concepts based on user journeys.

  • Collaborate closely with development teams, understanding component-based design, grids, and design systems for seamless technical handover and feasibility discussions.

  • Integrate AI-first workflows within the design process, leveraging AI tools for idea generation, asset creation, and content structuring to boost efficiency.

  • Engage in client consultations, present design pitches, articulate UX decisions, and advise on conversion optimization and user flow strategies.

๐Ÿ“ Enhancement Note: This role is positioned as a Web UX/UI Designer, indicating a focus on the user interface and user experience aspects of web product development. The emphasis on "Mobile First," conversion optimization, and AI integration suggests a modern, results-oriented design approach within a digital agency or product development environment. The requirement for client consultation points to a client-facing aspect, common in agency settings.

๐Ÿ“ˆ Primary Responsibilities

  • Conceptualize and execute intuitive, high-converting, and responsive web interfaces across various devices, adhering to "Mobile First" principles.

  • Translate complex user requirements and customer journeys into clear, concise wireframes and interactive prototypes using industry-standard design software.

  • Facilitate efficient design handoffs to development teams by providing well-documented design systems, component libraries, and clear specifications.

  • Proactively explore and implement cutting-edge AI tools and methodologies to streamline design workflows, from initial ideation to final asset production.

  • Lead client presentations, effectively communicate design rationale rooted in user-centricity and business objectives, and provide expert recommendations for UX enhancements.

  • Ensure adherence to web standards, accessibility guidelines (WCAG), and best practices in all design outputs.

  • Collaborate with marketing and product teams to understand strategic goals and align UX/UI design solutions accordingly.

๐Ÿ“ Enhancement Note: The responsibilities highlight a blend of creative design, technical understanding, strategic thinking, and client interaction. The mention of "conversion optimization" and "user flows" indicates a performance-driven design focus, common in roles aiming to directly impact business outcomes. The AI integration aspect is a forward-looking requirement that suggests the company is embracing new technologies.

๐ŸŽ“ Skills & Qualifications

Education: Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field, or equivalent practical experience.

Experience: 2-5 years of professional experience in web UX/UI design, with a demonstrable track record of creating successful web applications and responsive websites.

Required Skills:

  • Deep understanding of UX/UI design principles and best practices for web applications and responsive websites.

  • Proficient in Figma, including advanced features like Auto Layout, Variables, and creating scalable component libraries.

  • Proven ability to create detailed wireframes and interactive prototypes that effectively communicate design intent.

  • Strong understanding of responsive design principles, including breakpoints, Flexbox, and Grid layout logic.

  • Familiarity with web standards and accessibility guidelines (WCAG).

  • Experience with client consultation, design pitching, and articulating design decisions based on user needs and business goals.

  • Curiosity and practical experience with AI tools for design ideation, asset generation, and workflow acceleration (e.g., Figma AI, Midjourney, Relume, LLMs for UX copy).

  • Excellent communication and presentation skills, with the ability to convey complex ideas clearly and persuasively.

  • High proficiency in spoken and written German. Preferred Skills:

  • Experience with CMS platforms (e.g., WordPress, Headless CMS) and an understanding of how they integrate with frontend code.

  • Basic understanding of HTML and CSS to inform design decisions and facilitate smoother handoffs to development.

  • Experience in conversion rate optimization (CRO) and A/B testing methodologies.

  • Knowledge of design system methodologies and implementation.

๐Ÿ“ Enhancement Note: The emphasis on Figma proficiency, coupled with "Auto Layouts, Variables, and component libraries," points to a need for efficient, scalable design processes. The "AI-First Workflow" requirement is a strong indicator of the company's technological direction and a key differentiator for candidates. The explicit mention of "very good German language skills" is critical for client-facing roles in Germany.

๐Ÿ“Š Process & Systems Portfolio Requirements

Portfolio Essentials:

  • A comprehensive portfolio showcasing a strong focus on web design, demonstrating expertise in responsive website and web application design.

  • Case studies that clearly articulate the design process, from initial problem definition and user research to ideation, prototyping, and final implementation.

  • Examples highlighting "Mobile First" design strategies and how they were applied to create seamless user experiences across devices.

  • Demonstrations of interactive prototypes built in Figma, showcasing user flows, navigation logic, and key interface interactions.

  • Evidence of understanding and application of web standards and accessibility best practices (WCAG) in past projects. Process Documentation:

  • Showcase projects where you've translated complex user journeys into intuitive user flows and wireframes.

  • Include examples of collaboration with development teams, detailing how design handoffs were managed, including the use of design systems or component libraries.

  • Provide insights into how AI tools were integrated into your design workflow, detailing the specific tools used and the impact on efficiency or creativity.

  • Present examples of client consultation scenarios, demonstrating how you've advised clients on conversion optimization and user experience improvements.

๐Ÿ“ Enhancement Note: The portfolio requirements are strongly geared towards demonstrating practical application of UX/UI principles in a web context, with a specific emphasis on Figma, responsive design, and the integration of AI. The focus on "process documentation" within the portfolio suggests the company values candidates who can articulate their methodology and demonstrate measurable impact.

๐Ÿ’ต Compensation & Benefits

Salary Range: โ‚ฌ50,000 - โ‚ฌ70,000 per year (gross) (This range is an estimate based on mid-level UX/UI Designer roles in Germany, considering Heilbronn's regional economic factors and the specified experience level of 2-5 years. Salary expectations can vary based on specific company compensation strategies, candidate experience, and final negotiation.)

Benefits:

  • Flexible Work Environment: Opportunity to work remotely within Germany, offering a hybrid work model to balance work and personal life.

  • Professional Development: Access to continuous learning opportunities, including training on new AI design tools and methodologies.

  • Innovative Projects: Work on cutting-edge web design projects, including AI-driven design initiatives and client-facing strategy.

  • Collaborative Culture: Be part of a dynamic team that values innovation, collaboration, and continuous improvement.

  • Equipment: Provision of necessary hardware and software for design work.

  • Team Events: Opportunities for team building and networking through company events.

Working Hours: Standard full-time working hours (approximately 40 hours per week), with flexibility to accommodate remote work and project deadlines.

๐Ÿ“ Enhancement Note: The salary range is estimated for a mid-level Web UX/UI Designer in Germany. Benefits are inferred based on typical offerings for tech and design roles, with a particular emphasis on flexibility and professional development given the role's focus on AI and web technologies. The "Remote, DE" location suggests that while remote is possible, there might be an expectation for occasional on-site presence in Heilbronn for key meetings or team events, aligning with a hybrid model.

๐ŸŽฏ Team & Company Context

๐Ÿข Company Culture

Industry: Digital Agency / Web Development / Technology Consulting

Company Size: Small to Medium-sized (approx. 50-200 employees) - Inferred from typical agency structures for this type of role and the need for broad skill sets.

Founded: (Information not provided, but inferring a company that is established enough to have a dedicated UX/UI function and is embracing new technologies like AI.)

Team Structure:

  • The UX/UI Designer will likely be part of a broader design or creative team, potentially including graphic designers, web developers, and project managers.

  • Collaboration will be frequent with front-end developers, project leads, and client account managers.

  • Reporting structure might be to a Head of Design, Creative Director, or a Senior Project Manager, depending on the team's organization. Methodology:

  • Focus on agile and iterative design processes, with rapid prototyping and client feedback loops.

  • Emphasis on data-driven design decisions, leveraging analytics and conversion data to inform UI/UX improvements.

  • Integration of AI tools to enhance efficiency and explore new creative possibilities in design.

  • Client-centric approach, prioritizing understanding client goals and user needs to deliver effective digital solutions.

Company Website: https://jobs.mmmake.com/

๐Ÿ“ Enhancement Note: Based on the job description, mmmake appears to be a digital agency or a company with a strong focus on web development and client services. The emphasis on "AI-First Workflow" and "client consultation" suggests a forward-thinking, results-oriented, and client-facing operational model. The size is inferred to be medium, allowing for specialized roles like this while maintaining agility.

๐Ÿ“ˆ Career & Growth Analysis

Operations Career Level: Mid-Level Designer. This role requires independent work on web projects, contributing to design strategy, and client interaction, but likely operates under the guidance of senior design leadership or project managers.

Reporting Structure: The designer will likely report to a Design Lead, Creative Director, or a Project Manager responsible for client deliverables. Close collaboration with front-end developers is also a key aspect of the reporting and workflow.

Operations Impact: This role directly impacts the success of web products and client campaigns by improving user experience, increasing conversion rates, and ensuring intuitive product interfaces. Effective UX/UI design is critical for customer engagement, retention, and ultimately, revenue generation for clients or the company's own digital assets.

Growth Opportunities:

  • Senior UX/UI Designer: Progress to leading larger, more complex design projects, mentoring junior designers, and taking on more strategic design responsibilities.

  • Design Lead/Manager: Transition into a leadership role, managing a team of designers, overseeing design strategy, and contributing to departmental growth.

  • Specialization: Develop deeper expertise in specific areas such as AI in design, conversion rate optimization, or design systems.

  • Product Design: Move into product-focused roles if the company has its own product lines, contributing to product strategy and roadmap development.

๐Ÿ“ Enhancement Note: The career path suggests a progression from executing designs to strategizing and potentially leading teams. The emphasis on AI and conversion optimization indicates opportunities for specialization in high-demand areas within the UX/UI field.

๐ŸŒ Work Environment

Office Type: Hybrid/Remote. While a physical office in Heilbronn is implied by the location, the "Remote, DE" option and the nature of the role suggest significant flexibility.

Office Location(s): Heilbronn, Germany. The company may have a central office for collaborative meetings, client pitches, and team events, but remote work within Germany is a key offering.

Workspace Context:

  • Collaborative Environment: Expect regular interaction with designers, developers, and project managers, likely through digital collaboration tools and occasional in-person meetings.

  • Tools & Technology: Access to industry-standard design software (Figma), potentially AI design tools, and project management platforms.

  • Team Interaction: Opportunities to participate in design critiques, brainstorming sessions, and cross-functional project team meetings.

Work Schedule: Standard full-time hours, with a degree of flexibility to manage personal commitments and project deadlines, especially for remote workers. This flexibility is crucial for effective design work that often requires deep focus.

๐Ÿ“ Enhancement Note: The hybrid and remote nature of the role implies a modern work setup that prioritizes output and flexibility. The Heilbronn location might serve as a hub for in-person collaboration when needed, supporting the team's operational efficiency.

๐Ÿ“„ Application & Portfolio Review Process

Interview Process:

  • Initial Screening: A brief call to assess basic qualifications, experience, and cultural fit, often with an HR representative or recruiter.

  • Portfolio Review & Technical Interview: A deeper dive into your portfolio, discussing specific projects, design decisions, and problem-solving approaches. This stage will heavily scrutinize your Figma skills, understanding of responsive design, and your approach to AI integration. Be prepared to walk through case studies and explain your process.

  • Skills Assessment/Challenge: You may be given a small design challenge or a case study to complete, simulating a real project task. This will test your ability to apply your skills under time constraints and your understanding of the company's design philosophy.

  • Team/Manager Interview: Meeting with the hiring manager and potential team members to assess collaboration style, communication skills, and alignment with team dynamics. Discussion may focus on your experience with client consultation and your strategic thinking regarding conversion optimization.

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

Portfolio Review Tips:

  • Curate Selectively: Showcase 3-5 of your strongest, most relevant web UX/UI projects, emphasizing those that demonstrate responsive design, AI integration, and conversion optimization.

  • Tell a Story: For each project, clearly outline the problem, your role, the process you followed (especially your Figma workflow and AI usage), the challenges you faced, and the measurable results or impact.

  • Highlight Figma Mastery: Be ready to demonstrate your Figma skills, including Auto Layout, component libraries, and prototyping capabilities, either live or through detailed project examples.

  • Explain AI Integration: Clearly articulate how and why you used specific AI tools, showcasing their impact on efficiency, creativity, or the final outcome.

  • Focus on Rationale: Emphasize the "why" behind your design decisions, linking them to user needs, business objectives, and conversion goals.

Challenge Preparation:

  • Understand the Brief: Carefully read and understand the requirements of any design challenge. Ask clarifying questions if needed.

  • Prioritize "Mobile First": If applicable, ensure your solution prioritizes mobile user experience.

  • Demonstrate Process: Even in a timed challenge, show your thought process. Document your steps, even if it's a quick sketch or annotated notes.

  • Be Realistic: Design solutions that are technically feasible within a reasonable timeframe.

๐Ÿ“ Enhancement Note: The interview process emphasizes practical skills, portfolio quality, and the ability to articulate design rationale, especially concerning AI and conversion. The portfolio review is a critical step, requiring candidates to effectively showcase their web design expertise and modern toolchain.

๐Ÿ›  Tools & Technology Stack

Primary Tools:

  • Figma: Essential for UI design, prototyping, and component library management. Proficiency with advanced features like Auto Layout, Variants, and Variables is expected.

  • AI Design Tools: Experience with tools like Figma AI, Midjourney, Relume, or similar AI-powered platforms for ideation, asset generation, and workflow acceleration.

  • Prototyping Tools: Figma's built-in prototyping capabilities, or potentially other tools if integrated into the workflow.

Analytics & Reporting:

  • Familiarity with web analytics platforms (e.g., Google Analytics) to understand user behavior and inform design decisions.

  • Understanding of A/B testing principles and how to design for testable hypotheses. CRM & Automation:

  • While not a primary focus for a UX/UI Designer, an understanding of how websites integrate with CRM systems and marketing automation tools can be beneficial for context.

๐Ÿ“ Enhancement Note: The technology stack is heavily skewed towards modern design tools, with a strong emphasis on Figma and AI integration. This indicates the company's commitment to leveraging cutting-edge technology for efficient and innovative design outcomes.

๐Ÿ‘ฅ Team Culture & Values

Operations Values:

  • User-Centricity: A deep commitment to understanding and serving the needs of the end-user in all design decisions.

  • Innovation & Experimentation: Encouraging the exploration and adoption of new technologies, particularly AI, to push creative boundaries and improve efficiency.

  • Collaboration & Transparency: Open communication and teamwork across design, development, and client management roles.

  • Results-Oriented: A focus on delivering designs that not only look good but also achieve measurable business objectives, such as increased conversions.

  • Continuous Improvement: A mindset of learning and adapting, staying current with industry trends and best practices in web design and UX.

Collaboration Style:

  • Cross-Functional Integration: Close working relationships with developers to ensure technical feasibility and smooth implementation of designs.

  • Feedback-Driven: A culture of constructive feedback, both giving and receiving, to refine designs and processes.

  • Client Partnership: Building strong relationships with clients through clear communication, active listening, and collaborative design discussions.

๐Ÿ“ Enhancement Note: The culture values innovation, user focus, and tangible results, aligning with the "AI-First" and "conversion optimization" aspects of the role. A collaborative and transparent approach is expected, crucial for a hybrid/remote team.

โšก Challenges & Growth Opportunities

Challenges:

  • Balancing AI Integration with Human Creativity: Effectively leveraging AI tools without compromising original design thinking or unique brand identity.

  • Translating Complex Requirements: Simplifying intricate user journeys and business logic into intuitive and user-friendly interfaces.

  • Client Expectation Management: Effectively communicating design rationale and managing client feedback, especially when introducing new technologies or approaches.

  • Keeping Pace with Technology: Continuously learning and adapting to the rapid evolution of web technologies, design tools, and AI advancements.

Learning & Development Opportunities:

  • AI in Design Specialization: Opportunities to become an expert in using AI tools for various design tasks, potentially leading to internal workshops or client advisory.

  • Conversion Rate Optimization (CRO) Training: Developing deeper expertise in CRO techniques and applying them to design strategies.

  • Advanced Figma Techniques: Mastering new features and workflows within Figma to enhance design efficiency and scalability.

  • Mentorship Programs: Learning from senior designers and potentially mentoring junior team members as you grow within the company.

๐Ÿ“ Enhancement Note: The challenges are framed around the modern demands of a UX/UI role, particularly the integration of AI and client management. Growth opportunities are tied to specialization in these emerging areas.

๐Ÿ’ก Interview Preparation

Strategy Questions:

  • "Describe a time you used AI tools to accelerate your design process. What was the outcome?" (Focus on specific tools, your role, and measurable impact.)

  • "How do you approach designing for conversion optimization on a landing page? Walk us through your process." (Highlight your understanding of user flows, CTAs, and A/B testing considerations.)

  • "Explain your process for translating a complex user journey into a simple, intuitive interface. Use an example from your portfolio." (Demonstrate your problem-solving and user-centric design thinking.) Company & Culture Questions:

  • "What interests you about mmmake and our approach to AI in design?" (Show you've researched the company and are enthusiastic about their direction.)

  • "How do you handle constructive criticism on your designs, especially from clients or developers?" (Assess your collaboration and communication skills.)

  • "How do you stay updated with the latest trends in web design and AI?" (Indicate your commitment to continuous learning.) Portfolio Presentation Strategy:

  • Structure Your Narrative: For each project, follow a clear story: Problem -> Your Role -> Process (including Figma & AI) -> Solution -> Results.

  • Quantify Impact: Whenever possible, use data and metrics to demonstrate the success of your designs (e.g., % increase in conversion, reduction in bounce rate).

  • Showcase Figma Proficiency: Be ready to demonstrate specific Figma features if asked, or have clear screenshots/recordings of your work in Figma.

  • Explain AI's Value: Clearly articulate the "why" and "how" of your AI tool usage โ€“ was it for ideation, asset creation, research, or something else? What was the tangible benefit?

  • Be Ready for Live Design: In some cases, you might be asked to do a quick live design exercise. Focus on process and clear communication.

๐Ÿ“ Enhancement Note: Interview preparation should focus on articulating the practical application of UX/UI skills, especially concerning Figma and AI, and demonstrating how these skills drive business results for clients.

๐Ÿ“Œ Application Steps

To apply for this operations position:

  • Submit your application through the provided link on the mmmake careers page.

  • Tailor Your Resume: Highlight experience with UX/UI design, responsive web design, Figma, AI tools, conversion optimization, and client consultation. Use keywords from the job description.

  • Curate Your Portfolio: Ensure your portfolio prominently features web design projects, showcases your Figma expertise, details your AI integration workflows, and includes measurable results.

  • Prepare Your Narrative: Practice articulating your design process, rationale, and the impact of your work, especially for AI-driven projects and client interactions.

  • Research mmmake: Understand their client base, project types, and their stated commitment to AI in design to tailor your application and interview responses.

โš ๏ธ 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.

Application Requirements

You must have a strong portfolio focused on web design and proficiency in Figma, including auto-layouts and component libraries. A solid understanding of web standards, accessibility, and the technical interaction between CMS and frontend code is required.