All projects

Throughline

Leadership App Mobile UX Brand Identity Design Systems
Role Lead product designer
Platform Mobile
Year 2026
The Throughline Today screen on an iPhone held in one hand over a grey fabric sofa
Overview

Turn a leadership intent into five minutes of practice a day.

Throughline is a leadership development app for managers, and I redesigned it end to end, from a new mark and brand to a token-based component library and all 64 screens of the member app. Every flow now leads back to one daily habit, which is to open the app, do the practice you planned and log what changed, so the plan a manager writes stays in daily use.

Problem

Leadership plans fade by Monday.

Managers leave a workshop with good intentions and go back to a full calendar, so the plan they wrote gets forgotten. The old app kept that plan behind a floating button and split it across a hub and a coach dashboard, under a dated indigo brand.

Solution

One plan, five minutes a day.

Today opens on the manager’s own intent and the one practice planned for the day, with a single red button to log it. The plan, the coach and the learning all work from the same intent, objectives and measures, and the member’s own words are set in a serif so they always read as theirs.

Design process

  1. 01

    Discovery

    Audit of 80 old screens Old navigation mapped
    The daily loop defined Copy and content review
  2. 02

    Structure

    Five-tab navigation One wizard pattern
    Account in bottom sheets A 64-screen user flow
  3. 03

    Design

    New mark and wordmark Tokens and components
    Serif for the member voice Liquid glass navigation
  4. 04

    Handoff

    Documented style guide Flow annotations
    Contrast checks Licensed photography
The Throughline plan screen on an iPhone lying on a wooden desk The daily practice in the Throughline app, with Today, logging the practice, what changed, the dark done screen, the plan and progress week by week Throughline design system with thread red, ink, muted and sunken colours, Newsreader for the member's own words and Host Grotesk for the interface Writing the plan in the Throughline app, from your why and a focus area to a drafted statement, objectives, measures and a scheduled practice The Throughline Learn screen on an iPhone held in one hand among fig leaves Learning, coaching and community in the Throughline app, with courses picked for the plan, a book in three formats, a coach profile, groups of people leaders and a post thread Someone writing in a notebook beside a cup of coffee, closing the case study with Mike's contact email

Let's collaborate

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

Throughline

Leadership App Mobile UX Brand Identity Design Systems
Role Lead product designer
Platform Mobile
Year 2026
The Throughline Today screen on an iPhone held in one hand over a grey fabric sofa
Overview

Turn a leadership intent into five minutes of practice a day.

Throughline is a leadership development app for managers, and I redesigned it end to end, from a new mark and brand to a token-based component library and all 64 screens of the member app. Every flow now leads back to one daily habit, which is to open the app, do the practice you planned and log what changed, so the plan a manager writes stays in daily use.

Problem

Leadership plans fade by Monday.

Managers leave a workshop with good intentions and go back to a full calendar, so the plan they wrote gets forgotten. The old app kept that plan behind a floating button and split it across a hub and a coach dashboard, under a dated indigo brand.

Solution

One plan, five minutes a day.

Today opens on the manager’s own intent and the one practice planned for the day, with a single red button to log it. The plan, the coach and the learning all work from the same intent, objectives and measures, and the member’s own words are set in a serif so they always read as theirs.

Design process

  1. 01

    Discovery

    • Audit of 80 old screens
    • Old navigation mapped
    • The daily loop defined
    • Copy and content review
  2. 02

    Structure

    • Five-tab navigation
    • One wizard pattern
    • Account in bottom sheets
    • A 64-screen user flow
  3. 03

    Design

    • New mark and wordmark
    • Tokens and components
    • Serif for the member voice
    • Liquid glass navigation
  4. 04

    Handoff

    • Documented style guide
    • Flow annotations
    • Contrast checks
    • Licensed photography
The Throughline plan screen on an iPhone lying on a wooden desk The daily practice in the Throughline app, with Today, logging the practice, what changed, the dark done screen, the plan and progress week by week Throughline design system with thread red, ink, muted and sunken colours, Newsreader for the member's own words and Host Grotesk for the interface Writing the plan in the Throughline app, from your why and a focus area to a drafted statement, objectives, measures and a scheduled practice The Throughline Learn screen on an iPhone held in one hand among fig leaves Learning, coaching and community in the Throughline app, with courses picked for the plan, a book in three formats, a coach profile, groups of people leaders and a post thread Someone writing in a notebook beside a cup of coffee, closing the case study with Mike's contact email

Let's collaborate

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