Étude de cas C&H Creations : création d’un logo dessiné à la main et d’un site web WordPress sur mesure pour une société luxembourgeoise

Identité et site internet pour une société luxembourgeoise fondée autour d'une architecte d'intérieur associée à une commerciale et leur équipe d'artisans ouvriers spécialisée dans la pose de pierre naturelle.

Logo · Site web · Impressions · 2018 ch-creations.lu

Contexte

Une entreprise de 50 ans qui change de mains quand le fondateur part à la retraite et que son nom part avec lui. Les nouvelles gérantes, deux amies d'enfance, une architecte d'intérieur et une commerciale comptable, ont besoin d'un nouveau logo et d'un site qui portent l'histoire sans porter l'ancienne marque.

Quatre métiers sous un même toit : cheminées, salles de bains, ouvrages en pierre naturelle (marbre, granit), aménagements intérieurs et extérieurs. Active au Luxembourg, en Belgique, en France et en Allemagne.

Croquis du logo C&H Creations
Croquis du logo C&H Creations
Croquis du logo C&H Creations
Croquis du logo C&H Creations

3 pistes distinctes
sont ressorties des dessins

Première piste : le monogramme en maison Deuxième piste : le lettrage C&H Troisième piste : le monogramme hexagonal

Le choix final

Création du site internet

La conception du site

Un site vitrine WordPress sur mesure, pour une architecte d'intérieur et son entreprise de rénovation au Luxembourg. Je suis partie d'une page blanche, jamais d'un gabarit. Quatre métiers à faire vivre ensemble : cheminées, salles de bains, pierre naturelle, aménagements intérieurs et extérieurs. Et une seule règle que je me suis fixée : le site devait être au niveau de leurs réalisations.

La direction artistique

C'est la pierre qui a donné le ton. Du marbre et du granit en pleine largeur dès l'arrivée, des textures brutes derrière chaque section, et des couleurs prises directement dans les matériaux plutôt que dans une charte. Je voulais qu'on visite le site comme leur showroom : on touche la matière avant de lire. J'ai aussi dessiné une icône par métier, dans le même trait que le logo, pour que l'identité tienne d'un bout à l'autre.

Le rythme du contenu

Peu de texte, beaucoup d'images : c'est ce que j'avais entre les mains. Plutôt que de remplir des paragraphes, j'ai construit le site en blocs courts qui racontent l'entreprise à leur place : les quatre métiers, les réalisations, le showroom, les chiffres, les fournisseurs, les témoignages. Chaque section répond à la question que le visiteur se pose à ce moment-là et l'amène à la suivante, jusqu'à la demande de devis. Le design fait le discours, le texte confirme.

Site web C&H Creations, la page complète

Le souci du détail

Interactions animées

Le web étant un médium interactif, avoir des animations qui montrent qu'un élément va provoquer une action au clic est important pour guider un utilisateur.

Et créer ces animations avec élégance participe fortement à l'identité visuelle d'un site web. En plus d'être vraiment amusant à mettre en place.

Le tout est de trouver le bon dosage car trop d'animations peuvent affecter les performances ou embrouiller un utilisateur et le faire fuir.

La structure du site

Tout part de la page d'accueil, qui est un peu le site en miniature. On la descend comme un showroom : la matière d'abord, puis les quatre métiers, les réalisations, l'histoire, les chiffres, les témoignages, et tout en bas la demande de devis.

La structure du site, page par page
Une page métier, bloc par bloc

Ensuite, deux chemins. Celui qui sait déjà ce qu'il cherche entre par un métier : cheminées, salles de bains, pierre naturelle ou aménagements. Celui qui préfère d'abord savoir à qui il a affaire passe par la présentation, qui mène aux mêmes quatre pages.

Les deux chemins se rejoignent sur les réalisations et finissent au même endroit : le contact. Autour, les actualités, les témoignages et la newsletter vivent au rythme de l'entreprise, sans jamais toucher au design. C'est le client qui les alimente.

Choix technologiques

  • WordPress
  • Advanced
    Custom Fields
  • Google
    Analytics
  • Bootstrap
  • JavaScript

Technique et longévité

Le site repose sur des technologies saines, réputées et connues de beaucoup de développeurs pour que la maintenance soit simple et que le projet soit évolutif dans le temps.

Thème WordPress construit sur mesure, avec une interface côté client la plus simple possible pour qu'il puisse éditer les contenus sans difficulté.

Fonctionnalités sur mesure

  • Réalisations
  • Actualités
  • Témoignages
  • Inscription à la newsletter
  • Formulaire de contact

Deux sites en dix ans pour la même équipe, et le deuxième est toujours en ligne depuis 2018. Les actualités, les témoignages et la newsletter vivent au rythme de l’entreprise, sans que le design bouge d’un pixel.

Un logo né d’un changement de mains, et un site qui vieillit avec lui : c’est ce que je vise, une identité qui tient dans le temps.