Loading
Work

UX/UI Design Showroom

UX/UI Design Showroom

My Role

Lead UX/UI & Brand Designer

Timeline

Ongoing

Overview

This showroom features a selection of UX/UI design work across different industries and project scales. Each project reflects my problem-solving approach, built on empathy, strategic thinking, and long-term scalability. All visuals represent final UX/UI designs as they were handed over for implementation. My full case studies remain password-protected and provide deeper insight.

Goal

The goal of this showroom is to provide an insight into my work before diving into detailed password-protected case studies. It‘s created to show how I approach UX/UI design beyond just the visual polish.

Gruppe Waser

Gruppe Waser is a multi-brand dealership group covering automotive, motorcycle, and camping businesses across four platforms. The core challenge was a fragmented digital presence that lacked clarity, cohesion, and scalability, impacting both group recognition and long-term maintainability.

As the sole designer, I led the complete UX structure, brand system, and interface logic across all platforms. From early concept and wireframing through design system development and final handoff, I owned all design decisions, grounding them in user behavior, product logic, and psychological principles rather than aesthetics alone.

The foundation of the project was a clearly defined information architecture and page logic, developed through wireframing to smoothly guide users through different use cases, ranging from vehicle browsing to complex camper rental flows, while maintaining intuitive navigation, clear hierarchy, and logical content placement across all devices.

One of the main design challenges was creating components that scale across fundamentally different products and dimensions. Certain modules needed to work equally well for motorcycles, cars, and large camper vehicles without compromising layout balance, hierarchy, or perceived quality. Addressing this challenge required precise control over spacing, proportions, responsive behavior, and interaction states across all platforms.

To address this, I aimed for a high-end scalable dark mode design system that feels premium yet "invisible," ensuring the interface never steals the spotlight from the vehicles themselves. As a result, it unifies all four websites into a single, recognizable Waser world. Layouts, spacing logic, typography, components, and interaction patterns are shared across the system to ensure visual consistency. In order to preserve the individuality of each brand, I carefully selected primary colors, applied consistently across UI states, accents, and key interactions. Each color was chosen to reflect the respective brand context while functioning reliably within the same contrast, accessibility, and state logic throughout the system. I designed the system modularly, allowing the client after implementation to drag and drop modules to grow the site while maintaining spacing and visual integrity.

The interface was intentionally designed to feel premium, modern, and calm, ensuring the products remain the visual focus. Usability, clarity, and accessibility were prioritized across all key flows, with careful attention to interaction states, contrast ratios, focus handling, and input logic to support inclusive experiences. Micro-interactions and animations were refined down to the smallest meaningful states to ensure a high-quality experience across all devices. 

Beyond UX and UI, I was responsible for a comprehensive brand realignment across the group. This included refining the existing Waser logo to improve balance and quality, developing a new logo for Automarkt 2000 aligned with the system, and renaming the camping division to strengthen group affiliation. To support this structurally, I introduced a dedicated Gruppe Waser brand layer to centralize shared content such as careers and company information, reinforcing the group identity across all touchpoints.

The result is a cohesive, future-proof digital ecosystem that improves usability across multiple platforms, strengthens brand perception, clearly positions Waser as a unified group, and provides a scalable foundation for long-term maintainability and growth.

There’s more to the story: A detailed case study is available upon request and provides deeper insight into the UX strategy, system design, and decision-making behind the final result.

Autohaus Waser car model page design
Caption
Autohaus Waser mobile website design showcasing car model pages and modern UX/UI layout
Caption
Autohaus Waser website design showcase
Caption

 

Camping Waser website design showing camper rental interface on laptop and mobile devices
Caption

 

Motorrad Waser website design showcase
Caption
Motorrad Waser mobile website design showcasing Ducati model on red background
Caption

 

Automarkt 2000 website design, showcasing the hero section and export service layout
Caption

 

Waser Group logo redesign showing before and after versions
Caption
Waser Group logo applications displayed on signage, paper embossing, and business card mockups
Caption
Automarkt 2000 logo redesign showcased as metallic wall signage in office environment
Caption

 

Gruppe Waser previous website designs before the full brand and UX/UI relaunch
Caption

 

Gruppe Waser redesigned websites overview showcasing new unified brand and modern UX/UI design
Caption

 

 

Arriva

Arriva postal service website design
Caption
Arriva postal service UI layouts
Caption

 

Before & After

Arriva homepage redesign comparison
Caption
Arriva parcel page redesign comparison
Caption

 

 

Exklusiv Wohnen Sipplingen

Complete mockup of the final responsive UX design for the Sipplingen 'Wohnen am See' real estate website, displayed across desktop, tablet, and mobile devices.
Caption
Final UX design prototype showcasing the Hero section of the Sipplingen website, emphasizing polished visual elements and user engagement for the real estate market.
Caption
Prototype video of the initial UX design concept for the Sipplingen real estate website, featuring the Hero section with interactive hover effects in the navigation.
Caption
Scroll-through video of the final UX design prototype for the Sipplingen website, displaying the refined page layout and content flow.
Caption

 

 

Grünvogel Immobilien / Branding

Final logo design for Grünvogel Immobilien, combining elements from all variations to create a modern, high-quality, and sustainable brand identity in the real estate sector.
Caption

 

 

SK ONE

Initial draft of the redesigned SK One website layout, featuring new UX/UI elements and structure.
Caption
Dynamic menu on the SK One website with mouse movement-triggered effect and hover effect that splits the text.
Caption
Interactive service showcase with parallax effect for SK ONE, highlighting key offerings through dynamic animations
Caption

 

 

SheInspiresDay 2025

SheInspiresDay landing page – bold pink and yellow event design.
Caption

 

 

Taxi Wolf

This redesign focused on modernizing the visual appearance while significantly improving usability and conversion.

A key part of the project was the introduction of a simplified online booking flow. Instead of presenting users with a complex form upfront, I designed the interaction as a two-step process to lower the entry barrier and smoothly guide users into the booking experience. Progressive disclosure helped keep interactions lightweight and reduce cognitive load throughout the process.

Beyond the booking experience, the website was structured to feel clear, trustworthy, and easy to navigate, with a strong focus on visual clarity and essential information.

This approach led to a noticeable increase in online bookings and user engagement, proving how thoughtful UX decisions translate into real-world results.

 

Modern taxi website redesign
Caption
UX/UI redesign for taxi business
Caption

 

Before & After

Before and after Taxi Wolf website design
Caption

 

 

Bodenseeferien

Coming soon

 

 

Staub Wohnbau

Coming soon

 

 

Eliotec

Eliotec smart home & solar energy website with sleek dark and light mode design.
Caption

 

 

Zukunftsregion Konstanz

Zukunftsregion Konstanz – sustainability and future-focused website design with vibrant green colors and illustrations.
Caption