About Projects Services Journal
All projects

Bridlepath

Product Design Brand Identity Mobile UX Design Systems
Role Lead product designer
Platform Mobile
Year 2026
Bridlepath
Overview

Virtual challenges that get riders back in the saddle.

I redesigned Bridlepath end to end: a typographic brand, a token-based component library and all 38 screens of the rider app, from sign-up to subscription. Every flow was rebuilt around one habit: log a ride, see the progress, come back tomorrow.

Problem

Riding alone makes progress invisible.

Most riders train on their own, without a coach or a club calendar. Goals slip, a good week looks like a bad one, and the old app hid its challenges behind menus and a dated brand.

Solution

A challenge you can see yourself finishing.

Every screen answers one question: what should I ride next? An active challenge with a progress bar, one-tap ride logging, badges worth sharing and a European leaderboard. Bridlepath+ unlocks unlimited challenges and XP.

View in Figma

Design process

  1. 01

    Discovery

    Rider interviews Audit of the old app
    Strava and Equilab teardown Challenge mechanics review
  2. 02

    Structure

    Five-tab navigation Challenge lifecycle
    Free and Bridlepath+ rules A 38-screen user flow
  3. 03

    Design

    Typographic brand Tokens and components
    Empty, loading and error states European copy and formats
  4. 04

    Handoff

    Clickable prototype Dev Mode specs
    Accessibility pass Stock photography and icons
The Bridlepath home screen on an iPhone in the pocket of a canvas jacket The Bridlepath riding loop: home with the active challenge, the challenge itself, starting it, logging a ride, picking the date and the badge earned Bridlepath design system: brand red, ink, muted and sunken colours, with Archivo ExtraBold for the logotype and Archivo for the interface Bridlepath discover and compete: browsing 48 challenges, no results, offline, the European leaderboard, rider progress and badges The Bridlepath leaderboard on an iPhone held against fiddle-leaf fig leaves Getting started with Bridlepath: the welcome screen, sign in, the rider profile, the upgrade prompt, choosing a plan and the Bridlepath+ receipt Horses grazing in a misty field, closing the case study with Mike's contact email
Next project Bullshark

Let's collaborate

Mike Lopez © 2026 designed & developed by Mike Lopez GMT+8
All projects

Bridlepath

Product Design Brand Identity Mobile UX Design Systems
Role Lead product designer
Platform Mobile
Year 2026
Bridlepath
Overview

Virtual challenges that get riders back in the saddle.

I redesigned Bridlepath end to end: a typographic brand, a token-based component library and all 38 screens of the rider app, from sign-up to subscription. Every flow was rebuilt around one habit: log a ride, see the progress, come back tomorrow.

Problem

Riding alone makes progress invisible.

Most riders train on their own, without a coach or a club calendar. Goals slip, a good week looks like a bad one, and the old app hid its challenges behind menus and a dated brand.

Solution

A challenge you can see yourself finishing.

Every screen answers one question: what should I ride next? An active challenge with a progress bar, one-tap ride logging, badges worth sharing and a European leaderboard. Bridlepath+ unlocks unlimited challenges and XP.

View in Figma

Design process

  1. 01

    Discovery

    • Rider interviews
    • Audit of the old app
    • Strava and Equilab teardown
    • Challenge mechanics review
  2. 02

    Structure

    • Five-tab navigation
    • Challenge lifecycle
    • Free and Bridlepath+ rules
    • A 38-screen user flow
  3. 03

    Design

    • Typographic brand
    • Tokens and components
    • Empty, loading and error states
    • European copy and formats
  4. 04

    Handoff

    • Clickable prototype
    • Dev Mode specs
    • Accessibility pass
    • Stock photography and icons
The Bridlepath home screen on an iPhone in the pocket of a canvas jacket The Bridlepath riding loop: home with the active challenge, the challenge itself, starting it, logging a ride, picking the date and the badge earned Bridlepath design system: brand red, ink, muted and sunken colours, with Archivo ExtraBold for the logotype and Archivo for the interface Bridlepath discover and compete: browsing 48 challenges, no results, offline, the European leaderboard, rider progress and badges The Bridlepath leaderboard on an iPhone held against fiddle-leaf fig leaves Getting started with Bridlepath: the welcome screen, sign in, the rider profile, the upgrade prompt, choosing a plan and the Bridlepath+ receipt Horses grazing in a misty field, closing the case study with Mike's contact email
Next project Bullshark

Let's collaborate

Mike Lopez
© 2026 designed & developed by Mike Lopez GMT+8