EDOCLA è un’impresa edile a Roma di un mio caro amico. Nata nel 2026, partiva da zero e aveva bisogno di una presenza online mentre iniziava a lavorare. L’obiettivo era concreto: un sito semplice per presentare l’azienda e raccogliere contatti, proposte e richieste di preventivo dai potenziali clienti.
Un altro amico, Giorgio Iachini di Iachini Design, ha realizzato interamente il progetto grafico in Figma. Giorgio ha studiato design a Cambridge; il mio ruolo è stato tradurre il suo design in un’applicazione web React. Il lavoro è stato piuttosto semplice e veloce: l’attenzione principale è andata a riprodurre correttamente i singoli componenti nel sito funzionante.
Ho collegato il modulo di contatto in fondo alla pagina a Resend, per far arrivare le richieste all’azienda via email, e pubblicato l’applicazione su Vercel. Il dominio è stato acquistato su Cloudflare e ho aggiunto alcune statistiche di base con Umami. Un’implementazione contenuta, pensata per dare alla nuova attività uno spazio in cui presentarsi e ricevere richieste.
Presentarsi, prima di tutto.
Prima del codice, c’era bisogno di rendere l’azienda facile da capire. Chi c’è dietro? Di cosa si occupa? La sezione di presentazione dà questo contesto a chi arriva sul sito, affiancando le persone e l’esperienza dell’impresa alle immagini del suo lavoro.
Implementare il design del mio amico significava conservarne il carattere: tipografia, spazi e fotografie dovevano funzionare insieme. L’obiettivo era tradurre la sua idea in una pagina concreta, mantenendo l’azienda al centro dell’esperienza.
Un dettaglio della presentazione dell’azienda e delle sue fotografie.
Rendere il lavoro facile da esplorare.
La sezione servizi parte dalle domande pratiche. Chi visita il sito può esplorare gli interventi di EDOCLA, dalle costruzioni alle ristrutturazioni, dagli interni agli impianti. I gruppi espandibili tengono leggibile un elenco ampio, senza trasformare la pagina in un muro di testo.
Qui una semplice applicazione React è sufficiente: sezioni chiare, interazioni dirette e contenuti facili da trovare. Volevo che l’implementazione sostenesse il design e rendesse utili le informazioni, senza aggiungere complessità fine a sé stessa.
Il dettaglio dei servizi di edilizia in un gruppo aperto.
Spiegare cosa succede dopo.
Scegliere un’impresa edile significa anche capire come si svolgerà un progetto. La sezione dedicata al processo racconta le fasi dal sopralluogo e preventivo alla pianificazione, al cantiere e alla consegna. Dà una forma al lavoro che precede il risultato finale.
Le grandi fasi numerate fanno parte del linguaggio visivo di Iachini Design. Il mio contributo è stato portare quel layout nell’applicazione, mantenendo collegate la sequenza e le spiegazioni mentre si scorre la pagina.
Un dettaglio delle quattro fasi del processo di lavoro di EDOCLA.
Da una visita a una conversazione.
La pagina arriva a un passo concreto: contattare l’impresa. Una fotografia affianca il modulo, mantenendo presente il racconto visivo anche in questo momento pratico. Chi visita il sito può spiegare di cosa ha bisogno e lasciare i propri riferimenti in un unico punto.
Ho collegato il flusso delle email con Resend e pubblicato l’applicazione su Vercel. Scelte coerenti con la dimensione del progetto: un modo diretto per mettere online il sito e gestire le richieste, con un’implementazione contenuta al servizio delle esigenze quotidiane dell’azienda.
La sezione contatti affianca una fotografia al modulo di richiesta.
Semplice, e utile.
Ripensandoci, la parte che conta di più per me è la collaborazione. Un amico ha portato la sua azienda, un altro il design, e io ho aiutato a trasformare tutto in un sito funzionante. Il risultato fa ciò che ci serviva: presenta EDOCLA, spiega il suo lavoro e dà alle persone un modo chiaro per contattarla.
Uno sguardo ravvicinato al modulo di contatto collegato a Resend.
Per chi vuole provare
Risorse per approfondire.
Gli strumenti citati nel racconto, con documentazione, guide e codice da cui partire per costruire qualcosa di tuo.
