UI-Designer Schwerpunkt E-Commerce (m/w/d)

📍 Job Overview

Job Title: UI-Designer Schwerpunkt E-Commerce (m/w/d)

Company: Webmatch GmbH

Location: Köln, Germany

Job Type: FULL_TIME

Category: UI/UX Design, E-Commerce Operations

Date Posted: 2026-09-18

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

Remote Status: Hybrid

🚀 Role Summary

• Spearhead the visual design language and aesthetic appeal of scalable e-commerce platforms for manufacturers, retailers, and brands.

• Develop and refine modern, high-quality design concepts, including mood boards, visual ideas, and final screen designs, from inception to live deployment.

• Establish and maintain robust design systems and pattern libraries to ensure consistency and efficiency across e-commerce projects.

• Collaborate closely with UX, concept, development, and project management teams to translate business requirements into user-centric and technically feasible interfaces.

• Support the UX team with wireframing and contribute to the overall user experience strategy for transactional websites and online shops.

📝 Enhancement Note: This role emphasizes visual design ("Look & Feel") within the e-commerce space, with a strong focus on translating technical constraints into compelling user interfaces. The "schwerpunkt E-Commerce" indicates a need for domain expertise in online retail platforms, suggesting a role that bridges creative design with operational e-commerce realities.

📈 Primary Responsibilities

• Own the design language and visual identity for assigned e-commerce projects, ensuring a cohesive and appealing user experience throughout the product lifecycle.

• Create detailed mood boards, conceptualize visual themes, and design high-fidelity screen designs that align with brand guidelines and project objectives.

• Develop, document, and maintain design systems and pattern libraries to standardize UI components, promote reusability, and accelerate design and development processes.

• Actively participate in cross-functional team meetings, providing design expertise and collaborating with UX designers, developers, and project managers to ensure seamless project execution.

• Proactively identify and address technical limitations, working pragmatically to maximize design potential within defined system constraints.

• Assist the UX team in creating wireframes and user flows, particularly during critical project phases or when facing resource constraints.

• Stay abreast of current design and UX trends, particularly within the e-commerce landscape, and propose innovative solutions to enhance user engagement and conversion rates.

📝 Enhancement Note: While the core is UI Design, the mention of supporting UX with wireframes and the emphasis on technical feasibility within e-commerce suggests a role that requires an understanding of UX principles and the practicalities of front-end development in an operational context. The responsibility for design systems and pattern libraries directly impacts the efficiency and scalability of e-commerce operations.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a background in Design, HCI, Digital Media, or a related field is highly beneficial. Demonstrated practical experience and a strong portfolio will be prioritized over formal education.

Experience: Minimum of 2-5 years of professional experience in digital product design, with a significant portion focused on e-commerce environments.

Required Skills:

• Proven experience in designing digital products, with a preference for e-commerce platforms (online shops, transactional websites).

• Proficiency in Figma for interface design, prototyping, and collaborative workflows.

• Mastery of the Adobe Creative Suite (Photoshop, Illustrator, etc.) for visual asset creation and manipulation.

• Strong understanding of UX principles and user-centered design methodologies.

• Ability to translate technical restrictions into creative and feasible design solutions.

• Excellent aesthetic judgment, with a strong sense of color theory, typography, and proportion.

• Passion for current design and UX trends, with a proactive approach to learning and experimentation.

• Independent, methodical, and pragmatic work style with a results-oriented mindset. Preferred Skills:

• Experience with e-commerce platforms such as Shopware.

• Familiarity with creating and maintaining design systems and pattern libraries.

• Basic understanding of front-end development concepts (HTML, CSS) to inform design decisions.

• Experience in wireframing and user flow mapping.

📝 Enhancement Note: The "2-5 years" experience level suggests a mid-level role where the candidate is expected to be largely autonomous in their design tasks but may still benefit from mentorship in complex UX strategy or advanced e-commerce integrations. The emphasis on Figma and Adobe Suite is standard, but the explicit mention of Shopware indicates a specific platform preference that could be a significant advantage.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated selection of at least 3-5 significant e-commerce design projects showcasing your UI design expertise.

