Background Campfire.png
Tribe Pilot Logo.png

Mobile Group List Redesign

Tribe Pilot

CONTEXT

Tribe Pilot is a mobile trip planning tool for getting groups of friends on outdoor adventures. I was the first and only design hire shortly after its launch in the fall of 2017. 

I redesigned the entire app during my first year at the company, including the most used aspect of the app: the group list feature.

The feature allows participants of a trip to share a checklist in real time. They can assign out items, save the list to their library, and modify the users who have access to the list. 

In late 2019 I started redesigning screens for dark mode, and by early 2020 it was time to update the list feature as well. We figured it was finally time to add the additional functionality that we didn't have the resources to include the first time around.

ROLE

Product Designer

SKILLS USED

Market Research, Wireframing, High Fidelity Prototyping, User Testing, High Fidelity User Interface and Interaction Design

TOOLS USED

Sketch, InVision

TIMEFRAME

January - February 2020

Original State

ACCEPTANCE CRITERIA

I first sat down with the CEO/product manager to take inventory of the functionality that we wanted to add to the feature. We took into consideration the user feedback we'd heard over the past year since its original launch. 

Updates to Include:

  • Redesign for dark mode

  • Improve flow for creating group trips

  • Add items to bottom of list instead of tip

  • Tap and hold to rearrange

  • List description

  • Auto-delete items with no text

  • Highlight "Copy List to Library" function to encourage paid upgrades

  • Sublists 

  • Item quantities

  • Add note to item

  • Add photo to item

  • Add reminder to item

STATE OF THE ART RESEARCH

Next I spent days looking over and using existing products to get inspiration and a sense of the kinds of interactions people expect from mobile list software. I noted the aspects I liked the most from each of the apps and combined them into my own version.

Screen Shot 2021-04-13 at 10.08.44 PM.pn

LIST CREATION FLOW

My first priority was to improve the flow of creating a list and adding people to it. Originally people would create a list then add people to it, but many users didn't realize there was the ability to add people - the main benefit of the list. So this time around I wanted adding people as part of the creation flow. There's the option to add everyone currently on the trip and everyone who joins the trip (Pro feature), as well as any combination of individuals who are already on the trip. This had to be very simple and clear for users so they knew exactly who would have access to the list.

Flow Sketch

Screen Shot 2021-04-13 at 11.18.44 PM.pn

Wireframe

Screen Shot 2021-04-13 at 11.37.37 PM.pn

Final Designs

Screen Shot 2021-04-13 at 11.31.34 PM.pn

INTERFACE UPDATE AND ADDED FUNCTIONALITY

Working on the interface was an iterative process that progressed as I worked on the functionality. The presentation of the different actions influenced the graphics of the list page - they both evolved together.

Functionality to Add:

  • Sublists

  • Item Quantities

  • Item Reminders

  • Items Notes

I wanted to experiment with the different ways of displaying list items, as well as how to include so much functionality within each item. I took inspiration from the app Things in combination with Reminders.

Some Iterations

Screen Shot 2021-04-14 at 12.36.59 AM.pn

Figuring Out Sublist Behavior

Screen Shot 2021-04-13 at 10.55.28 PM.pn
Screen Shot 2021-04-13 at 10.55.38 PM.pn
Screen Shot 2021-04-13 at 10.54.58 PM.pn

REFINEMENT

After touching base with the entire team, we decided to cut some of the functionality in order to get the redesign out the door faster. We decided to cut the notes, reminders, and quantities, but leave the sublists.

Because there was no longer a need for so many buttons within each list item, we decided that sublists would be achieved through swiping.

Final Designs

Screen Shot 2021-04-14 at 2.13.57 PM.png

BEFORE

Designed 2018

Screen Shot 2021-04-13 at 11.41.45 PM.pn

AFTER

Designed 2020

Screen Shot 2021-04-13 at 11.41.56 PM.pn

OUTCOME

After delivering the annotated designs in early 2020, the redesign was in the app by spring. Users were thrilled about the new look and feel of the list feature. Upon followup conversation, we found out that more people were using group lists because of the integration of adding people to the creation flow. People also stated that the interface felt much more natural and intuitive to them. Saving lists to the library also became more popular in the subsequent months, converting more free to paid users and adding more value to already paying customers.

Group lists continue to be the feature that creates the most conversions from free to paid users. 

Designs in Production