UX/UI

Relive

About the project.

Relive is an app designed to automatically log a variety of activities such as walking, running, cycling, hiking, and road tripping. Essentially, creating a digital time capsule that can be revisited and shared with friends and an online community. Our goal was to attract and convert new users from other platforms, improve the function and design of the app, and emphasize our product's unique selling proposition: vehicular activity tracking.

Services.

UX / UI Design
Design Audit

Discovery

Project Breakdown

Stage One

Research

"I have to keep switching between Google Maps and Relive to check my route."
Danny, 34

"I only record three activities and I don't like having to scroll through all the activities every time I switch."
Marlon, 27

"Not sure why I would switch from Strava to Relive. All my friends are already on Strava."
Jessica, 29

"I wish this app had a notification page. I keep missing when I get a new follower or comment."
Amanda, 22

"I keep losing my friends when I ride with them. I need to pull over and call them every time."
Steven, 42

We begin with a brief questionnaire.

With the testimonials received, we're able to put together a few quick questions to learn a little more about what the users want. Once we collect this information, we can summarize the user needs and finalize a direction for our UI design.

Are you currently using Strava? Would you consider switching to Relive?

90%

of users don't see a reason to switch from other platforms, like Strava.

Would you benefit from planning your trip in-app?

88%

of users would benefit from in-app trip planning.

Could you see yourself recording group activities?

65%

want group tracking for activities.

Represent our findings through user personas.

We use fictional user personas as characters that represent the findings and testimonials from interviewees and users. This allows us to consolidate a group of problems and experiences into a couple of users.

Persona 1
About

Michael, 32, is a mechanic living in Oakville, Ontario, Canada. He spends his free time taking his adventure bike on long trips or bombs around town on his sport bike in a riding group.

Goal

Track his activities and group rides. Wants to see where his group is in case they get separated; eliminating the need to pull over and share their location.

Key Insights

3 to 5 activities per week.

Group and solo activities.

Share activities with moto community.

Persona 2
About

Sienna, 28, is a content creator living in her van while traveling British Columbia, Canada. She spends her time looking for the best views, frequently hiking and road-tripping.

Goal

Quickly switch between activities and while attaching photos to her posts to share with her friends and followers. She wants to engage more with the van-life community.

Key Insights

4 to 7 activities per week.

Hikes and long road trips.

Share activities with van-life community.

Group of hikers trekking on a rugged mountain trail in Oregon's scenic outdoors.

Problem statement.

Relive aims to increase its user base by 25%. However, user interviews reveal a major barrier: 90% of potential users on competing platforms like Strava see no reason to switch, while only 2% are open to conversion. This signals a critical need to double down on what makes Relive unique—seamless recording and sharing of vehicular activities such as motorcycling and driving.

Project direction.

By enhancing the experience for vehicular users and introducing features tailored to their needs—battery-efficient navigation, ride-sharing maps, and dynamic friend tracking—we position Relive not just as an alternative to Strava but as the platform that prioritizes adventures on wheels. These users, once onboarded, may naturally extend Relive to cover all their fitness and outdoor activities, increasing retention and overall growth.

Motorcyclist riding on a scenic forest road, capturing adventure and freedom.
Stage Two

Design Audit

Discovering current UI issues.

An analysis on the visual elements, information architecture, navigation, content, and anything that impacts the user's experience. Priority 0 is an important issue that needs to be tackled immediately while priority 3 is less important but still worth noting.

Priority 0Priority 1Priority 2Priority 3
1Priority 0

The "add people" icon in the top right and the "Search" button in the primary navigation both takes the user to the search page. This duplicate function does not need to be part of the nav. Let's remove and keep it in the corner.

2Priority 0

The import function has a low importance and should be moved to a lower tier of navigation, like a settings menu. The app is missing a notification page and this would be a great spot to add the button.

3Priority 2

The yellow screens make a monotone, bland feed. The 3D map you can generate makes a more interesting graphic and should be the standard.

4Priority 3

The "Feed" heading does not need to be at the top of the page and in the primary navigation. Remove it from the top of all pages.

5Priority 1

If the selected activity in the drop down menu has more than 11 characters, the text breaks.

6Priority 0

The activity list is long, with 44 activities to choose from. It is great that there are so many activities offered, but it's not great when a user wants to quickly change activities.

7Priority 1

My activity is set to "Motorcycling" but it is recommending hiking routes. This needs to be removed. By removing, we increase the screen real estate for the map; improving the experience on smaller devices.

8Priority 1

If you want to filter the feed, you need to scroll down to "browse by activity type". This should be front and center so you can quickly access it. Just like on the record page, you have to tediously swipe through all 44 activities.

9Priority 1

You have to scroll to the bottom to see your "treasure chest" (completed challenges) and "past challenges". This should be moved to the top so it's easily accessible. "Treasure chest" is uncommon and the term should be revisited.

10Priority 2

The gap between the name and handle is large. The followers / following takes up more space than it needs. It could include more stats - like your total distance traveled. This should be moved to the top with your handle.

11Priority 1

The "get most out of relive" and "unlock perks" should be moved to a settings menu or your notifications as a way to promote the paid version of the app. Constantly seeing the promotion is detrimental to the user's experience.

12Priority 0

"My Routes" should be a page where you can create, save, and explore new routes. Let's move that to the primary navigation where the search button used to be.

13Priority 2

We should add a "badges" tab to showcase your completed challenges. This will replace the "treasure chest" from the challenges page.

14Priority 3

Remove latest activity because it is your most recent activity under the "activities" tab.

Designing new features.

Alongside the priority log, while studying how users interact with the product, it's also important to log any new features we want to introduce that would benefit the users' experience. These can also be assigned a priority level. Alongside an improved UI design, we're going to tackle three new features.

Priority 0
Improved Activity Selection

A quicker activity selector will improve how users switch between activities - no more having to scroll through the entire list.

Priority 1
Group Tracking

This will benefit users that perform group activities. If a user get's lost or left behind, they can check where their friends are located.

Priority 2
Custom Routes

Instead of tracking your activity and route separately in an app like Google Maps, you can do it all within Relive. This will prevent unnecessary battery depletion.

Relive stands out amongst their competitors because it allows users to track vehicular activities. This component is Relive's greatest strength. If we emphasize these key features and target vehicular users, we can grow the audience and convert users from different platforms.

Stage Three

UI Design

Grid System

iPhone 14 + 15 Pro

A refreshed interface that boosts user engagement.

A new card system.

The new card system uses a drop shadow and radiused corners to soften the look. It maintains a minimalist feeling while ensuring the buttons and content stand out from the background.

Rethinking efficiency with an activity bar.

You no longer have to scroll through a list of 40+ activities. Click on the blue plus button to save the activity to your Activity Bar where you can quickly swipe between your common activities.

Keep track of your group.

When performing a group activity, you can see where the others are in real time. This helps you follow their path in case you get separated.

Create custom routes.

You can create custom routes by setting waypoints. Save, share, or explore custom routes based on your selected activity.

Navigate between all available challenges, your current challenges, or your challenge library.

Filter your challenge results by using the quick activity selector.

Before

After

Dark Mode