• For each project, clearly articulate your role, the design process followed, and the specific challenges you addressed.

• Highlight your ability to develop and implement a consistent design language across different screens and user journeys within an e-commerce context.

• Demonstrate your skills in creating visually appealing and user-friendly interfaces that drive engagement and conversions.

• Include examples of your work with design systems or pattern libraries, if available, illustrating how you ensured scalability and consistency. Process Documentation:

• Showcase your approach to translating project requirements and technical constraints into tangible design outputs.

• Provide examples of your workflow from initial ideation (mood boards, sketches) through to final screen designs and asset handoff.

• Illustrate how you collaborate with development and project management teams to ensure design feasibility and efficient implementation.

• Document your process for creating or contributing to design systems, emphasizing efficiency and maintainability.

📝 Enhancement Note: The requirement for a portfolio is critical for a UI Designer. For this role, the portfolio should heavily feature e-commerce projects, demonstrating not just aesthetic skill but also an understanding of conversion-driven design, user journeys in online retail, and the practicalities of implementing designs within e-commerce platforms. Highlighting design system work is a strong plus, as it speaks to operational efficiency.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a Mid-Level UI Designer (2-5 years experience) specializing in E-commerce in Cologne, Germany, the estimated annual salary range is €45,000 - €60,000. This estimate considers the company's mid-size agency profile and the specific demands of the role.

Benefits:

• Diverse further training and development opportunities.

• Deutschlandticket (public transport ticket for Germany).

• Jobrad (company bicycle leasing program).

• Membership in the Urban Sports Club.

• Flexible working time arrangements.

• Employee discounts.

• Additional vacation days.

• High-quality equipment, including a MacBook Pro.

• Unbefristete Festanstellung (permanent employment contract).

Working Hours: Standard full-time working hours are approximately 40 hours per week. The company offers flexible working time arrangements, allowing for adjustments to accommodate individual needs and project demands. Hybrid work model includes 2 mandatory office days per month in Cologne.

📝 Enhancement Note: The salary range is an estimate for a mid-level UI Designer in a German city like Cologne. The listed benefits are comprehensive and align with typical offerings in German tech and design agencies, with a strong emphasis on work-life balance and employee well-being. The mention of "2 Arbeitstagen pro Monat" for office presence clearly defines the hybrid model.

🎯 Team & Company Context

🏢 Company Culture

Industry: Web Development, E-Commerce Solutions, Digital Agency. Webmatch GmbH specializes in developing scalable e-commerce platforms for manufacturers, retailers, and brands, positioning them within the growing digital commerce sector.

Company Size: Mid-Size Agency (implied by "Mid-Size Agentur" and "schlanke Strukturen"). This typically means a team of 50-200 employees, fostering a dynamic and collaborative environment with shorter decision-making chains.

Founded: While the founding date is not explicitly stated, the company's focus on modern e-commerce platforms suggests a relatively established presence in the digital space. The company's website (webmatch.de) can provide more historical context.

Team Structure:

• The operations and design teams likely operate within project-based structures, with designers and developers working collaboratively on client projects.

• Reporting structures are expected to be flat, with designers reporting to a Design Lead, Head of Design, or Project Manager, allowing for direct communication and quick feedback loops.

• Cross-functional collaboration is a cornerstone, with UI designers working closely with UX specialists, concept developers, project managers, and front-end developers to ensure integrated and successful project delivery. Methodology:

• Agile Project Management: Given the agency environment and focus on iterative development, agile methodologies (like Scrum or Kanban) are likely employed for project planning, execution, and delivery.

• User-Centric Design: A strong emphasis on user needs and behaviors is expected, driving the design process from research and ideation through to testing and iteration.

