Tipiliano

Rettangolo giallo canarino con al centro logo Tipiliano con sotto payoff "sicuro, facile, conveniente".

Cliente

Tipiliano è un rivenditore di cialde di caffè e prodotti tipici siciliani, che coniuga la tradizione del gusto con la comodità dell’acquisto online.

Obiettivo

Rinnovare l’e-commerce e migliorare l’esperienza utente attraverso un sito web più smart con nuove funzionalità e lo sviluppo di un’app dedicata.

Ruolo

  • Project coordinator
  • UX/UI designer
  • Ricerca esperienza utente
  • Esempio di buyer personas canvas su ipotetico utente del progetto di genere maschile.
    Esempio di buyer personas canvas su ipotetico utente del progetto di genere femminile.

    Ricerca

    Identificazione del target: Abbiamo analizzato i dati esistenti per definire il target principale: un pubblico tra i 25 e i 55 anni, con un focus sulle aree metropolitane di Milano e Roma.

    Comprendere le motivazioni: Abbiamo condotto una ricerca approfondita sui comportamenti d'acquisto legati al caffè, scoprendo chei driver principali di acquisto sono il gusto e l'aroma, seguiti da prezzo e marca. Un dato chiave è che la maggior parte delle persone preferisce bere il caffè a casa.

    Analisi

    Dopo aver ricostruito 2 buyer pesonas, abbiamo tracciato il percorso dell'utente dalla scoperta all'acquisto, identificando le diverse fasi dell'esperienza.

    Attraverso queste analisi, sono emersi chiari Pain Points e opportunità di miglioramento:

  • Mancanza di un sistema di riordino rapido che causava frustrazione e perdita di tempo.
  • Processo di registrazione e onboarding poco intuitivo, che generava abbandoni.
  • Gestione degli ordini complessa, che ostacolava la fidelizzazione.
  • Assets grafici del brand: esempi del logo su colori diversi (crema, celeste, arancione, rosso), Logo, payoff e palette con mascotte del brand.
    Assets grafici con esempi di post social quadrati del brand con recensioni, prodotti e altri messaggi.

    Brand e coordinamento

    Il mio ruolo in questa fase è stato quello di coordinare lo scambio di strategie e concept tra il team interno e i collaboratori esterni, assicurando che la visione del cliente fosse tradotta in una solida identità visiva e comunicativa che ponesse le basi per il design della piattaforma.

    Per rendere il brand Tipiliano più umano e coinvolgente, la strategia di brand si è basata sulla creazione di una vera e propria personalità che potesse relazionarsi con il pubblico con empatia e calore. Questo approccio è stato sviluppato per dimostrare ascolto e vicinanza, permettendo al brand di interagire direttamente con i clienti nei punti più critici del funnell.

    Mockup sito web: hompate del sito con zoom sulle cialde disponibili e sulla sezione di spiegazione di resi e spedizioni.
    Mockup sito: esempio di schermata intera della pagina prodotto singola, con a fianco zoom della sezione viewport e dettagli grafici con le informazioni su spedizioni e resi.

    Design

    Come designer, ho lavorato nel team di progettazione dei mockup per il sito e l’app, con l’obiettivo di migliorare la navigazione e ottimizzare il processo di acquisto. Tra le principali innovazioni introdotte:

    • Un sistema di riordino rapido delle cialde già acquistate, per agevolare i clienti abituali.
    • Un’area utenti ottimizzata, con una gestione più immediata degli ordini e delle preferenze.
    • L’implementazione di un sistema loyalty a punti, pensato per incentivare la fidelizzazione e aumentare il coinvolgimento degli utenti.
    • Filtri avanzati per arricchire il catalogo, permettendo ai clienti di selezionare i prodotti in base a parametri come l’intensità e la compatibilità.

    Il design è stato sviluppato per garantire continuità visiva e funzionale tra sito,app e social, offrendo un’esperienza coerente e fluida su tutti i dispositivi.

    Mockup sito web: schermate dell'area utente rinnovata.
    Mockup sito: esempio di schermata intera della pagina di listing dei prodotti caffè con a lato zoom sui filtri dei prodotti e sotto zoom sulla pagina carrello.
    Mockup App: una pagina iniziale di benvenuto con logo, messaggio iniziale e icone di scorrimento dello slider.
    Mockup App: una pagina iniziale di benvenuto con logo, messaggio iniziale e icone di scorrimento dello slider.
    Mockup App: una pagina iniziale di benvenuto con logo, messaggio iniziale e icone di scorrimento dello slider.
    Mockup App: una pagina iniziale di benvenuto con logo, messaggio iniziale e icone di scorrimento dello slider.
    Mockup App: pagina di listing che mostra la possibilità di aggiungere vari prodotti all'ordine, con notifica evidenziata di prodotto appena aggiunto all'ordine.
    Mockup App: esempio di pagina del prodotto con possibilità di aggiunta al carrello fixed e barra del menu in basso.

    Impatto

  • Il progetto ha permesso di ridefinire un’identità visiva coerente e più riconoscibile, pronta per il lancio.
  • Abbiamo sviluppato una base solida di ricerca utenti e benchmark, che resterà un riferimento per futuri sviluppi digitali del brand.
  • Il design finale ha mostrato come un approccio data-informed possa trasformare l’esperienza di acquisto in un e-commerce artigianale.
  • Trasforma
    le tue idee

    Hai già un'idea?

    Insieme, individueremo la giusta combinazione di ingredienti e processi per distillare un progetto unico.

    HAND MADE WITH MAGIC, scritta circolare con mano che sostiene un rombo magico.
    Icona di linkedin dentro un cerchio azzurro
    Privacy Policy Cookie Policy
    2025 Silvia Eufemi - All Rights Reserved
    Icona di freccia bianca che mira a sinistra
    Torna su