Lara Vignali
Brief e conti
Tiene i tempi, i contratti, le tre tranches. Se un incarico non sta nel perimetro, lo dice lei, al primo scambio.
Allineiamo prodotto e sito sullo stesso asse.
Diottra è uno studio digitale: progettiamo e costruiamo siti, interfacce di lavoro e il movimento che serve a far capire cosa fa un'azienda. Non vendiamo campagne, non gestiamo i social, non promettiamo il primo posto su Google. Allineiamo tre cose che di solito viaggiano storte: quello che vendete, quello che il sito dice, e quello che la pagina fa quando qualcuno ci arriva.
4 persone in sala
11 consegne l'anno
6–10 settimane un sito vetrina
0 framework di default
12 · Studio
Uno strumento, non vetrina.
La diottra è la riga con cui si prende la mira. Lo studio si chiama così perché il lavoro, da noi, è allineare: testi, struttura, movimento, tempi di caricamento. Se una cosa non aiuta a capire il prodotto, non entra in pagina. Siamo in quattro, in un piano sopra un laboratorio di cornici, in un vicolo che le mappe chiamano ancora «della Stadia».
Lara Vignali tiene il brief e i conti. Ettore Bindi scrive il codice. Mina Cosma costruisce il motion. Pietro Lazzari scrive i testi con chi vende, non al posto suo. Nessuno di questi nomi esiste fuori da questa pagina: sono qui per mostrare come uno studio piccolo si presenta senza inventare un organigramma da cinquanta persone.
Prendiamo incarichi in Emilia-Romagna e, se il brief è chiaro, anche fuori. Non apriamo sedi. Non abbiamo un commerciale che chiama a freddo. Arriviamo se qualcuno ci scrive, o se un lavoro precedente ci porta. L'orario di sala è dal lunedì al venerdì, 9:30–18:30. Il sabato si consegna solo se è stato messo nel calendario a inizio incarico.
- 2018Prima consegna: un catalogo per un molino a Castel San Giovanni, ancora in linea.
- 2021Smesso di accettare social e media: non li facevamo bene, e lo si vedeva.
- 2024Sette incarichi in parallelo era troppi. Oggi il tetto è quattro.
- 2026Quattro persone, undici consegne l'anno, nessuna filiale.
20 · Squadra
Quattro teste, un asse.
I nomi sono inventati, come tutto il resto di questa pagina. Servono a far vedere come uno studio piccolo si presenta: un ruolo, un confine, niente foto da stock e niente titoli da multinazionale.
Ettore Bindi
Codice
HTML, CSS, JavaScript, GSAP. Niente framework se il prodotto non lo chiede. L'URL di prova è sua dal terzo giorno.
Mina Cosma
Motion
Anima solo se spiega un passaggio. Tre profili, niente effetto se toglie chiarezza o se chi guarda ha chiesto meno moto.
Pietro Lazzari
Testi
Scrive con chi vende, non al posto suo. Le pagine che nessuno apre le trova prima del preventivo, non dopo la messa online.
24 · Servizi
Tre cose, fatte per intero.
Non un listino di trenta voci. Tre tipi di lavoro, con un bordo chiaro: se l'incarico sta fuori da questi tre, lo rifiutiamo e indichiamo chi lo fa. I prezzi stanno più sotto, a fasce, perché un numero solo sarebbe una bugia.
Sito che spiega
Pagine per chi cerca l'azienda, non per chi già la conosce. Struttura, testi, SEO tecnica, form che arriva in posta. Niente carrello se non vendete online, niente prenotazione finta se non c'è un calendario vero.
Interfaccia di lavoro
Schermate per chi usa il prodotto tutti i giorni: elenchi, filtri, stati, errori scritti in italiano. Non un «portale». Un tavolo da lavoro che si può imparare in un pomeriggio.
Motion che misura
Animazione solo se spiega un passaggio: una linea che si traccia, un pezzo che va a posto, un numero che si allinea. GSAP, tre profili, niente effetto se toglie chiarezza o se chi guarda ha chiesto meno moto.
36 · Metodo
Rilievo, asse, varo.
Quattro stazioni, sempre le stesse. Non è un manifesto: è il modo in cui sappiamo dire a che punto siamo, senza una slide da trenta metri.
Ascolto misurato
Due incontri, i numeri che avete già, le pagine che oggi perdono gente. Se i numeri non ci sono, li prendiamo noi per due settimane prima di disegnare.
Una pagina guida
Non un moodboard. Una pagina vera, in HTML, con i testi giusti. Su quella si decide. Il resto della mappa nasce dopo, non prima.
Costruzione in vista
Una URL di prova dal terzo giorno. Vedete il sito crescere, non una cartella di file. Le correzioni stanno in un elenco, non in una chat infinita.
Consegna con lista
Messa online, reindirizzi, Search Console, un foglio di cosa resta da scrivere. Quindici giorni di messa a punto inclusi, poi manutenzione a parte.
48 · Lavori
Tre lavori inventati per il taglio.
I nomi sotto non esistono. Servono a far vedere come raccontiamo un lavoro finito: problema, decisione, misura. Nessun logo altrui, nessuna azienda vera cucita addosso. Su desktop il nastro si trascina; i filtri restano.
Trascinate il nastro · o usate i filtri
Molino del Tondo
Catalogo B2B per un molino emiliano inventato: farine, lotti, schede tecniche scaricabili. Prima il sito mescolava ricette e listini. Abbiamo separato chi compra da chi cucina. Tempo medio sulla scheda lotto: da 18 a 41 secondi.
Sito · 9 settimane · 2024
Tavolo Cunetta
Interfaccia per una piccola impresa di scavo (inventata): turni, mezzi, fermo macchina. Niente app da scaricare. Una pagina, tre stati, errori in italiano. Il capo cantiere la apre dal telefono con i guanti. Dieci schermate, non cento.
Prodotto · 16 settimane · 2025
Fondo Crespino
Ricerca su un archivio di carte topografiche di un comune inventato. Filtro per anno, scala, foglio. Niente «esperienze immersive»: una griglia, un'anteprima, un download del TIFF. Chi cerca un foglio lo trova in tre passaggi.
Archivio · 12 settimane · 2023
60 · Fuoco
Dal groviglio alla pagina che sta ferma.
Il passaggio che facciamo più spesso: un sito pieno di moduli che non si parlano, e una pagina sola che dice la stessa cosa. Sulla destra la forma si mette a fuoco con lo scroll. Non è un prodotto in vendita: è il gesto del lavoro.
fuoco 0 / 100
72 · Incarico
Come si parte senza portale.
Non c'è un account da creare e non c'è un pagamento su questa pagina. Mandate un brief: arriva in posta. Se il lavoro sta nel perimetro, rispondiamo entro tre giorni feriali con una fascia di costo e una data di avvio. Se non sta, lo diciamo, con il nome di chi potrebbe farlo meglio.
1 · Brief
Cosa vendete, a chi, cosa fa oggi il sito, cosa non deve fare. Dieci righe bastano. Allegati sì, presentazioni da quaranta slide no.
2 · Fascia
Vi rimandiamo una fascia, non un prezzo chiuso, e le settimane. Se la fascia non sta in bilancio, ci si ferma lì, senza un secondo incontro di cortesia.
3 · Asse
Contratto, trenta per cento, prima pagina in HTML entro dieci giorni. Da lì si vede il sito, non una bozza in un file che nessuno apre sul telefono.
84 · Fasce
Fasce, non un listino chiuso.
Le cifre sotto sono ordini di grandezza, IVA esclusa, per un incarico con testi che arrivano in tempo. Non sono un preventivo. Un molino e una clinica non costano uguale, anche se hanno lo stesso numero di pagine.
| Lavoro | Settimane | Fascia | Cosa c'è |
|---|---|---|---|
| Sito che spiega | 6–10 | 4.800 – 9.500 € | Struttura, testi in coppia, motion di soglia, form, SEO tecnica, messa online. |
| Sito con area di lavoro | 10–16 | 9.500 – 18.000 € | Quanto sopra, più schermate autenticate, stati, errori, un manuale di dieci pagine. |
| Interfaccia di prodotto | 12–22 | 18.000 – 42.000 € | Tavolo da lavoro, non marketing. Prototipo in pagina dalla seconda settimana. |
| Solo motion su sito esistente | 3–5 | 2.400 – 6.200 € | Se il codice è pulito. Se non lo è, prima si sistema, e la fascia cambia. |
Manutenzione: da 90 a 220 euro al mese, secondo se aggiorniamo solo il tetto o anche i contenuti. Pagamenti online e prenotazioni in tempo reale non li costruiamo se non c'è un sistema vero dietro.
90 · Domande
Cinque cose che ci chiedono sempre.
Lavorate solo su siti nuovi?
No. Prendiamo anche un sito già in produzione se si può misurare: tempi di caricamento, conversioni del form, pagine che nessuno apre. Se il codice è un groviglio senza test, lo diciamo prima del preventivo. Non rifacciamo un sito per cambiarne i colori.
Usate un framework?
Di default no: HTML, CSS, JavaScript e GSAP, come questa pagina. Un framework entra solo se il prodotto lo chiede (area riservata, editor, dati che cambiano ogni ora). La scelta è scritta nel brief, non nascosta in una slide.
Quanto ci vuole?
Un sito vetrina sta fra sei e dieci settimane dal brief firmato. Un'interfaccia con area di lavoro sta fra tre e cinque mesi. I tempi si allungano se i testi e le foto non arrivano: lo mettiamo per iscritto, con le date in cui ci fermiamo ad aspettare.
Fate anche campagne e social?
No. Progettiamo e costruiamo siti, interfacce e il movimento che serve a far capire il prodotto. Media, social e ads li lasciamo a chi li fa di mestiere: se serve, indichiamo uno studio con cui abbiamo già passato tre consegne, senza commissione.
Si può pagare a stato di avanzamento?
Sì, in tre tranches: trenta per cento all'avvio, quaranta alla prima versione navigabile, trenta alla consegna. Questo sito non incassa: il brief che mandate da qui arriva per email. I recapiti di questa pagina sono dimostrativi.
96 · Contatti
Vicolo della Stadia 3, 43121 Parma.
Campanello «Diottra», primo piano. Dalla stazione dieci minuti a piedi, uscendo su viale Bottego e tagliando verso il torrente. Non c'è un parcheggio dello studio: i due a pagamento più vicini sono in piazzale dalla Salute e in via Imbriani.
Telefono +39 0521 772 418
Posta asse@diottra.studio
| Giorno | Sala |
|---|---|
| Lunedì – venerdì | 09:30 – 18:30 |
| Sabato, domenica | chiuso |
Recapiti dimostrativi: numero, casella e indirizzo non sono attivi. Servono a far vedere il contatto di uno studio che risponde davvero.
Mappa schematica della zona. Il vicolo è inventato: sulla carta vera di Parma non c'è.