• Data-Informed Design: While the primary focus is UI, the mention of e-commerce implies an understanding of data (conversion rates, user analytics) that can inform design decisions and optimizations.

Company Website: https://webmatch.de

📝 Enhancement Note: The company's description as a "mid-size agency" with "short decision paths" and "lean structures" suggests an environment where individual contributions are highly visible and impactful. The focus on e-commerce platforms means the operations of these platforms are central to the company's mission, and design plays a critical role in their success.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level UI Designer. Candidates are expected to have a solid foundation of design skills and some practical experience, particularly in e-commerce. They should be capable of working independently on design tasks, contributing meaningfully to project teams, and taking ownership of specific design elements or smaller projects.

Reporting Structure: The UI Designer will likely report to a Design Lead, Head of Design, or a Senior Project Manager. Collaboration will be extensive with UX designers, developers, and project management teams.

Operations Impact: The UI Designer's work directly impacts the operational success of e-commerce platforms by enhancing user experience, improving conversion rates, and ensuring brand consistency. High-quality UI design contributes to customer satisfaction, reduces friction in the purchasing process, and ultimately drives revenue for clients.

Growth Opportunities:

• Specialization: Deepen expertise in e-commerce UI/UX design, becoming a go-to specialist for online retail projects.

• Skill Expansion: Transition or expand into more comprehensive UX design roles, gaining experience in user research, usability testing, and information architecture.

• Design Leadership: Progress to a Senior UI Designer or Design Lead position, mentoring junior designers, overseeing design projects, and contributing to design strategy.

• Cross-Functional Development: Gain exposure to project management, front-end development, or e-commerce strategy through close collaboration with other teams.

📝 Enhancement Note: The "Why we?" section explicitly mentions supporting UI designers who want to delve into UX. This highlights a specific growth path within the company, emphasizing learning and development opportunities for individuals looking to broaden their skill sets beyond pure UI.

🌐 Work Environment

Office Type: The company operates a hybrid work model, combining office-based work with remote flexibility. The office is located in the heart of Cologne ("Kölner City").

Office Location(s): Cologne, Germany. Specific office address details are usually provided upon application or interview. The office is described as air-conditioned and dog-friendly.

Workspace Context:

• Collaborative Hub: The office serves as a central point for team gatherings, including monthly breakfast meetings and social activities like Mario Kart tournaments, fostering team cohesion and informal knowledge sharing.

• Technology & Tools: High-quality equipment, such as MacBook Pros, and a modern tool landscape are provided, ensuring designers have the resources needed to perform their tasks efficiently.

• Flexible Setup: Employees have the autonomy to choose between working from home or the office on most days, with two mandatory monthly days in the office to facilitate in-person collaboration and team building.

Work Schedule: Flexible working hours are a key benefit, allowing employees to structure their workday around personal needs and project deadlines, while still adhering to approximately 40 hours per week for full-time roles.

📝 Enhancement Note: The hybrid model with two mandatory office days per month is a specific detail that impacts work-life integration. The "dog-friendly" office and social events like "Mario Kart" and "Frühstück" point towards a relaxed and team-oriented company culture, which can be a significant factor for operations professionals seeking a supportive work environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Submission of a comprehensive application including a CV, cover letter, and portfolio. A specific phrase ("Ich brenne für UI/UX") is required in the application to confirm attention to detail.

• Portfolio Review: A dedicated session to review the candidate's portfolio, focusing on e-commerce projects, design process, and problem-solving approaches. Be prepared to discuss specific case studies and your role in them.

• Technical/Skills Interview: Discussion about UI design principles, UX understanding, proficiency with Figma and Adobe Creative Suite, and experience with e-commerce platforms. This may include a short design exercise or a discussion of technical constraints.

• Team & Culture Fit Interview: Meeting with potential team members and hiring managers to assess collaboration style, cultural alignment, and enthusiasm for the company's mission. Questions will likely focus on how you handle feedback, work in a team, and your approach to learning.

