React · TypeScript · CSS
CyberTechno is an industrial system integrator in Naples, active since 2016, with three divisions selling to different customers: IT, refrigeration and TV production. I designed and built the bilingual React site: the home page doesn't describe the company, it routes visitors to the right division, and each division then has its own set of pages.
the client
CyberTechno S.r.l., Naples, since 2016, a client of the agency Fooody I work with: the agency kept the relationship, I took on the whole web side. One company with three lines of business that have nothing in common from the customer's side — IT infrastructure and cloud, refrigeration and fire-safety plants, live shooting and TV production — plus an in-house product, T-RACKS, that cuts across all three.
the problem
Three divisions under one brand means three audiences that look nothing alike: an IT manager, a plant director and a TV producer. A home page trying to address all three addresses none of them, and a visitor can't tell within thirty seconds whether the company does the job they came for.
the approach
I inverted the hierarchy: the first thing the site asks is where you want to start, with three equal entry points and none of them favoured. From there each division has its own pages, language and content. T-RACKS gets a shortcut of its own, because anyone who already knows the product shouldn't have to go through a division to reach it.
what I built
- A routing home page with three equal entry points — IT, refrigeration, TV production — and direct access to the T-RACKS product
- A section of pages for each division, plus about, contact and blog
- Two real route trees, /it and /en, both indexable, instead of a client-side language switch
- LocalBusiness and ProfessionalService structured data with address, founding year and division descriptions
- Titles and descriptions written for "system integrator" searches in the Naples area
the outcome
The site is live at cybertechno.eu. Each division has an address of its own to send customers to, and the English version is a real, indexable page rather than a button that swaps the text. SEO work with the agency has only just started: it's too early for a measurable result, but the technical groundwork — page structure, structured data, per-division content — is already there.