TAUROZSTUDIOS
← Work

Xoc Tèrmic

Corporate website · Construction2026 In production

Xoc Tèrmic designs and builds aluminum and glass enclosures since 1989 — residential, hospitality, school and public-sector architecture across Catalonia. It’s in production, awaiting its final domain.

Xoc Tèrmic cutout: wordmark with a thermal gradient over a curtain-wall grid
Client
Xoc Tèrmic
Sector
Aluminum and glass enclosures
Scope
Corporate website · Project catalog · Product catalog · Applied identity
Stack
Next.js · Archivo · Space Grotesk · Vercel

The brief

A company with real, built work since 1989 had a website that didn't show it. The brief: make the catalog prove it with the company's own projects and its own photography — zero stock imagery.

What we did

  • Full corporate website in Catalan, the language of the company and its customers.
  • Project catalog sorted by year, with real, located projects.
  • Product catalog in six families, from windows to materials.
  • Applied identity: the logo's thermal gradient carried through into the headlines.
✳ Inside the site 04 screens
Xoc Tèrmic — Second page — project sheet
01 Second page — project sheet Each project has its own page with category, location, year and visual documentation. The Llavaneres Library speaks for itself: it's the sales pitch in sheet form.
Xoc Tèrmic — Product families
02 Product families Windows, doors, façades, sun protection, railings and materials. Six families, each with its own project photography, so an architect can find what they need in one click.
Xoc Tèrmic — The archive by year
03 The archive by year Projects are ordered chronologically and located on the map. A company from 1989 proves its track record by showing the archive, not by claiming experience.
Xoc Tèrmic — The project at full size
04 The project at full size Inside each sheet, the photography leads: the Cosentino offices in Salt filling the full width. The enclosure is judged by seeing it, not by reading about it.
Xoc Tèrmic — mobile 1
Xoc Tèrmic — mobile 2
Xoc Tèrmic — mobile 3
On mobile Home, project archive and project sheet on mobile: the gradient and the project photography hold up on a small screen, which is how a site foreman checks it on-site.
✳ Decisions Why this way
  • 01

    Everything in Catalan

    The company works in the Alt Empordà and its customers are Catalan. Translating it into Spanish would have moved it away from its market, not closer to it.

  • 02

    Its own photography, zero stock

    Every image in the catalog is its own work. In construction, a stock photo is a promise that can't be verified.

  • 03

    The gradient as a system

    Its logo carries a gradient from cold blue to hot red — literally the thermal shock. It becomes the graphic device across the whole website.