KreativeTab
Tutti i lavori

Progetto showcase: ciò che possiamo creare per te

  • Brand kit
  • Logo
  • Colour & type
  • Guidelines

Progetto showcase: un brand kit per un corriere di Derby che consegna con cargo bike elettriche a zero emissioni, presentato come sito con linee guida in una sola pagina.

Case study

Il problema

Una nuova attività locale deve sembrare affidabile da subito, sulla bici, sullo schermo del telefono e sul volantino, senza pagare un'agenzia per un manuale di 60 pagine che nessuno legge.

Cosa abbiamo realizzato

Un sistema di logo (un simbolo, tre composizioni, quattro varianti colore), una palette con verifica del contrasto, un abbinamento di font, modelli per social e cancelleria, indicazioni sul tono di voce e linee guida stampabili in una pagina. Tutto su un unico sito che il titolare può condividere con tipografie e grafici.

Tecnologie

  • Logo system (SVG)
  • Bricolage Grotesque + Instrument Sans
  • Astro
  • Tailwind CSS
  • Vercel

Punteggi Lighthouse

  • 99 Prestazioni
  • 100 Accessibilità
  • 100 Best practice
  • 100 SEO

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-wren-brand.vercel.app il 2 novembre 2026. I punteggi possono variare di qualche punto tra un test e l'altro.

Realizzato da KreativeTab per mostrare cosa è possibile.

Processo

Come ha preso forma, passo dopo passo. Seleziona un'immagine per ingrandirla.

  1. Schizzo a matita e pennarello su carta con le prime idee di layout per il brand kit di Wren Cargo Co.. 01 Ingrandisci immagine
    Primo schizzo: le prime idee di layout su carta, mostrate come illustrazione generata con l'IA.
  2. Wireframe a bassa fedeltà in scala di grigi per il brand kit di Wren Cargo Co.: una pagina desktop e schermate mobile con immagini e testi segnaposto. 02 Ingrandisci immagine
    Wireframe: struttura delle pagine per desktop e mobile, ricavata dal sito finito togliendo colori, immagini e testi.
  3. Board di UI design per il brand kit di Wren Cargo Co., con schermate desktop e mobile, stili colore, scala tipografica e varianti dei componenti. 03 Ingrandisci immagine
    Board di UI design: schermate desktop e mobile, stili colore, scala tipografica e componenti del sito finito.
  4. Tavola del sistema logo di Wren Cargo Co. con varianti di composizione, combinazioni di colore, area di rispetto, dimensioni minime ed esempi di uso scorretto. 04 Ingrandisci immagine
    Sistema logo: varianti di composizione, colori, area di rispetto, dimensioni minime ed esempi di uso scorretto, ricavati dagli SVG del brand kit.

La pagina del brand kit di Wren Cargo Co. su desktop: hero, l'idea dietro il simbolo e le composizioni del logo
Sito del brand kit (desktop)
Le linee guida in una pagina: logo, colori, tipografia e tono di voce
Linee guida in una pagina
Due schermate mobile: la pagina del brand kit e le linee guida
Su smartphone: brand kit e linee guida

Altri progetti

Tutti i lavori →