01234567890 01234567890
Refining pixels...
100

WAYZmobile app

Elevating a mobile app experience
Through strategic UX thinking, usability optimization, and interaction system design

About Our Drive More. Earn More. Advertise Smarter.

  • UI Design
  • UX Design
  • Concept
  • Mobile App
  • Branding

A mobile platform connecting brands and drivers through real-world advertising powered by distance tracking and rewards.

White sedan, the vehicle used across the WAYZ campaign visuals
Project
Mobile App
Industry
WAYZ
Date
2025
Location
Morocco

WAYZ is a B2B2C mobile platform that connects global brands with everyday drivers through real-world advertising campaigns.

Drivers earn money and rewards by driving with branded vehicle adhesives, while brands gain measurable exposure based on real distance and usage.

Problem & Solution

Understanding Problems to Create Better Solutions

Hand holding a phone showing the WAYZ 'Activate your drive' screen

Problem

Brands can't reliably measure real-world ad impact, and drivers don't have a clear, motivating way to earn from daily driving. Most solutions lack transparent goals, live progress, and rewards that keep users engaged.

Solution

WAYZ links brands and drivers through distance-based advertising campaigns tracked in real time. Drivers follow clear daily and monthly targets, monitor progress in a simple dashboard, and unlock brand-specific rewards and gifts. Brands benefit from measurable exposure, active participation, and performance data tied to real driving behavior.

The WAYZ app icon on an iPhone home screen

User Research

Understanding Users Through Deep Research

63%

Drivers engage more with transparent earning systems.

86%

Users say clear objectives support long-term retention.

42%

Drivers indicate rewards boost motivation during campaigns.

User & Flow

Understanding Complete User Journey & Flow

Onboarding Login Signup
  1. Active Drive

    • Live map
    • Goal update
    • Auto distance
    • Route tracking
  2. User Activity

    • Data stored
    • Account linked
    • Analytics sync
  3. Active Campaign

    • Objectives
    • Brand
    • Current period
  4. Rewards Center

    • Available
    • Redeemed
    • Cash-out
  5. Profile & Settings

    • Settings
    • Support
    • Personal info

User Persona

Understanding Users Through Detailed Persona

Predominantly male drivers who use the app for daily driving and passive income generation.

Male 80% Female 20%

Female drivers who value clarity, transparency, and female-oriented rewards during active campaigns.

Adam

29 years old, Freelancer

Goals
  • Transparent earning system
  • Predictable progress tracking
  • Simple, low-effort participation
Pain points
  • Progress opacity
  • Objective ambiguity
  • Delayed gratification
Portrait of Adam, the WAYZ driver persona

Adam

Primary persona · Driver

Design Process

Step-By-Step User Centered Design Process

  1. Discover

    Initial phase
    • User & stakeholder interviews
    • Problem finding
    • Define
  2. Design

    Early usage
    • Wireframe
    • Style guide
    • Visual design
  3. Deliver

    Stabilization
    • Handover
    • Long-term support
    • Developer collaboration

Typography & Color

Typography & Color Define Visual Identity

Urbanist

Weight (03)

Size
24–56
Height
90%–160%

WAYZ Driver Overview

Heading 56px

Track & Earn While You Drive

Subheading 30px

Live distance tracking

Body 16px

Design Grid

4 Column Grid

20px
440px 16px gutter
20px
WAYZ app icon
WAYZ | Mobile Advertising×
wayz.ma

UI Showcase

Explore the Wayz User Experience

WAYZ splash screen on iPhone Login, login with keyboard, and signup screens Two phones showing the live driving map Campaign summary cards for Coca-Cola and Starbucks months Rewards center and a reward detail screen Driver profile and settings screen

App entry point with clear brand identity and fast launch feedback.

Campaign screens on two angled phones
WAYZ mark
Live map next to the campaign card
White sedan in front of the WAYZ wordmark

Prototype

Walking Through the Live Prototype

A screen recording of the clickable Figma prototype. It walks through the main WAYZ screens in order. It starts on its own when it scrolls into view; tap the screen to pause.

0:00

The prototype recording is on its way.

Monarch
Keep Scrolling