La piattaforma n.1 per esperienze a Capri e dintorni

I leader del territorio

Nata negli anni Novanta come web agency per alberghi e attività turistiche dell’isola di Capri, Caprionline si è successivamente dedicata allo sviluppo di portali verticali per le aree turistiche limitrofe, fino ad acquisire un ruolo di riferimento sul territorio. I dati annui parlano chiaro: oltre 5,2 milioni di visitatori, 40.000 prenotazioni, 700 tour e servizi prenotabili.

Una nuova era

Nel 2022 Caprionline avvia il progetto di sviluppo di una nuova piattaforma tecnologica proprietaria basata su Symfony, Doctrine, Next.js, React e Tailwind CSS.

La società decide che è arrivato il momento di intervenire anche sul design dei suoi portali. L’obiettivo è ottenere uno stile rinnovato e un’esperienza utente più coerente, per permettere agli utenti di navigare in modo più fluido da un portale all’altro e al team di Caprionline di minimizzare gli sforzi e i costi di manutenzione del front-end. 

A metà maggio 2023 ci contatta Nello Iaccarino, il fondatore di Caprionline. Tra i nostri team c’è subito un’ottima intesa, e al termine della stagione estiva iniziamo a lavorare insieme a loro.

Parti con un workshop

I nostri designer e il team di Caprionline si sono riuniti a Milano per aprire i lavori con un Co-design Workshop. Iniziamo in questo modo ogni nuovo progetto di creazione o redesign di un prodotto digitale. Ecco l’agenda che abbiamo preparato per questa occasione.

Comprensione:

• Azienda: storia, business, clienti
• Progetto: contesto e obiettivi, vincoli tecnici e di design
• Scenario competitivo: concorrenti, brand e prodotti di rilievo

Progettazione:

• Demo dei portali da parte del team di Caprionline
• Mappatura della UX con lo User Story Mapping
• Individuazione delle principali problematiche di UX
• Definizione e discussione delle principali opportunità di miglioramento della UX
• Definizione e discussione delle principali opportunità di progettazione di nuovi servizi
• Definizione dei prossimi passi

Il redesign, fatto Agile

Abbiamo riorganizzato le informazioni raccolte nel workshop e avviato un processo di design con approccio Agile, organizzando il lavoro in sprint di due settimane ciascuno.

In tre mesi abbiamo creato un Design System destinato a cambiare il volto di Capri.com, Positano.com e degli altri portali di Caprionline. Siamo partiti rinnovando gli elementi fondamentali del design, come lo stile della tipografia e della palette cromatica della famiglia di brand. Poi abbiamo progettato i componenti dell’interfaccia utente come pulsanti, modali, form e menu. 

Abbiamo riprogettato l’esperienza di navigazione complessiva all’interno dei portali, dedicando particolare attenzione a pagine e flussi più complessi e maggiormente impattanti sul business, come il flusso di navigazione principale, la ricerca di attività tramite filtri e il processo di checkout.

Progetta, sviluppa, ripeti

Mentre ancora progettavamo, avendo accesso in tempo reale al nostro design su Figma, gli sviluppatori di Caprionline hanno iniziato ad applicare il nuovo Design System ai portali. In questo modo, è stato possibile accelerare il rilascio del primo aggiornamento del front-end sulla piattaforma tecnologica già in produzione.

Nel frattempo, altri sviluppatori del team continuano a lavorare alla nuova piattaforma back-end, che sarà rilasciata nel 2025. Allora il front-end sarà nuovamente aggiornato con ulteriori migliorie e le nuove funzionalità a cui stiamo lavorando.

Ampliare l’offerta: un nuovo servizio nel network

Mentre aiutavamo Caprionline a rinnovare il cuore del suo business con il redesign dei sette portali, abbiamo lavorato con il loro team anche alla definizione di nuovi concept di servizi digitali con cui ampliare l’offerta del network. 

Il primo risultato di questo processo creativo sarà BluBlu, un servizio web che raggrupperà le principali informazioni e gli orari dei traghetti per gli spostamenti locali attorno a Capri, in tutta la Costiera Amalfitana e nel golfo di Napoli. Attraverso BluBlu, turisti e residenti potranno programmare e prenotare tutti i loro spostamenti marittimi attraverso un’unica piattaforma. 

Sfruttando le variabili di Figma, una tra le funzionalità più recenti del potente software per designer, abbiamo creato per BluBlu un tema cromatico alternativo all’interno del Design System principale di Caprionline.