EDOCLA is a construction company in Rome run by a close friend. Founded in 2026, it was starting from scratch and needed an online presence as it began taking on work. The goal was straightforward: a simple website to introduce the company and collect enquiries and requests for estimates from potential clients.
Another friend, Giorgio Iachini of Iachini Design, created the complete design in Figma. Giorgio studied design in Cambridge; my role was to turn his design into a React web application. The work was fairly quick and straightforward, with most of the care going into translating each component faithfully into the functioning site.
I connected the contact form at the bottom of the page to Resend so enquiries could reach the company by email, and deployed the application on Vercel. The domain was purchased through Cloudflare, and I added basic analytics with Umami. A small, focused implementation gave the new business a place to present itself and receive enquiries.
An introduction built on trust.
Before talking about code, we needed to make the company easy to understand. Who is behind it? What kind of work does it do? The introduction gives visitors that context, bringing the people and the company’s experience into the same page as its work.
Implementing my friend’s design meant preserving its visual character: typography, spacing and photographs all needed to work together. The goal was to translate his idea into a functioning page, keeping the company at the centre of the experience.
A close view of the company introduction and its photographs.
Make the work easy to explore.
The services section puts the practical questions first. Visitors can explore the kinds of work EDOCLA offers, from construction and renovation to interiors and systems. The expandable groups keep a substantial list readable without turning the page into a wall of text.
This is where a simple React application is enough: clear sections, direct interactions and content that is easy to find. I wanted the implementation to support the design and make the information useful, without adding complexity for its own sake.
The construction services, shown in an expanded group.
Show what happens next.
Choosing a construction company also means understanding how a project will unfold. The process section describes the steps from the first site visit and estimate through planning, construction and handover. It gives shape to the work behind the finished result.
The large numbered steps are part of Iachini Design’s visual language. My contribution was to bring that layout into the application, keeping the sequence and the explanations connected as visitors move through the page.
A detail of the four stages of EDOCLA’s working process.
From a visit to a conversation.
The page ends with a concrete next step: contacting the company. A photograph sits alongside the form, keeping the visual story present even at this practical moment. Visitors can explain what they need and leave their contact details in one place.
I connected the email flow with Resend and deployed the application on Vercel. Those choices fit the scope of the project: a straightforward way to publish the site and handle enquiries, with a small implementation that serves the company’s everyday needs.
The contact section pairs a project photograph with the enquiry form.
Simple, and useful.
Looking back, what matters most to me is the collaboration. A friend brought his company, another brought the design, and I helped turn it into a working website. The result does what we needed: it presents EDOCLA, explains its work and gives people a clear way to get in touch.
A closer look at the enquiry form connected to Resend.
For the curious
Explore and build.
The tools mentioned in the story, with documentation, guides and source code to help you build something of your own.
