MODULOY

Role: Product Designer | Company: Userdoo | Domain: White-Label Loyalty Platform | Timeline: 6 weeks, 2025 | Team: 3 designers

IMPACT & OUTCOMES
CONTEXT & PROBLEM
PROCESS & SOLUTION
REFLECTIONS
RESULT
BACKGROUND
PROCESS
REFLECTION
IMPACT & OUTCOMES
CONTEXT & PROBLEM
PROCESS & SOLUTION
REFLECTIONS

RESULT

Business

  • 14 brand adaptations delivered across outdoor gear, restaurants, hardware, pet supplies, and luxury retail (3 owned end-to-end, 9 co-designed)

  • Component system cut per-brand onboarding from months to weeks

  • Initial brand concepts were the tangible asset that enabled the client to pitch and win a 9-brand holding company deal

  • New revenue stream through white-label licensing; market expansion beyond grocery retail

Design System

  • Framework validated across vastly different brand personalities

  • Component library reduced per-brand scope from full conceptualization to template adaptation

  • Brand guideline documentation prepared for development handoff

BACKGROUND

As one of three product designers, I owned end-to-end design for three brand adaptations (Globetrotter, Peter Pane, BauSpezi) and co-designed nine additional brands. I also led the development of the component-based system that enabled the team to shift from deep conceptualizations to rapid brand adaptation.

Denns BioMarkt's loyalty app worked well for one brand. The client saw an opportunity to monetize the existing backend by licensing it to other companies, but had no design framework to do it efficiently.

The brief: create a flexible design system that could support diverse brand personalities without rebuilding the product from scratch for each client.

The challenges were concrete: no process for rapid brand adaptation, unknown scalability of the existing UX across different industries, tight pitch timelines, and resource constraints that made full custom development per brand impossible.

PROCESS

Phase 1: Deep Conceptualization (5 Brands)

Before building any system, I needed to understand what was fixed and what was flexible. I analyzed the core loyalty app mechanics and mapped elements into two categories:


Universal (unchanged across brands):

  • Points tracking and redemption

  • Store locator functionality

  • Promotional content display

  • User account management


Brand-specific (adapted per industry):

  • Visual identity and color schemes

  • Content types (recipes vs. DIY guides vs. event listings)

  • Loyalty mechanics (points vs. stamps vs. tiers)

  • Industry-specific features


This framework guided every subsequent adaptation decision.

Featured Brand Adaptations

Globetrotter (Outdoor Gear)


Challenge: Adapt a grocery loyalty app for adventure enthusiasts.


Solution: Transformed the app into an outdoor lifestyle platform. Homepage featuring outdoor events, seasonal gear promotions, and adventure content. Events screen with in-store workshops, guided hikes, and gear-testing events. Offers page with category-based, seasonally relevant promotions.

Core insight: outdoor customers value experiences over transactions. The design shifted emphasis from point accumulation to event participation and community.

Peter Pane (Burger Chain)


Challenge: Adapt the points system for fast-food loyalty patterns.


Solution: Pivoted the loyalty model to stamp-card mechanics ("Buy 4 meals, get 1 free") with visual progress tracking, pre-ordering integration to reduce wait times, and location features showing nearby restaurants with wait times and reservation options.


Core insight: fast-food loyalty is about convenience and instant gratification, not long-term point accumulation. Different mechanic, same underlying infrastructure.

3. Notifications System


Problem: No web notifications existed. The mobile version had basic notifications, poorly designed.


Approach:

  1. Analyzed the mobile version for notification types and user needs

  2. Wireframed web-appropriate patterns from scratch

  3. Evolved wireframes into a complete interaction system


System delivered:

  • Read/unread state indicators

  • Filtering by notification type and read status

  • Archive and mark-as-read/unread actions

  • Visual hierarchy for priority notifications

Phase 2: Rapid Adaptation (9-Brand Holding Company)

After the initial concepts, the client pitched to a 9-brand holding company and won. The new challenge: deliver homepage designs for hardware stores, pet supplies, and garden centers with tighter timelines and smaller budgets.


The deep conceptualization work paid off here. I formalized what had been intuitive into a repeatable system:

  1. Core layout templates for quick customization

  2. Brand-specific color and typography systems

  3. Industry-appropriate content modules

  4. Reusable UI components with brand flexibility


This shifted per-brand work from full design conceptualization to template adaptation.

BauSpezi (Hardware Chain)


As the holding company's primary brand, BauSpezi received more detailed treatment: a product-focused homepage with tools, seasonal projects, and DIY inspiration, and a content strategy where how-to guides and project galleries replace recipe content.

REFLECTION

The most valuable thing this project taught me wasn't a design skill; it was a systems skill. Designing for 14 brands means designing for unknown future requirements, not just the brands in front of you. The component structure had to be flexible enough to accommodate industries I hadn't seen yet.

The other lesson: the same loyalty mechanic reads completely differently depending on the industry context it lives in. A stamp card in a burger chain feels natural; the same mechanic in a luxury retailer would feel cheap. Context shapes perception more than the mechanism itself.

What I'd approach differently: establishing quality benchmarks and a formal review process earlier would have reduced iteration cycles as the project scaled.

