Un bon site de fabricant ne commence pas par le slogan « nous sommes innovants », mais par la réponse à des questions simples : de quoi s’agit-il, en quoi est-ce fait et comment le commander. Pour la marque ECODDC de Bydgoszcz, nous avons préparé un tel site : ecoddc.pl. C’est le site d’entreprise d’un fabricant d’organiseurs de bureau écologiques en carton ondulé, où le produit, le matériau et le contact sont à un clic les uns des autres. Dans cette étude de cas, nous montrons comment nous l’avons conçu pour une clientèle professionnelle.
En bref : le site d’entreprise d’un fabricant d’organiseurs de bureau écologiques
- Client : ECODDC, fabricant d’organiseurs de bureau en carton ondulé BC, Bydgoszcz
- Secteur : produits de bureau, design écologique, vente aux entreprises
- Périmètre : conception graphique, site multipage (accueil, deux fiches produits, à propos, contact), formulaire de demande, bandeau de cookies, pages juridiques
- Technologies : HTML5, CSS3, JavaScript, PHP (traitement du formulaire)
- Adresse du site : ecoddc.pl
Le défi : expliquer un matériau atypique et présenter le produit aux entreprises
Pour beaucoup de gens, un organiseur en carton sonne comme une solution provisoire. Or, d’après la description de la page À propos, la marque veut montrer que le carton ondulé BC peut être un élément durable et esthétique du poste de travail. Le site devait donc faire deux choses à la fois : instaurer la confiance dans le matériau et présenter le produit de façon à pouvoir l’imaginer sur son propre bureau.
S’y ajoutaient des caractéristiques qui se diluent facilement dans la communication : usinage CNC, philosophie Zero Waste, recyclabilité et personnalisation des couleurs. Si tout se retrouvait sur une seule page sans ordre, le visiteur ne distinguerait plus le produit des slogans de la marque. Le brief comportait quatre exigences :
- une séparation claire entre la marque et les deux produits : EcoStack et StarLinkPanel,
- des données techniques concrètes plutôt que des généralités,
- un chemin simple vers une demande sur un produit ou sur la personnalisation,
- un site léger et rapide, qui s’affiche bien sur téléphone comme sur ordinateur.
Ce n’est pas un site de services classique. ECODDC vend des produits physiques ; nous avons donc subordonné toute la mise en page à la présentation du produit, et non à un catalogue de services.
Comment nous avons travaillé sur le projet
Nous avons commencé par mettre de l’ordre dans les documents du client : descriptions de produits, photos et caractéristiques. Il en est sorti une arborescence dans laquelle la page d’accueil explique l’idée de la marque, et chaque produit reçoit sa propre sous-page avec une fiche technique et une galerie. Nous avons ensuite préparé une conception graphique fondée sur un vert apaisant et les couleurs naturelles du carton, l’avons intégrée dans le code et testée sur différentes largeurs d’écran. Pour finir, nous avons vérifié le formulaire, le bandeau de cookies et les pages juridiques.
La solution : un site qui vend le produit par l’explication
Le site se compose d’une page d’accueil, des fiches produits EcoStack et StarLinkPanel, de la sous-page À propos et d’un contact. Le menu est court et le bouton de contact est mis en évidence dans l’en-tête, si bien que le visiteur n’a pas à chercher comment se manifester.
Page d’accueil : trois piliers de la marque et deux produits
Le premier écran montre le produit dans un environnement réel et deux boutons vers les fiches produits. Plus bas, le site présente les trois piliers de la marque : la technologie CNC, le Zero Waste et le recyclage. Ils sont présentés brièvement, dans trois vignettes, et ce n’est qu’ensuite que viennent les produits. Le visiteur comprend donc d’abord l’idée, puis voit comment elle se traduit en produits concrets.
Un schéma Zero Waste plutôt qu’une longue description
Au lieu d’un paragraphe sur la réduction des déchets, nous avons préparé un schéma simple : l’entrée est une feuille de carton BC, la sortie est le panneau StarLinkPanel et trois organiseurs supplémentaires (pour tablette ou téléphone, pour les câbles et pour les stylos). Selon le site, ces produits supplémentaires naissent des espaces libres de la feuille. Une telle visualisation explique le concept en quelques secondes.
Des fiches produits avec fiche technique et galerie
Chaque produit dispose de sa propre sous-page avec une description, une liste de caractéristiques, un tableau de données techniques et une galerie de photos agrandissables dans une lightbox légère. Sur la fiche EcoStack, on indique par exemple que le module pour fournitures compte 25 couches de carton et le module pour câbles 6 couches, et que les modules peuvent être empilés ou placés côte à côte. L’ensemble est complété par le processus « Comment ça marche ? » en trois étapes : choix des modules, choix de la couleur et agencement selon les besoins.
Formulaire de demande avec choix du produit
La page de contact comprend un formulaire : prénom, e-mail, en option téléphone et entreprise, liste de produits (EcoStack, StarLinkPanel, les deux, personnalisation ou autre demande) et message. À côté figurent les coordonnées de l’entreprise et une carte. Le formulaire s’envoie sans rechargement de la page, et l’utilisateur voit aussitôt la confirmation ou un message d’erreur.
La personnalisation des couleurs comme élément de l’offre
Selon le site, les produits sont contrecollés avec du papier de la couleur choisie, et la page d’accueil présente la palette : kraft, bleu, terre cuite, vert, violet, rose, graphite, paille et beige. Sous la palette, une invitation à demander une autre couleur. C’est une façon simple de montrer la possibilité d’adapter le produit à l’identité visuelle de l’entreprise sans construire de configurateur.
Sous-page À propos : la philosophie de la marque au même endroit
Les contenus sur les valeurs de la marque n’ont pas été éparpillés dans tout le site. Sur la page À propos, nous avons réuni la philosophie de l’entreprise, la description du matériau BC et la liste de ce qui, selon la marque, la distingue : une méthode propre de collage alterné, des connecteurs en forme d’étoile dans le StarLinkPanel, la personnalisation et un circuit fermé des matériaux. Ainsi, la page d’accueil et les fiches produits restent concises, et celui qui veut en savoir plus sait où aller.
Responsive et accessibilité
La mise en page s’adapte à la largeur de l’écran grâce à un ensemble de règles CSS pour téléphones et tablettes. Les photos des sections inférieures se chargent en différé, de sorte que le premier écran n’attend pas toute la galerie, et les utilisateurs qui ont désactivé les animations dans leur système ne voient pas d’effets animés. Les boutons de la lightbox disposent de descriptions pour les lecteurs d’écran, et les champs du formulaire d’étiquettes.
SEO, RGPD (RODO) et sécurité
Chaque sous-page a son propre titre et sa description meta, la page d’accueil possède une adresse canonique et des balises Open Graph, ce qui donne un bel aperçu du lien une fois partagé. Nous ne promettons pas de positions dans Google, car elles dépendent de nombreux facteurs extérieurs au code, mais le contenu est ordonné et décrit de façon à ce que le moteur de recherche puisse le comprendre.
- RGPD : le formulaire exige le consentement au traitement des données afin de répondre à la demande ; le site dispose d’une politique de confidentialité et d’un règlement.
- Cookies : bandeau avec les options « J’accepte tout », « Uniquement les cookies nécessaires » et « Gérer les paramètres », ainsi qu’un lien dans le pied de page pour modifier ses préférences.
- Formulaire : validation côté serveur, champ masqué contre les robots et rejet des sauts de ligne dans les champs qui aboutissent dans les en-têtes du message.
Technologies
Le site n’utilise pas WordPress. Ce sont des sous-pages HTML5 statiques avec des styles CSS, un seul fichier JavaScript (animations d’apparition des sections, lightbox, envoi du formulaire et gestion des cookies) et un script PHP qui reçoit le formulaire et envoie le message à la boîte de l’entreprise. La carte de contact se charge en différé, et les polices viennent de Google Fonts. Un tel choix a du sens pour quelques sous-pages fixes : c’est rapide, simple et peu coûteux à maintenir.
Pourquoi un site propre plutôt qu’un simple catalogue de produits
Un fabricant qui décrit ses produits uniquement dans des offres sur des portails perd le contrôle de leur présentation et rivalise sur le prix avec des articles similaires. Un site propre permet de raconter l’histoire du matériau et du procédé, de présenter les données techniques dans la mise en page choisie par la marque et de recevoir les demandes directement, sans intermédiaire. Pour ECODDC, c’est particulièrement important, car la valeur du produit tient à sa façon d’être fabriqué, ce qui entre difficilement dans la description standard d’une place de marché.
Le résultat
Le client a obtenu un site qui sépare clairement la marque et les deux produits, explique un matériau atypique et mène à la demande. Nous ne donnons ni chiffres de ventes ni de visites, car nous ne les publions pas. L’effet qualitatif se voit dans la structure elle-même : chaque information a sa place, et le chemin entre la photo du produit et le formulaire se fait en quelques clics. Les déclarations sur l’écologie et le recyclage viennent de la marque, et nous les présentons comme telles. Le site est prêt à évoluer : d’autres produits peuvent être ajoutés comme de nouvelles fiches dans la même mise en page, sans tout reconstruire.
À qui s’adresse cette solution
Cette approche convient aux fabricants et aux petites manufactures qui ont un à quelques produits, vendent aux entreprises et ont besoin d’un site qui explique la technologie ou le matériau. Si le produit exige des précisions avant l’achat, par exemple la couleur, les dimensions ou la quantité, un formulaire de demande vaut mieux qu’un panier. Voir aussi nos services.
Site de fabricant pour les entreprises : comment présenter le matériau et inciter à la demande
ECODDC est, selon sa description, une marque de Bydgoszcz qui vend des organiseurs en carton ondulé aux entreprises. Une telle offre demande un site qui explique le matériau, présente les données techniques et recueille les demandes, sans imiter une boutique. L’ordre fonctionne bien ici : d’abord l’idée de la marque, puis les produits, enfin le formulaire avec choix du produit et de la personnalisation. En vente B2B, le client a souvent besoin de précisions avant l’achat, par exemple la couleur ou la quantité ; la demande vaut donc parfois mieux qu’un panier.
Ce site est statique, sans WordPress, et c’est un choix raisonnable pour quelques sous-pages fixes : il est rapide et simple à maintenir. L’article sur l’optimisation de la vitesse des sites WordPress explique comment la vitesse influe sur la perception d’un site. Nous parlons de la présentation d’un produit sur des écrans de différentes tailles dans le texte sur la conception de sites internet. Vous trouverez une philosophie similaire de site vitrine léger dans la réalisation du site du producteur de jus Sokoniada.
Vous voulez savoir combien coûte un tel site ? Utilisez le calculateur de devis, parcourez les services ou contactez-nous.
FAQ
Le site d’un fabricant de produits pour entreprises doit-il avoir une boutique en ligne ?
Pas toujours. ECODDC présente les produits, les caractéristiques et la possibilité de personnalisation, et la commande commence par une demande via le formulaire. Pour des produits adaptés à l’entreprise, par exemple par la couleur, un tel modèle est parfois plus pratique qu’un panier, car il faut d’abord convenir des détails.
Pourquoi ce site ne fonctionne-t-il pas sur WordPress ?
Le site compte quelques sous-pages fixes et peu de contenus qui évoluent dans le temps ; un HTML statique avec un seul script PHP pour le formulaire suffit donc amplement. Il est rapide, simple à maintenir et présente une surface d’attaque plus réduite qu’un CMS étoffé. Quand les contenus augmenteront, on pourra le migrer vers WordPress.
Comment décrire un produit écologique sans exagérer les déclarations ?
Il vaut mieux s’en tenir à ce que le fabricant peut justifier : le matériau, le mode de fabrication, la recyclabilité. Des slogans comme « 100 % écologique » sur le site d’ECODDC sont des déclarations de la marque, et nous les traitons comme telles. L’entreprise est responsable de la fiabilité de ses affirmations, et nous veillons à leur présentation claire.
Qu’apporte un formulaire de demande par rapport à une simple adresse e-mail ?
Le formulaire recueille d’emblée les informations nécessaires : coordonnées, entreprise et produit concerné par la question. La première réponse peut ainsi être concrète. En outre, il comprend une validation côté serveur, un consentement RGPD et un champ masqué contre les robots.
Combien de temps faut-il pour préparer un tel site vitrine pour un fabricant ?
Le délai dépend du nombre de produits, de la disponibilité des photos et des textes et de la nécessité d’une fonction supplémentaire. C’est pourquoi nous ne donnons pas de délais fermes sans échange. Après un court brief, nous pouvons définir le périmètre et le calendrier pour une entreprise précise.
Vous cherchez un site pour un fabricant ou une marque de produits ? Découvrez nos services, consultez d’autres réalisations ou écrivez-nous, et nous préparerons une proposition adaptée à votre entreprise.
