KreativeTab
Tutti i lavori

Progetto showcase: ciò che possiamo creare per te

Brightwork Electrical

Tipo: strumento di preventivo e dashboard lavori per elettricisti·Web app·2026

  • Web app
  • Quote calculator
  • Dashboard
  • Next.js

Progetto showcase: uno strumento di preventivo immediato e una dashboard dei lavori per un elettricista di Derby.

Case study

Il problema

Gli elettricisti passano le serate a scrivere preventivi per lavori che forse non otterranno, e chi chiede un lavoro aspetta giorni per avere un prezzo indicativo.

Cosa abbiamo realizzato

Un calcolatore in tre passaggi (il lavoro, l'immobile, l'urgenza) che mostra un prezzo dettagliato e permette di scegliere una data di inizio, più una dashboard per il titolare con prenotazioni, incassi, percentuale di preventivi accettati e la settimana in arrivo. Usa dati di esempio salvati nel browser: nulla viene inviato o salvato su un server.

Tecnologie

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel

Punteggi Lighthouse

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

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-brightwork.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 lo strumento di preventivo immediato e la dashboard di Brightwork Electrical. 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 lo strumento di preventivo immediato e la dashboard di Brightwork Electrical: 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 lo strumento di preventivo immediato e la dashboard di Brightwork Electrical, 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.

Il calcolatore di Brightwork su desktop: tipo di lavoro, dettagli dell'immobile e preventivo dettagliato
Calcolatore di preventivi (desktop)
La dashboard dei lavori con grafici di incassi, prenotazioni e preventivi accettati, con dati di esempio
Dashboard del titolare (dati di esempio)
Due schermate mobile: il calcolatore e la dashboard
Su smartphone: preventivo e dashboard

Altri progetti

Tutti i lavori →