Fix and Sail

Fix and Sail nasce dall'idea di un cliente privato che voleva trasformarla in un prodotto vero: una piattaforma che conosca la barca nei dettagli e aiuti il proprietario a gestirla. Ho seguito lo sviluppo dal prototipo fino alla fase di lancio, ed è uno dei progetti in cui mi sono divertito di più, per la qualità del design e per le funzioni avanzate da costruire.

Il progetto

Fix and Sail si presenta come un assistente AI che conosce la barca nei dettagli e aiuta con manutenzione, scadenze, manuali e accessori. È organizzato in tre moduli: My Boat (la barca in digitale, manutenzioni, promemoria e checklist), Esplora (storia dei cantieri e schede tecniche degli accessori) e il Capitano, l'assistente AI che risponde in base ai manuali degli accessori installati. Quando l'AI non basta, mette in contatto con esperti reali. Si inizia gratis, in due minuti.

Architettura e tecnologie

Il frontend è un'applicazione Nuxt.js, il backend è Strapi, consumato tramite REST API. Barche, accessori e documenti sono modellati come tipi di contenuto, l'area riservata lavora con chiamate autenticate e lo stato è condiviso tra le sezioni, con caricamenti ed errori gestiti in modo che l'utente non perda mai il filo. È un'architettura leggera, adatta a un prodotto che deve arrivare presto sul mercato ma che deve anche poter crescere senza essere riscritto.

Il mio lavoro

Dal Figma ai componenti

Il progetto grafico arriva da Figma e il mio compito è tradurlo in un'interfaccia Nuxt.js fedele in ogni dettaglio: tipografia, spaziature, stati e comportamento su ogni schermo. Non mi limito a riprodurre le schermate una per una, ma costruisco una base di componenti riutilizzabili, così che ogni nuova sezione nasca coerente con quelle esistenti e il design resti solido anche quando il prodotto cresce.

La configurazione della barca e il riconoscimento con AI

Il cuore dell'applicazione è la configurazione: l'utente ricrea in digitale la propria imbarcazione, scegliendo modello e accessori, e la personalizza. Su questa configurazione si appoggiano manutenzioni, scadenze, checklist e le risposte dell'assistente AI, quindi ogni accessorio aggiunto cambia ciò che il resto della piattaforma mostra, e struttura dei dati e flusso vanno progettati con cura. Per rendere l'inserimento semplice, il catalogo di modelli e accessori è affiancato da un riconoscimento con intelligenza artificiale: invece di cercare codici e sigle, basta scattare una foto al pezzo e l’AI propone il modello da verificare prima di associarlo alla barca.

Il risultato

Ho trasformato un'idea in un prodotto con un'architettura Nuxt.js e Strapi pronta per il lancio e per crescere. Una configurazione con molte variabili, tra modelli, accessori, documenti e scadenze, è diventata un percorso semplice per chi va per mare, e l'inserimento dei dati ha perso il suo attrito più grande: una foto al posto di una ricerca nel catalogo.