Angelo Rosa — Product Designer

Back to portfolio

DiFérias: Nautical Marketplace Discovery and Design

A two-sided nautical marketplace in the Lençóis Maranhenses: discovery with canvas and JTBD, visual identity, the booking journey and automatic payout to the boat owner.

Client
DiFérias
Year
2023
Categories
UI / Product Design

View project

DiFérias: Nautical Marketplace Discovery and Design

A two-sided marketplace in the Lençóis region

Watch on Vimeo

DiFérias is a platform for renting speedboats, boats and nautical experiences around the Lençóis Maranhenses, with bases in Barreirinhas, Atins and Santo Amaro. The product connects people who want a boat trip with people who have a boat to rent, so it has to work for two audiences at the same time: the traveller who books and the owner who lists and gets paid. The home page publishes 50 destinations, more than 200 offers and more than 5 thousand customers.

I was responsible for discovery, design and the implementation of the platform, and I still keep the product running. The first cycle was a POC, recorded in the assessment with the decision to continue through iteration in flow. The live platform is what came next, and it is what this case documents.

The problem has four points of friction, not one

The launch material lists what travellers face when they reach the pier: negotiating price, time and boat without knowing exactly what they are hiring; uncertainty about availability and departure time; missing real photos and missing information about the boat; and payment friction, with little safety in the booking.

On the other side of the marketplace there is a symmetrical and less visible problem: boat owners with idle assets out of season, with no reliable sales channel and no occupancy forecast. A product that only solves the traveller's search does not solve the marketplace, because supply has to be sustainable for the people who list.

Discovery: assessment, JTBD and flow

The work started with two canvases filled in during the Disruption Lab cycle: a Business Value Canvas, which defined goal, audience, problem and differentiators, and a Business Model Canvas, which structured partners, activities, value proposition, channels, costs and revenue.

Assessment board for the DiFérias project with the Business Value Canvas and the Business Model Canvas filled in (documentation in Portuguese)

Next came the Jobs to be Done mapping, with the customer profile on one side and the value map on the other. What was recorded there:

Jobs to be Done board for the DiFérias project with the customer profile and the value map (documentation in Portuguese)

Closing the discovery cycle, I produced the user flow wireframes, covering search, filters, detail, booking, payment, booking management, cancellation and review.

User flow board for the DiFérias project with the search, detail, booking, payment and review screens (documentation in Portuguese)

The brand before the interface

A marketplace for experiences sells trust before it sells a booking, so the visual identity was part of the product work, not a decorative stage. The system includes the logo in every variation the product needs (colour, dark, light and icon), three proprietary graphic elements (sea, sun and wind), a photo bank of the region and the physical applications: a 900 by 300 centimetre billboard, wind flags, a t-shirt and a flyer.

DiFérias visual identity system with the logo and the sea, sun and wind graphic elementsApplication of the DiFérias visual identity on a 900 by 300 centimetre billboard

The hardest decision was about money

The part of the product that demanded the most care was not the search screen. It was the payout to the partner. A marketplace that charges the traveller and has to pay the boat owner carries a trust problem in both directions, and solving it outside the flow (agreed by phone, manual transfer, spreadsheet) destroys the operation as supply grows.

The implementation uses a subaccount per partner with automatic split. The design ended up like this:

On the technical side, two rules went into the design: the subaccount key is returned only once and stays in the backend, and status updates arrive by webhook, with no repeated API polling.

The platform in production

The published product has five main surfaces, and each one answers a moment in the journey:

Home page of the DiFérias platform, with search, offer showcase and destinationsOffer page of the DiFérias platform, with photo gallery, price per day and amenities

I built the site with Lovable on top of a component based design system, with consistent card, typography and spacing patterns across pages. Beyond the five surfaces, the product has home and offer in a mobile version, search, destination, the partner page and an institutional page.

The reel below walks through the product in use, from the home page to the offer page:

Reel of the DiFérias case
Watch on YouTube: Reel of the DiFérias case

What this project changed in how I work

Design does not end at handoff. Because I still keep the product running, every interface decision comes back as operating feedback. That changes the bar: a screen that looks elegant but creates doubt in support does not pass.

Money is part of product design. Partner onboarding, payment split and approval status are experience flows, with states, messages and deadlines. Treating them as an engineering-only matter is the shortest path to a manual operation disguised as a platform.

The supply side needs as much care as the demand side. The partner page has the same job as the offer page: convince, explain and reduce perceived risk.

Trust is designed with concrete information. Real photos of the boat, amenities, price per day and a cancellation policy are what turn a negotiation at the pier into a booking.