KreativeTab
Tutti i lavori

Progetto showcase: ciò che possiamo creare per te

  • Website
  • Lead generation
  • Local SEO
  • Astro

Progetto showcase: un sito per generare contatti per un'impresa idraulica e di riscaldamento di Derby, pensato per trasformare le ricerche locali in richieste di preventivo e chiamate urgenti.

Case study

Il problema

Per un artigiano contano le ricerche locali e le telefonate, ma molti siti nascondono il numero, non mostrano prezzi chiari e non dicono quali zone coprono davvero.

Cosa abbiamo realizzato

Un sito veloce con un modulo di preventivo in tre passaggi, una pagina per le emergenze con pulsante di chiamata e consigli immediati, una pagina servizi e prezzi e 8 pagine dedicate alle zone di Derby (Allestree, Mickleover, Littleover, Chaddesden, Spondon, Alvaston, Darley Abbey e Oakwood), ognuna con contenuti locali per la ricerca. Il modulo è una demo e non invia nulla.

Tecnologie

  • Astro
  • Keystatic CMS
  • Tailwind CSS
  • Vercel

Punteggi Lighthouse

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

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-peakline.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 sito di Peakline Plumbing & Heating. 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 sito di Peakline Plumbing & Heating: 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 sito di Peakline Plumbing & Heating, 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.

La home page di Peakline su desktop: hero, scelta del problema e servizi
Home page (desktop)
Il modulo di preventivo in tre passaggi La pagina emergenze con un grande pulsante di chiamata
Preventivo e pagina emergenze
La pagina con l'elenco delle zone di Derby La pagina della zona di Mickleover
Pagine delle zone per la ricerca locale
Tre schermate mobile: home page, preventivo e pagina emergenze
Su smartphone: home, preventivo ed emergenze

Altri progetti

Tutti i lavori →