Salta al contenuto principale

Case Study

Quality Culture

Formazione e progettazione europea. Brand e sito da costruire da zero.

  • Cliente: Quality Culture
  • Anno: 2023
  • Ambito: Formazione / EU Projects
  • Ruolo: Brand, UX/UI, Sviluppo
  • Target: Partner istituzionali, formatori, aziende e chi opera su formazione e progetti europei.

Il brief

Quality Culture formava professionisti e gestiva progetti europei. Il sito era una pagina: nessuna informazione, nessuna storia. Intanto l'Agenzia Nazionale richiedeva che i progetti fossero visibili e documentati, e stava arrivando il primo evento italiano sull'europrogettazione.

La soluzione

Ho iniziato ascoltando: interviste ai founder, conversazioni col team, domande. Poi ho costruito tutto: marca, architettura, UX/UI, testi, sviluppo e flussi di lavoro interni. Logo ispirato alla grafica giapponese: pulizia, geometria e significato preciso. Font Apertura, layout bento box, spazi bianchi generosi e video 3D per raccontare la direzione dell'azienda.

Il risultato

A una settimana dal lancio il sito ha ospitato il primo evento italiano sull'europrogettazione con 1.500 partecipanti.

Tono di voce

Professionale ma non distante. Parla a partner istituzionali, formatori, aziende. Il tono costruisce fiducia attraverso la competenza, non attraverso l'autorità. Serio senza essere accademico.

Palette colori

Il blu costruisce autorevolezza, il turchese introduce apertura e dialogo, mentre i toni chiari mantengono il sistema leggibile e professionale anche su contenuti densi.

HEX: #0073B9
HSL: 202 100 36

Blu istituzionale

Comunica autorevolezza e competenza nei contenuti formativi.

HEX: #31B7BC
HSL: 182 58 46

Turchese

Aggiunge apertura, dinamismo e tono contemporaneo.

HEX: #CCE3F1
HSL: 202 58 88

Azzurro chiaro

Sostiene leggibilità e gerarchie su sezioni dense.

HEX: #292929
HSL: 0 0 16

Nero carbone

Garantisce contrasto forte per testi e callout importanti.

Tipografia

Apertura porta un carattere editoriale deciso: titoli netti e riconoscibili, con una presenza forte che sostiene il posizionamento senza perdere chiarezza.

Apertura

Esempio tipografico Apertura Aa
Mockup sito web Quality Culture
Mockup desktop Quality Culture
Mockup aggiuntivo Quality Culture