MODULOY

Role: Product Designer | Company: Userdoo | Domain: White-Label Loyalty Platform | Timeline: 6 weeks, 2025 | Team: 3 designers

IMPACT & OUTCOMES
CONTEXT & PROBLEM
PROCESS & SOLUTION
REFLECTIONS
RESULT
BACKGROUND
PROCESS
REFLECTION
IMPACT & OUTCOMES
CONTEXT & PROBLEM
PROCESS & SOLUTION
REFLECTIONS

RESULT

Business

  • 14 brand adaptations delivered across outdoor gear, restaurants, hardware, pet supplies, and luxury retail (3 owned end-to-end, 9 co-designed)

  • Component system cut per-brand onboarding from months to weeks

  • Initial brand concepts were the tangible asset that enabled the client to pitch and win a 9-brand holding company deal

  • New revenue stream through white-label licensing; market expansion beyond grocery retail

Design System

  • Framework validated across vastly different brand personalities

  • Component library reduced per-brand scope from full conceptualization to template adaptation

  • Brand guideline documentation prepared for development handoff

BACKGROUND

As one of three product designers, I owned end-to-end design for three brand adaptations (Globetrotter, Peter Pane, BauSpezi) and co-designed nine additional brands. I also led the development of the component-based system that enabled the team to shift from deep conceptualizations to rapid brand adaptation.

Denns BioMarkt's loyalty app worked well for one brand. The client saw an opportunity to monetize the existing backend by licensing it to other companies, but had no design framework to do it efficiently.

The brief: create a flexible design system that could support diverse brand personalities without rebuilding the product from scratch for each client.

The challenges were concrete: no process for rapid brand adaptation, unknown scalability of the existing UX across different industries, tight pitch timelines, and resource constraints that made full custom development per brand impossible.

PROCESS

Phase 1: Deep Conceptualization (5 Brands)

Before building any system, I needed to understand what was fixed and what was flexible. I analyzed the core loyalty app mechanics and mapped elements into two categories:


Universal (unchanged across brands):

  • Points tracking and redemption

  • Store locator functionality

  • Promotional content display

  • User account management


Brand-specific (adapted per industry):

  • Visual identity and color schemes

  • Content types (recipes vs. DIY guides vs. event listings)

  • Loyalty mechanics (points vs. stamps vs. tiers)

  • Industry-specific features


This framework guided every subsequent adaptation decision.

Featured Brand Adaptations

Globetrotter (Outdoor Gear)


Challenge: Adapt a grocery loyalty app for adventure enthusiasts.


Solution: Transformed the app into an outdoor lifestyle platform. Homepage featuring outdoor events, seasonal gear promotions, and adventure content. Events screen with in-store workshops, guided hikes, and gear-testing events. Offers page with category-based, seasonally relevant promotions.

Core insight: outdoor customers value experiences over transactions. The design shifted emphasis from point accumulation to event participation and community.

Peter Pane (Burger Chain)


Challenge: Adapt the points system for fast-food loyalty patterns.


Solution: Pivoted the loyalty model to stamp-card mechanics ("Buy 4 meals, get 1 free") with visual progress tracking, pre-ordering integration to reduce wait times, and location features showing nearby restaurants with wait times and reservation options.


Core insight: fast-food loyalty is about convenience and instant gratification, not long-term point accumulation. Different mechanic, same underlying infrastructure.

3. Notifications System


Problem: No web notifications existed. The mobile version had basic notifications, poorly designed.


Approach:

  1. Analyzed the mobile version for notification types and user needs

  2. Wireframed web-appropriate patterns from scratch

  3. Evolved wireframes into a complete interaction system


System delivered:

  • Read/unread state indicators

  • Filtering by notification type and read status

  • Archive and mark-as-read/unread actions

  • Visual hierarchy for priority notifications

Phase 2: Rapid Adaptation (9-Brand Holding Company)

After the initial concepts, the client pitched to a 9-brand holding company and won. The new challenge: deliver homepage designs for hardware stores, pet supplies, and garden centers with tighter timelines and smaller budgets.


The deep conceptualization work paid off here. I formalized what had been intuitive into a repeatable system:

  1. Core layout templates for quick customization

  2. Brand-specific color and typography systems

  3. Industry-appropriate content modules

  4. Reusable UI components with brand flexibility


This shifted per-brand work from full design conceptualization to template adaptation.

BauSpezi (Hardware Chain)


As the holding company's primary brand, BauSpezi received more detailed treatment: a product-focused homepage with tools, seasonal projects, and DIY inspiration, and a content strategy where how-to guides and project galleries replace recipe content.

REFLECTION

The most valuable thing this project taught me wasn't a design skill; it was a systems skill. Designing for 14 brands means designing for unknown future requirements, not just the brands in front of you. The component structure had to be flexible enough to accommodate industries I hadn't seen yet.

The other lesson: the same loyalty mechanic reads completely differently depending on the industry context it lives in. A stamp card in a burger chain feels natural; the same mechanic in a luxury retailer would feel cheap. Context shapes perception more than the mechanism itself.

What I'd approach differently: establishing quality benchmarks and a formal review process earlier would have reduced iteration cycles as the project scaled.