PADLL

Dissenyd’unMVPambperfildualperconnectarsurfistesicreadorsdecontingut.UnaexperiènciadereservasensefriccionsdissenyadaperalaCreatorEconomyesportiva.
(SCROLL) ↓
01

Visió general

Dues necessitats, una sola experiència fluida.

L’objectiu principal de PADLL era fer que el procés de reservar una sessió de fotografia de surf fos el menys dolorós possible. El repte consistia a dissenyar una aplicació unificada per a dos tipus d’usuaris (surfistes i creadors), implementant una estratègia de «Late Register». Això permet a l’usuari explorar el mapa de spots i el portfoli dels fotògrafs sense necessitat de crear un compte fins al moment exacte del checkout, maximitzant així la conversió.

Fitxa

RolUI/UX Design
Any2024
DisciplinaMobile App Design
SectorSports & Booking Platform
FormatMVP
ClientPADLL
AgènciaOnabitz
iOSApp Store
AndroidGoogle Play
Tres mockups de l’aplicació
02

Experiència d’usuari

Desxifrant la complexitat mitjançant UX

Amb una assignació de 40 hores per a la fase d’experiència d’usuari, el focus es va posar en l’arquitectura de la informació. Vaig dissenyar fluxos de treball paral·lels per a surfistes i creadors, compartint el màxim nombre de lògiques i components possibles per agilitzar el futur desenvolupament tècnic.

La meva aportació

  • Recerca i estratègia: definició de user personas (surfista i creador) i anàlisi de competència en la Creator Economy.
  • Arquitectura de la informació: creació del sitemap i conceptualització dels dos fluxos principals (Surfer i Creator Flow).
  • User journeys: mapeig del camí de l’usuari des del descobriment de l’spot fins a l’entrega de les fotografies.
  • UX writing: definició del to de veu i redacció de microcopy estratègic per generar confiança en els processos de pagament i cancel·lació.
Diagrama de flux de l’onboarding, segons si l’usuari ha iniciat sessió, s’ha registrat o és creador
Wireframes de l’inici i del filtre per valoracions, preu i categories
Fitxes d’user persona: surfistes i fotògrafs amb els seus objectius a l’app
03

Prototipatge

Prototipatge i validació funcional

Abans d’aplicar qualsevol capa visual, vaig construir l’esquelet funcional de l’aplicació per validar la lògica de navegació. L’objectiu era assegurar que fluxos complexos com el «Late Register» i el pas entre els modes de visualització (mapa i llistat) fossin totalment intuïtius.

La meva aportació

  • Wireflows estructurals: creació de diagrames de flux interactius detallant el registre i l’onboarding per als dos perfils.
  • Prototip de baixa fidelitat: generació d’un enllaç navegable a Figma per testejar l’arquitectura de la informació amb usuaris reals abans d’avançar.
  • Validació del checkout: estructuració del flux de reserva i pagament preparat per a la integració amb Stripe.
Wireframe de la pantalla d’inici, amb el cercador d’ubicació
04

Disseny d’interfície

Disseny d’interfície i sistema de disseny

La segona fase de l’sprint (40 hores) es va centrar a donar vida a l’MVP. Vaig desenvolupar una estètica neta que cedís el protagonisme a les fotografies dels creadors, recolzada per un sistema de disseny robust dissenyat específicament per mantenir la coherència visual en tots els estats de l’aplicació.

La meva aportació

  • Sistema de disseny: creació d’una llibreria de components escalable i una guia d’estils completa (tipografia, color, espaiats).
  • Vistes d’alta fidelitat (hi-fi): disseny final de totes les pantalles, incloent-hi l’exploració per mapa, els perfils de creador, les galeries de fotos i el dashboard de gestió de treballs.
  • Handoff per a desenvolupament: preparació dels arxius de Figma i especificacions per garantir una implementació eficient en React Native.
Paleta de colors de PADLL: blaus, taronja i blau fosc
Tipografia de PADLL
Catorze pantalles de l’app en alta fidelitat, de la benvinguda a l’historial de reserves

Un projecte en constant evolució. Transformar les idees inicials en una solució tangible ha estat un repte apassionant. Ara, amb l’MVP al mercat, seguirem escoltant els usuaris, aprenent i iterant per portar l’experiència al següent nivell.

Fotografies de surf: una fotògrafa, un surfista, les onades i una surfista a contrallum

Comparteix aquest projecte

Continua desplaçant-te per veure el següent cas pràctic.

More Empordà