Fibra Cycling App: Designing Mindful Movement

An outdoor movement app designed to support intentional, nature-connected lifestyles. Paired with the Fibra bike, it helps users discover scenic routes, track progress, and stay motivated through simple features, social tools, and rewarding routines.

Role

Ux Designer, Researcher

Date & Duration

2025, made in 10 weeks

Type

Individual

Problem

As digital engagement grows, people are becoming increasingly disconnected from their bodies and the natural world. Sedentary routines and screen-driven habits contribute to physical stagnation and a loss of meaningful outdoor experiences.

Fibra is a movement-focused app that encourages small, rewarding outdoor experiences through intuitive design and seamless bike integration. Blending soft adventure with digital wellness, it supports a natural return to physical activity without pressure or disruption.

Solution

Audience Insights

Nature lovers and outdoor enthusiasts seeking an exciting, low-effort way to enhance their hiking experiences.

Adventurous Spirit

Active individuals who want a smooth, time-saving descent without sacrificing the thrill or beauty of the trail.

Effortless Transition

Users who value gear that’s compact, durable, and easy to carry — designed to fit into their routines without added weight or hassle.

Smart Portability

Research

50/100%

Hike moderately — once every few months — showing steady outdoor interest.

25/100%

Need motivation and smart support to make physical activity feel achievable and rewarding.

63/100%

Prefer guided routes over searching for locations, favoring convenience and curation.

88/100%

Would use an app to track hikes and rides, indicating strong interest in digital tools for outdoor activity.

Design Pillars

Fosters lasting motivation through shared progress and support.

Community Building

Route Awareness

Supports self-paced journeys by clearly labeling route difficulty—empowering users to choose what feels right for them each day.

Custom Experience

Strengthens user commitment by offering meaningful choices during bike purchase.

Rewards System

Encourages consistency with points that accumulate toward future accessories.

Usability Testing

  • Route selection & start flow

  • Points & rewards experience

  • Community & shop navigation, bike customization

  • Difficulty level display

Tested with 12 users

Flows tested:

  • Evaluate ease of navigation

  • Understand user perception of difficulty levels

  • Gauge clarity and value of the points system

Testing Objectives:

Results:

11/12

Successfully completed core flows: ride start, shop, and community.

5/12

Didn’t think of the customize button as clickable, but inferred its function.

9/12

Found difficulty levels unclear.

6/12

Clearly understood the points system.

Site Map

Typography & Color

Heading: 28pt

Title: 18pt

Body: 14pt

Process

This project gave me full ownership and responsibility for a product. The process started with defining the overall direction of the experience, since both the bike and the app began from an open floor with no predefined visual or interaction language. That early phase focused on aligning on what the product should feel like and who it was for before narrowing decisions down.

I designed the app end to end while working alongside an industrial designer who focused on the bike itself. Once the direction was established, my focus shifted to the technical structure of the app. I prioritized flows, logic, and edge cases before moving into styling. Visual design came later, built on top of a clear and stable foundation rather than driving decisions upfront.

A key part of my process was stepping outside my own perspective and removing personal bias. Alongside formal usability testing, I constantly ran small, informal check-ins by showing work to designers around me who had no connection to the project. Simple questions like “What does this feel like?” or “What would you associate this with?” helped me quickly sense whether the experience communicated what it was meant to, without over-explaining it. These frequent reality checks helped validate the structure and tone early and often. Formal usability testing later confirmed that the core logic and flows were working as intended, while helping refine clarity in specific areas.

Another important aspect of the process was communication. My initial visual instinct leaned more electric and modern, while the physical product leaned more natural and grounded. Aligning those directions required clear reasoning, iteration, and openness to adjustment. Overall, this project strengthened how I move from open exploration into structure, validation, and refinement while keeping the experience cohesive.

Previous
Previous

Porsche: EV Experience Sports Mode

Next
Next

Nest Thermostat: Promoting Sustainable Living