Boatsetter App: How a UX Redesign Led to 2× Higher Conversions

5 MINUTES READ

Launched June 2020

Boatsetter App: How a UX Redesign Led to 2× Higher Conversions

5 MINUTES READ

Launched June 2020

Company

Boatsetter

Date

Launched June 2020

Role

Lead Product Designer

Boatsetter is a peer-to-peer boat rental platform, making it easy to find and book a boat ride anywhere in the world.
Boatsetter is one of the largest peer-to-peer boat-rental platforms, with 50,000+ boats in almost 700 locations worldwide.
In this case study, I share how I redesigned the Boatsetter Rental app to make it simpler, faster, and more intuitive—and how those changes led to strong performance gains. We shipped it on a tight timeline, so cross-functional alignment played a big role in getting it over the finish line.
Boatsetter is a peer-to-peer boat rental platform, making it easy to find and book a boat ride anywhere in the world.


Boatsetter is one of the largest peer-to-peer boat-rental platforms, with 50,000+ boats in almost 700 locations worldwide.

In this case study, I share how I redesigned the Boatsetter Rental app to make it simpler, faster, and more intuitive—and how those changes led to strong performance gains. We shipped it on a tight timeline, so cross-functional alignment played a big role in getting it over the finish line.

This project had a few documented, measurable goals we were working towards


  1. Platform parity between web and app

  2. Improve performance

  3. Fix usability issues

  4. Improve accessibility

This project had a few documented, measurable goals we were working towards


  1. Platform parity between web and app

  2. Improve performance

  3. Fix usability issues

  4. Improve accessibility

I started by auditing other rental platform to gather and inform my perspective on best practices


From the audit we were able to see the areas which needs most improvement and had the biggest accessibility issues, and note which areas were of the most importance to be updated.

I took a beat to gather visual and motion inspiration, knowing we had an opportunity to really improve the UI


Before making any structural or visual decisions, I explored patterns, color approaches, and imagery from best-in-class products. This gave me a clear understanding of where we could push, what we should rethink, and how to establish a cohesive system from day one.

High fidelity design explorations helped the team align on what would and wouldn't be in scope


We explored multiple design concepts before converging on a hybrid direction that brought together the strongest elements from each. Several of the UI patterns I introduced—such as oversized page titles, a bottom navigation system, a refined selector pattern, and a unified Back/X treatment—were adopted in the final product.

Once we had alignment on a direction, I designed the full rental app experience


Once our core concept was locked in, I shifted into designing the full end-to-end product experience. I led several key areas of the app—building the sections where users could track upcoming bookings, communicate with their captain and crew, manage cancellations, and view or update their account details.


This phase brought the concept to life by ensuring every part of the journey felt cohesive, intuitive, and trustworthy.

Feature highlight: Redesigning the booking experience for more seamless management, changes or cancellations


One large area of focus was the experience for boat bookings — the hub where users can see, manage, edit or change any boating trips. This space needed to feel organized, intuitive, and reliable, especially when users were making time-sensitive changes to their plans.


Key areas of focus included:

  • Creating a streamlined Edit Trip flow

  • Improving the content hierarchy for faster scanning

  • Introducing a clear “edit pending” status

  • Designing a more intuitive Cancel Booking experience

  • Repositioning key actions to reduce friction

  • Redefining and reorganizing booking labels for clarity


Ensuring accuracy in our developer handoff


One of my favorite parts of working at Boatsetter was our commitment to precise, intentional handoff. We created a dedicated Redlines page in our final Figma file, documenting every spacing rule, typography choice, and micro-interaction. This served as a single source of truth for engineers—ensuring that when questions came up or we entered Design QA, every detail was clearly defined and easy to reference.


And, true to start-up culture, I completed this project by making updates and additions of new components to our design system


Like most startup teams, we all wore a lot of hats—and one of mine was owning our Figma component library. As we wrapped up the project, I built and documented all of the new components, updated our design system guidelines, and made sure everything was polished and ready for the team. I designed, tested, and refined each component before publishing it to the shared library, then shared it out to our tiny-but-mighty design team so they could use the new components too.

The Boatsetter Rental app relaunched right on time—before the summer high season.


Delivering on time ensured the redesigned experience could drive impact during the season when bookings spike.

Results in the numbers

0x

0x

App bookings

0x

0x

App bookings

0%

0%

engagement increase (compared to web)

0%

0%

engagement increase (compared to web)

0x

0x

Faster performance

0x

0x

Faster performance

1star

1star

App ratings

1star

1star

App ratings