• Final Interview/Offer: Discussion of role specifics, compensation, benefits, and the final offer.

Portfolio Review Tips:

• E-commerce Focus: Prioritize showcasing your best e-commerce projects. Clearly explain the business goals, user needs, and how your design solutions addressed them.

• Process & Rationale: Don't just show the final screens. Explain your design process, the decisions you made, and the rationale behind them. Use wireframes, user flows, and mood boards to illustrate your journey.

• Impact & Metrics: If possible, include metrics or outcomes that demonstrate the impact of your design work (e.g., increased conversion rates, improved user satisfaction).

• Design Systems: If you have experience with design systems or pattern libraries, highlight your contributions and the benefits they brought to projects.

• Conciseness: Be prepared to walk through your portfolio efficiently, highlighting key projects and insights relevant to the role.

Challenge Preparation:

• Design Exercise: Be prepared for a potential small design challenge, either during the interview or as a take-home assignment. This might involve redesigning a specific e-commerce feature or creating a UI element based on a brief.

• Problem-Solving Scenarios: Anticipate questions about how you would approach specific design problems, handle conflicting feedback, or work within tight deadlines and technical limitations.

• Tool Proficiency: Be ready to discuss your experience with Figma and Adobe Creative Suite, potentially demonstrating your skills live or discussing specific features you utilize.

📝 Enhancement Note: The explicit requirement for the phrase "Ich brenne für UI/UX" is a critical detail for application success and indicates the company values attention to detail and genuine interest. The interview process is structured to assess not only design skills but also problem-solving abilities, collaborative potential, and cultural fit within a dynamic agency environment.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The central tool for UI design, wireframing, prototyping, and collaborative design workflows. Proficiency is essential.

• Adobe Creative Suite: Including Photoshop for image editing and asset creation, and Illustrator for vector graphics and icons.

• E-commerce Platforms: Experience with platforms like Shopware is a significant advantage, indicating an understanding of their operational constraints and capabilities.

Analytics & Reporting:

• While not directly a design tool, an understanding of how analytics tools (e.g., Google Analytics, Adobe Analytics) are used to measure design performance is beneficial. Designers should be aware of key metrics like conversion rates, bounce rates, and user engagement. CRM & Automation:

• CRM systems are generally not a primary tool for UI designers, but understanding how user data and CRM integration can influence user journeys and interface design can be an asset.

📝 Enhancement Note: The emphasis on Figma and Adobe Creative Suite is standard for UI designers. The specific mention of Shopware suggests that familiarity with e-commerce platform functionalities and limitations is highly valued, implying that the designer will need to work closely with developers implementing on such platforms.

👥 Team Culture & Values

Operations Values:

• Passion & Enthusiasm: A genuine "passion for UI/UX" is explicitly sought, indicating a value placed on intrinsic motivation and dedication to the craft.

• Pragmatism & Problem-Solving: The ability to work within technical constraints and find practical, effective design solutions is highly valued, aligning with an operational mindset.

• Collaboration & Teamwork: Close collaboration with concept, development, and project management teams is essential, highlighting the importance of effective communication and shared goals.

• Continuous Learning: A "wissbegierig" (curious) and experimental mindset is encouraged, reflecting a value for staying updated with trends and exploring new approaches.

• Quality & Craftsmanship: An aspiration to create "modern and high-quality design concepts" demonstrates a commitment to excellence in execution.

Collaboration Style:

• Cross-Functional Integration: Designers are expected to work seamlessly with UX specialists, developers, and project managers, contributing their expertise to a unified project vision.

• Open Communication: The agency's structure encourages open dialogue and feedback, with designers expected to articulate their design rationale and receive constructive criticism.

• Shared Ownership: While designers own the visual language, the overall project success is a shared responsibility, fostering a collaborative spirit to achieve client objectives.

