Jose Trave
Hostaleria, checkout i quioscos

PortAventura World

Les muntanyes russes Shambhala i Dragon Khan a PortAventura Park
Shambhala i Dragon Khan, PortAventura Park.
Rol
Dissenyador de producte
Equip
Equip de disseny de 4 persones
Plataformes
iOS, Android, web, quiosc
Resultat
Ingressos in-app unes 3× el 2025

Checkout d’entrades i hotel, i quioscos d’autoservei, per a una de les destinacions turístiques més grans d’Europa. Vaig treballar en un equip de disseny de producte de 4 persones.

Tres superfícies, cadascuna pel seu compte

Les entrades, les reserves d’hotel i els quioscos havien crescut per separat. Els quioscos funcionaven amb un sistema de venda antic que mai s’havia unificat amb Express Ticket, el sistema creat un any abans per a les apps d’iOS i Android.

La feina era unificar els quioscos al voltant d’aquest sistema provat en lloc de mantenir dues lògiques de venda. El meu abast: el funnel d’entrades, el flux de reserves d’hotel i el redisseny dels quioscos.

Quioscos

El quiosc comença amb l’elecció d’idioma, castellà, català, francès i anglès, sobre imatges del parc en directe, perquè se senti part del resort i no un terminal genèric. Àrees tàctils, contrast i temps estan ajustats per a l’exterior.

Triar el passi és la decisió amb més pes, així que les opcions de més intenció van primer. Els extres, com fast-track, pàrquing o àpats, mai bloquegen la compra principal, i la cua continua avançant.

El flux, sense editar

Una gravació de pantalla sense editar del checkout Express: selecció del passi, quantitat, què inclou, cistella i confirmació.

Gravació real, de Multipases Express a la confirmació.

El checkout

Amb l’equip de disseny de PortAventura vam redistribuir la pàgina perquè cada element sigui on ajuda a decidir, i vam afegir un resum fix a la dreta que sempre mostra el que s’ha triat i com continuar.

Pas d’entrades amb opcions a l’esquerra i un resum fix a la dreta
Opcions a l’esquerra. Selecció i següent pas a la dreta.

Les opcions canvien, però el resum i el següent pas es queden al mateix lloc, així ningú perd de vista la seva elecció.

Resultats

També vam treballar la conversió i l’accessibilitat en els recorreguts de reserva amb més trànsit. Les xifres exactes, encantat de compartir-les en una trucada.

Ingressos in-app de temporada
Unes 3×2025 respecte al 2024
Quioscos redissenyats
Van superarEls antics, primers 6 mesos

Tokens de disseny

PortAventura World aplega quatre marques: PortAventura Park, Ferrari Land, Caribe Aquatic Park i PONIENT Hotels. Els tokens amb nom d’aspecte, com “medium” o “bold”, es trencaven tan bon punt una segona marca necessitava que bold volgués dir una altra cosa.

Vam passar a noms semàntics, base, variant i interactive, gestionats a Tokens Studio i connectats al repositori, perquè un mateix token es resolgui per marca sense canviar-li el nom.

Tokens tipogràfics abans i després, reanomenats per funció

També vaig alinear els components web de React compartits a la web view dins de les apps de React Native, i vaig lliurar el motion a enginyeria en Lottie JSON, a punt per a producció.