Étude de cas — 2026

Refonte complète de harels.ch

Client: HARELS SA
Secteur: Construction métallique — Bussy (FR)
Livrables: 3 directions créatives complètes, toutes les pages générées depuis un modèle de contenu unique, photos, logo et couleurs d’origine repris de harels.ch.
Année: 2026

Refonte HARELS — direction Forge, page d’accueil

Le défi

Entreprise familiale spécialisée dans la construction métallique, HARELS SA conçoit, fabrique et pose des ouvrages sur mesure dans trois ateliers distincts : acier, inox et aluminium. Pour la refonte de harels.ch, nous avons imaginé trois directions complètes, construites sur ses propres textes, photos, logo et couleurs.

Des garde-corps, de la serrurerie, des charpentes et des menuiseries réalisés sur de vrais chantiers — du Gymnase de la Broye à Payerne au Crochetan à Monthey. Tout le propos : leur offrir une mise en scène à la hauteur, sans rien inventer.

Sur le terrain

Leurs chantiers,
leurs photos.

Chaque direction s’appuie sur les photos de chantier que HARELS SA publie sur harels.ch.

Immeuble de cinq niveaux, balcons à panneaux ocre et garde-corps — Crochetan, Monthey (VS) — **Crochetan**Monthey (VS)

Immeuble avec garde-corps vitrés en attique — Sous-Balme, Veyrier (GE) — **Sous-Balme**Veyrier (GE)

Train CFF au-dessus d’un mur de soutènement coiffé d’un garde-corps en tube galvanisé — CFF, Montagny (FR) — **CFF**Montagny (FR)

Garde-corps à barreaux verticaux le long d’un talus, devant le gymnase — Gymnase de la Broye, Payerne (VD) — **Gymnase de la Broye**Payerne (VD)

Photos : HARELS SA

Fiche client

Entreprise: HARELS SA — entreprise familiale
Adresse: Route des Marechets 143, 1541 Bussy FR
Téléphone: 026 660 22 32
E-mail: info@harels.ch
Site actuel: www.harels.ch (nouvel onglet)
Ateliers: Acier · Inox · Aluminium

Métiers mis en scène

01Garde-corps & main-courantes
02Serrurerie sur mesure
03Structures & charpentes métalliques
04Menuiserie aluminium & PVC
05Portes & cloisons coupe-feu

Logo et couleurs repris

Rouge#c8102e
Noir#111111
Gris clair#f6f6f6

Typographies d’origine (Montserrat, Inter) remplacées par celles de chaque direction.

Direction 01

Forge

Nocturne et cinématique : escalier hélicoïdal 3D temps réel, étincelles de soudure, défilement horizontal.

Visiter

Direction Forge — page d’accueil sur ordinateur

Direction 02

Blueprint

Précision suisse : plans techniques qui se dessinent, règle millimétrée, fiches techniques.

Visiter

Direction Blueprint — page d’accueil sur ordinateur

Direction 03

Matière

Éditorial et sensoriel : métal liquide en WebGL, palette qui change avec l’acier, l’inox et l’aluminium.

Visiter

Direction Matière — page d’accueil sur ordinateur

Visualisations 3D

Les métiers,
en trois dimensions.

Visualisations 3D réalisées par Inzpocket pendant la conception pour illustrer les métiers de HARELS SA. Dans les refontes, les photos de chantier de HARELS SA priment : les rendus n’illustrent plus que les sujets sans photo (escalier hélicoïdal, façades, ateliers).