← Tous les projets

Catalogue industriel

Ravendo

Le catalogue d’un fabricant d’équipements relie sélection de produits, recherche, informations de service et revendeurs en anglais et danois.

Structure, design d’interface, développement web et lancementCatalogue produits · recherche · localisateur de revendeurs · EN / DK
Voir le site ↗
Premier écran du site en ligne de Ravendo
Premier écran du site en ligne de Ravendo

Contexte

Ravendo fabrique des brouettes, des chariots d’entrepôt et de transport, et du matériel de déplacement de charges. Ce qui compte ici, ce n’est pas seulement l’aspect d’un produit, mais aussi son usage, sa facilité d’emploi et le choix du bon modèle. Le site réunit une gamme industrielle et des informations sur le fabricant, avec des entrées distinctes pour les acheteurs et les partenaires professionnels.

L’enjeu

Présenter une large gamme comme un ensemble de solutions de travail. Le visiteur doit passer rapidement d’une vue d’ensemble de l’entreprise à une catégorie de matériel, puis trouver les détails, l’assistance ou un revendeur — sans que le contenu technique se perde derrière l’image de marque.

Nos choix

  1. Architecture produit

    Le menu principal sépare Products, Service and Support, Find Dealer et About Ravendo, avec la recherche en haut de page. Cet ordre offre un chemin direct à ceux qui connaissent déjà le produit voulu comme à ceux qui choisissent encore une catégorie.

  2. Le matériel en action

    Le premier écran associe un grand titre à une démonstration du matériel en usage. Les blocs suivants présentent les chariots d’entrepôt, la manutention de panneaux et l’ergonomie : chaque produit est montré dans le contexte d’une tâche concrète.

  3. Des informations pour un choix professionnel

    La gamme est complétée par des contenus sur la qualité, la garantie, la fabrication danoise et les solutions sur mesure. Les informations de service se trouvent à côté de la structure produit au lieu d’être noyées dans l’histoire de l’entreprise.

  4. Des parcours selon les visiteurs

    Le catalogue, la recherche de revendeur et un accès dédié aux revendeurs répondent chacun à un besoin différent. Les versions anglaise et danoise s’adressent à un public international sans changer la logique des rubriques principales.

Notre réalisation

Système visuel

Un fond blanc laisse la place à un contenu technique dense et aux photos. Un accent rouge relie l’interface au logo, les titres foncés tiennent la hiérarchie. Une grande typographie étroite fait ressortir le message principal, tandis que des blocs de texte plus calmes expliquent l’usage du matériel.

accent#ED1C22
foreground#343A40
background#FFFFFF
theme-gray background#F7F7F7
theme-gray foreground#333333

Typographie de l’interface

Les tailles ci-dessous ont été mesurées sur le site en ligne avec un viewport de 1180 × 757 px CSS, zoom 100 %, DPR 1. Elles décrivent cette mise en page précise, pas des tailles fixes pour tous les appareils.

Famille
Saira Semi Condensed
H1
79.10 px / 71.19 px · 700
Titre de section
39.70 px / 35.73 px · 700
Titre du bloc produit
27.88 px / 31.37 px · 400
Chapeau
20 px / 30 px · 300
Texte courant
16 px / 24 px · 300
Saira Semi Condensed : le vrai titre et le texte d’introduction du site.
Niveaux de taille : sous-titre, chapeau et texte courant.

Logo et usage

La marque verticale de Ravendo : une silhouette de brouette rouge, une roue noire et le nom. L’en-tête utilise une version verticale compacte, bien lisible à côté de la recherche.

Logo original de Ravendo
Le logo du site en ligne, proportions inchangées.
Fichier du logo
150 × 129 px · rapport 50:43
Usage dans l’en-tête
100 × 86 px CSS pour un viewport de 1180 × 757
Forme préservée
Largeur et hauteur varient ensemble ; l’image n’est jamais déformée

Les valeurs de couleur ont été vérifiées dans le CSS du site. Les spécimens typographiques sont des fragments d’écrans réels ; les fichiers de polices commerciales ne sont pas inclus dans cette étude de cas.

Parcours et contenus

Accueil → Products → catégorie de matériel → produit. Autres chemins : la recherche dans la gamme, Find Dealer pour joindre un revendeur et Service and Support pour l’après-vente. Sur l’accueil, les démonstrations servent d’entrées supplémentaires vers des domaines précis.

Démonstration d’un chariot d’entrepôt et description des options d’équipement.
Démonstration d’un chariot d’entrepôt et description des options d’équipement.

Promotion

Nous avons optimisé le site pour le référencement, configuré un compte Google Ads, puis lancé la publicité et la promotion dans les moteurs de recherche.

Le résultat

Le site du fabricant est en ligne et réunit la gamme, les usages des produits et les informations de service dans un même système. Il présente Ravendo sur le marché international et aide le visiteur à passer de la découverte de l’entreprise au choix concret du matériel.