Raven Claw

Minimal design isn’t emptiness—it’s clarity, intention, and the reduction of noise to amplify what truly matters.

Category:

Visual Identity

Author:

Akihiko

Read:

12 mins

Location:

Los Angeles

Date:

Jun 2, 2024

PROJECT OVERVIEW

This case study details the creation of LaneBreak, a gamified workout experience designed to increase user retention and engagement through music-driven immersion. By transforming traditional cardio into an interactive game, the project utilized
a "Habit Loop" psychology (Cue Routine Reward) to motivate users.

PROBLEM

How can Peloton design LaneBreak to enhance user engagement, maintain brand consistency, and ensure
seamless collaboration for a scalable, intuitive workout experience across platforms?

ROLE

Logic & Mechanics Design:

Situation: Standard leaderboards were insufficient for a gamified track where users played at varying difficulties (e.g., Beginner vs. Expert).

Task: Create a "Multiple Leaderboard" system that equitably ranks users based on their specific gameplay choices.

Action: Designed a segmented ranking logic that filtered users by difficulty level and "Moments" completed, ensuring users only competed against peers with similar handicaps.

Result: This fairness engine fostered healthier competition, directly contributing to a 15% increase in workout completion rates.

UI & Visual Feedback:

Situation: Users needed immediate, intuitive feedback on their performance relative to the pack without breaking their workout flow.

Action: Prototyped and finalized high-fidelity Figma UI for the "Post-Ride Leaderboard" and in-game scoring (0–3 star system), utilizing distinct visual cues for achievement tracking.

Result: The clear visual reward system drove repeated engagement, creating a "Habit Loop" that enhanced session duration by 20%.

Logic & Mechanics Design:

Situation: Standard leaderboards were insufficient for a gamified track where users played at varying difficulties (e.g., Beginner vs. Expert).

Task: Create a "Multiple Leaderboard" system that equitably ranks users based on their specific gameplay choices.

Action: Designed a segmented ranking logic that filtered users by difficulty level and "Moments" completed, ensuring users only competed against peers with similar handicaps.

Result: This fairness engine fostered healthier competition, directly contributing to a 15% increase in workout completion rates.

UI & Visual Feedback:

Situation: Users needed immediate, intuitive feedback on their performance relative to the pack without breaking their workout flow.

Action: Prototyped and finalized high-fidelity Figma UI for the "Post-Ride Leaderboard" and in-game scoring (0–3 star system), utilizing distinct visual cues for achievement tracking.

Result: The clear visual reward system drove repeated engagement, creating a "Habit Loop" that enhanced session duration by 20%.

Step 1

Research

Step 2

Ideate

Design

Step 3

Step 4

Prototype

Woman Workout
Woman Sun
Alone
Woman Pose
Asian Woman

Blending function and emotion through visual silence and form:

Great minimalism is emotional. It's not cold—it’s calm. Negative space gives pause. Restraint creates presence. A minimal design invites thought. It makes you notice what’s left, and value what’s removed. You begin to notice not only what’s there, but why it’s there. The gentle rhythm of layout, the silence between sections, the softness of a color against white—it all adds to a visual presence that feels composed, not composed for attention.This clarity becomes identity. The silence of a minimal page can speak louder than a cluttered layout ever could. In branding, that silence becomes a signature tone. Learn more through visual studies on Akihiko Blogs.

© Visual Journal ジャーナル

(WDX® — 02)

Creative Notes

© Visual Journal ジャーナル

Creative Notes

© Visual Journal ジャーナル

Creative Notes

Who Am i?

Let's Find Out

Clarifications

Who Am i?

Clarifications

Who Am i?

Clarifications

FAQ.

Curiosity and Collaboration
is a lifestyle

01

What services do you offer?

02

What is your typical turnaround time?

03

Do you only work in Framer?

04

Can you handle both design and build?

05

Do you offer brand strategy too?

06

What’s your process like?

What services do you offer?

What is your typical turnaround time?

Do you only work in Framer?

Can you handle both design and build?

Do you offer brand strategy too?

What’s your process like?

What services do you offer?

What is your typical turnaround time?

Do you only work in Framer?

Can you handle both design and build?

Do you offer brand strategy too?

What’s your process like?