Case study · Sito agenzia · Strumento interattivo

Bottega del Web:
il preventivo
si progetta da soli

Il sito dell’agenzia e il suo strumento più insolito: un configuratore che fa comporre lo store al cliente — sezioni, colori, carrello, checkout — prima ancora di chiedere una cifra.

Progetto
bottegadelweb.agency
Tipo
Sito agenzia + builder visivo
Piattaforma
Shopify
Interventi
Identità · Sito · Configuratore

Il progetto

Un’agenzia viene giudicata sul proprio sito prima che sui propri lavori

Il punto di partenza era doppio: costruire una vetrina che dimostrasse il livello tecnico dichiarato, e risolvere il problema più fastidioso della vendita di progetti web.

Il preventivo per un e-commerce si chiede quasi sempre al buio. Il cliente descrive a parole un negozio che non ha ancora visto, l’agenzia risponde con un listino di funzionalità, e la trattativa si consuma in giri di mail per capire cosa intendesse davvero l’uno e cosa stia proponendo l’altro. Da qui la scelta: invece di un modulo con caselle da spuntare, mettere sul sito uno strumento che fa progettare.

bottegadelweb.agency
Homepage di Bottega del Web
La home mette in scena il prodotto: un mockup di store con ordine confermato, recensione e vendite del mese. Prova il configuratore è la prima chiamata all’azione, prima ancora del preventivo.

Intervento 01 — Il sito

Una vetrina che spiega il metodo, non solo i servizi

Struttura pensata per accompagnare un contatto freddo fino alla richiesta: cosa facciamo, come lavoriamo, cosa abbiamo fatto, cosa dicono i clienti, come si comincia.

Identità BDW

Logo, fondo quasi nero e gradiente fucsia → viola, Space Grotesk per i titoli e Inter per il testo: un sistema coerente applicato a ogni componente, dal sito al configuratore ai casi studio.

Quattro servizi

Creazione store, design & branding, migrazione, manutenzione e crescita continua — ognuno con i deliverable dichiarati, non solo il nome.

Metodo in quattro step

Brief e strategia, design, sviluppo, lancio e crescita: il cliente sa in ogni momento a che punto è il progetto e cosa arriva dopo.

Prove sociali in percorso

Testimonianze e sezione progetti con accesso ai casi studio: le referenze stanno dentro il flusso di lettura, non in una pagina isolata.

Sezione servizi del sito Bottega del Web
Servizi: ogni scheda dichiara cosa viene consegnato.
Sezione metodo in quattro step
Metodo in quattro step, poi i progetti.
Sezione progetti con la scheda di Bottega del Rider
La sezione progetti porta al caso studio esteso: il portfolio è parte del percorso di vendita, non un archivio.

Intervento 02 — Il configuratore

Un builder dentro il sito: il cliente monta il suo store, poi chiede il preventivo

È la parte che distingue il progetto. Il visitatore entra in un builder visivo: sceglie settore, colori e sezioni, vede l’anteprima aggiornarsi in tempo reale e invia la bozza. La proposta economica che riceve è costruita su quella bozza, non su un listino generico.

bottegadelweb.agency/pages/configuratore
Pannello Sezioni del configuratore con anteprima dello store
Pannello Sezioni: hero, prodotti in evidenza, categorie, chi siamo. Ogni blocco si riordina, si nasconde o si elimina, e se ne aggiungono altri — l’anteprima a destra si aggiorna subito.
5
Schermate in anteprima: sito, shop, prodotto, carrello, checkout
2
Pannelli di controllo: sezioni e design
4
Colori generati da una sola scelta: principale, scuro, accento, sfondo
0
Righe di codice richieste al cliente
  1. 1

    Scegli il punto di partenza

    Si parte da un modello per settore — moda, food, artigianato, animali — oppure da zero, con una struttura vuota da riempire.

  2. 2

    Personalizza tutto

    Colori, font, stile dei pulsanti e sezioni di home, shop, scheda prodotto e carrello: ogni scelta si riflette subito sull’anteprima.

  3. 3

    Guarda l’anteprima live

    Il sito prende forma in tempo reale, su desktop e su mobile, schermata per schermata.

  4. 4

    Invia la bozza

    La configurazione si salva e si spedisce: il preventivo arriva costruito esattamente sulle scelte fatte.

Sezioni componibili

Riordina, nascondi, elimina, aggiungi. La home del futuro store si costruisce a blocchi, come la costruirebbe l’agenzia.

Design guidato

Nome attività, logo, settore e colore principale: da lì il sistema genera l’intera palette e propone combinazioni già armonizzate, così nessuna scelta cromatica resta al caso.

Tutto il percorso d’acquisto

Non solo la home: shop, scheda prodotto, carrello e checkout sono visibili in anteprima, dove di solito si scoprono le sorprese a progetto avviato.

Carrello e checkout su misura

Titolo del carrello, testo del pulsante, nota su sicurezza e spedizione, campo codice sconto: dettagli decisi prima, non dopo.

Salva, carica, riprendi

Il lavoro non si perde: la configurazione si salva e si riapre, anche in un secondo momento o insieme all’agenzia.

Dalla bozza al preventivo

La bozza inviata diventa il capitolato: si discute su un artefatto condiviso invece che su una lista di desideri.

Pannello Design del configuratore con palette generata automaticamente
Palette generata dal colore principale: principale, scuro, accento, sfondo.
Configurazione di carrello e checkout con anteprima del carrello
Anche carrello e checkout sono configurabili e visibili in anteprima.

Il preventivo smette di essere una trattativa al buio: diventa il prezzo di una cosa che il cliente ha già visto.

Risultato

Cosa cambia, in pratica

  • Qualifica

    Chi arriva in fondo al configuratore ha già investito tempo sul progetto: è un contatto caldo, con requisiti espliciti invece che intenzioni vaghe.

  • Meno giri

    Settore, stile, sezioni e funzionalità arrivano già decisi: si accorciano le mail di chiarimento e le revisioni della prima proposta.

  • Dimostrazione

    Lo strumento è esso stesso il portfolio: mostra la capacità tecnica dell’agenzia mentre il cliente lo sta usando.

  • Coerenza

    Sito, configuratore e casi studio condividono un unico sistema visivo — la stessa cura che l’agenzia promette ai propri clienti.

Il modo più credibile di dire «sappiamo costruire e-commerce» è farne costruire uno al cliente, sul posto.