KreativeTab
Tutti i lavori

Progetto showcase: ciò che possiamo creare per te

  • Rebrand
  • Website redesign
  • Before / after
  • Astro

Progetto showcase: rebrand e nuovo sito per un fiorista di famiglia a Derby, messo a confronto con la ricostruzione di un sito datato in stile 2009.

Case study

Il problema

Tanti negozi storici hanno ancora un sito della fine degli anni 2000: niente prezzi, testo minuscolo sul telefono e un "chiamateci" al posto di un modo per ordinare.

Cosa abbiamo realizzato

Un'identità rinnovata (font, colori e direzione fotografica), un nuovo sito pensato per il mobile con prodotti di stagione e consegna in giornata ben chiari, e una pagina case study con uno slider interattivo prima/dopo. Il sito "prima" è una nostra ricostruzione, non il sito di un'attività reale.

Tecnologie

  • Fraunces + Karla
  • Astro
  • Tailwind CSS
  • Vercel

Punteggi Lighthouse

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

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-hollis-rebrand.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 rebrand e il sito del fiorista Hollis & Daughter. 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 rebrand e il sito del fiorista Hollis & Daughter: 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 rebrand e il sito del fiorista Hollis & Daughter, 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. Moodboard di Hollis & Daughter con foto di fiori, palette prugna e petalo, campione del carattere Fraunces e parole chiave del brand. 04 Ingrandisci immagine
    Moodboard: la nuova palette prugna e petalo, il carattere Fraunces e il tono del rebrand. Le foto sono generate con l'IA.

La pagina del case study di Hollis & Daughter su desktop, con lo slider prima/dopo
Pagina del case study (desktop)
Il sito prima: layout rosa acceso in stile 2009 con testo piccolo Il sito rinnovato: layout crema con il titolo Flowers with a Derby accent
Prima e dopo
Tre schermate mobile: il vecchio sito, il nuovo sito e il case study
Su smartphone: prima, dopo e case study

Altri progetti

Tutti i lavori →