📝 Enhancement Note: The explicit requirement for "Ich brenne für UI/UX" suggests that passion and a deep interest in the field are core cultural values. This, combined with the emphasis on pragmatism and collaboration, points to a team that values both individual drive and collective effort in delivering successful e-commerce solutions.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Aesthetics with Technical Feasibility: The primary challenge will be to deliver visually stunning and modern interfaces while adhering to the technical constraints of e-commerce platforms and development capabilities.

• Managing Multiple E-commerce Projects: As part of an agency, the designer will likely juggle several projects simultaneously, requiring strong organizational skills and the ability to context-switch effectively.

• Evolving E-commerce Trends: Staying ahead of rapidly changing e-commerce trends, user expectations, and design patterns requires continuous learning and adaptation.

• Integrating New Features: Designing intuitive interfaces for new functionalities or complex e-commerce integrations can be challenging, requiring careful user journey mapping and clear visual hierarchy.

Learning & Development Opportunities:

• Deepen UX Expertise: The company explicitly supports UI designers wanting to move into UX, offering opportunities to learn user research, usability testing, and information architecture.

• E-commerce Platform Specialization: Gain in-depth knowledge of specific e-commerce platforms like Shopware, becoming an expert in their design capabilities and limitations.

• Design System Development: Contribute to or lead the creation and maintenance of design systems, enhancing skills in scalability, component-based design, and documentation.

• Industry Workshops & Training: Access to diverse further training and development opportunities, enabling skill enhancement and professional growth.

📝 Enhancement Note: The explicit mention of supporting UI designers moving into UX is a significant growth opportunity. This indicates a company culture that invests in employee development and allows for career path diversification within the design discipline.

💡 Interview Preparation

Strategy Questions:

• "How do you approach designing for technical constraints in an e-commerce environment?" (Focus on your pragmatic problem-solving and ability to maximize design within limitations).

• "Describe a challenging e-commerce UI project you worked on. What were the key challenges, and how did you overcome them?" (Prepare a detailed case study highlighting your process, decision-making, and outcomes).

• "How do you ensure consistency and scalability in your designs, especially when working with design systems or multiple projects?" (Discuss your experience with design systems, pattern libraries, and your methodology for maintaining brand integrity). Company & Culture Questions:

• "What interests you specifically about UI design in the e-commerce sector?" (Showcase your passion for online retail and its unique design challenges).

• "How do you stay updated on the latest UI/UX trends, particularly in e-commerce?" (Mention specific resources, blogs, conferences, or designers you follow).

• "Describe your ideal work environment and how you collaborate within a team." (Align your response with the company's hybrid model, collaborative culture, and flat structures). Portfolio Presentation Strategy:

• Narrative Approach: Structure your portfolio presentation as a story for each project: the problem, your solution, and the results.

• Visual Clarity: Use high-quality visuals and clear annotations. For e-commerce projects, show user flows, key screens, and any interactive elements.

• Highlight Key Skills: Explicitly point out where your work demonstrates proficiency in Figma, Adobe Suite, design systems, and understanding of e-commerce principles.

• Engage with Questions: Be prepared for detailed questions about your design choices, your process, and your role in team collaborations.

📝 Enhancement Note: The mandatory phrase "Ich brenne für UI/UX" should be woven into your answers where appropriate, demonstrating that you've read the job description carefully and are genuinely enthusiastic about the role and the company's mission.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link, ensuring you include your CV, a cover letter, and your portfolio.

• Crucially, include the phrase "Ich brenne für UI/UX" in your cover letter or CV to confirm you have read the job posting thoroughly. Applications without this phrase will not be considered.

• Tailor your portfolio to highlight your strongest e-commerce UI design projects, clearly explaining your process, contributions, and the outcomes achieved.

• Prepare to discuss your experience with Figma, Adobe Creative Suite, and any knowledge of e-commerce platforms like Shopware.

• Research Webmatch GmbH and the e-commerce industry to articulate your understanding of their business and how your skills align with their goals.

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