Refonte d’un site internet pour un laboratoire de prothèses dentaires

Le projet

Refonte du site internet du laboratoire Stelramdent

Présent à Chelles depuis de nombreuses années, le laboratoire Stelramdent conçoit et réalise des prothèses dentaires de qualité professionnelle. Pour répondre aux demandes des cabinets dentaire, l’entreprise recherche et utilise des technologies modernes ainsi que des matériaux appropriés : céramique, chrome, titane…

Pour accompagner le développement de l’entreprise à la recherche de nouvelles opportunités, le laboratoire a fait appel à l’agence Olloweb pour sa communication digitale.

Voir le site

Établir ensemble les objectifs de votre projet

Définition de projet

Avant de démarrer le projet du laboratoire Stelramdent, nous avons pris le temps nécessaire pour bien comprendre tous les aspects techniques, les matériaux, les outils et tout le savoir-faire de l’entreprise. Nous avons échangé avec chaque personne de l’équipe Stelramdent pour bien comprendre les enjeux et surtout les attentes de l’entreprise pour sa communication. Pour simplifier les échanges, une personne a été détachée pour nous aider à recueillir tous les éléments de la communication déjà réalisée : photographie, texte, logo… À l’issue de cette étape, un document de synthèse a été élaboré pour guider notre équipe à toutes les étapes du projet et particulièrement pour la conception graphique.

Conseiller la solution la plus adaptée au projet

Domaine et hébergement

Pour placer le futur site internet une fois réalisé, nous avons proposé une solution d’hébergement plus adaptée au projet. Pour cela nous avons pris en charge le transfert du nom de domaine et guidé le responsable de la communication de l’entreprise pour réserver un hébergement. Ensuite nous avons configuré celui-ci afin d’avoir les meilleures performances en terme de vitesse et de référencement.

Concevoir et imaginer les différentes formes du projet

Structure et prototype

Avant de lancer la création de prototypes, nous avons réalisé un plan préparatoire au projet pour définir les modèles de pages à réaliser. Ensuite nous avons imaginé le contenu de toutes les pages sous la forme d’un document avec Apple Notes. Après différents échange avec l’équipe Stelramdent, nous avons lancé la création des prototypes. Pour cela nous avons travaillé à l’aide de l’application Adobe Photoshop pour disposer tous les éléments du futur site de l’entreprise et cela pour toutes les pages types du site internet à commencer par la page d’accueil (voir galerie). Après avoir validé la page d’accueil à l’aide de deux propositions de prototypes, puis l’ensemble des autres pages, nous avons procédé au lancement de la conception graphique.

Dessiner et mettre en image le projet

Conception graphique

Après avoir recueilli tous les éléments de communication existants du laboratoire Stelramdent, nous avons  procédé à un examen complet de ce qui était susceptible d’être utilisé pour le projet. Pour le logo, une refonte s’est imposée pour le moderniser et l’adapter à la nouvelle communication de l’entreprise. Les autres éléments de communication ont été ajoutés sur un espace partagé afin d’y être réorganisés et retravaillés pour le futur projet. Une fois le logo finalisé, nous avons intégré celui-ci à la conception graphique du site internet. À partir des prototypes déjà validés par l’équipe Stelramdent, notre graphiste a travaillé à l’élaboration d’une charte graphique en partie basée sur la reprise du logo. Après avoir défini les couleurs et la typographie, notre graphiste a imaginé un style graphique original pour le site du laboratoire. Après avoir élaboré l’interface graphique des modèles de pages du site internet, l’ensemble de la production graphique a reçu une approbation pour passer en production.

Produire et donner vie au projet

Production et intégration

S’agissant d’un site statique, le codage du site internet s’est décomposé en trois phases. Une première étape de codage en HTML, CSS, JavaScript pour produire chaque modèle de page. Une deuxième étape pour rendre le site internet dynamique, notamment pour les formulaires de contact avec PHP. Enfin une troisième étape pour l’intégration des contenus du laboratoire : textes, images, pictogrammes, etc.

Pour cette dernière étape, nous avons ouvert un espace de partage afin que l’équipe du laboratoire Stelramdent puisse ajouter ses contenus directement. Pour les photographies, nous avons travaillé ensemble aux choix des images les plus appropriées pour mettre en valeur le savoir-faire de l’entreprise.

Adapter la solution de gestion du site

Production CMS

Pour un site statique, il n’est pas nécessaire d’utiliser une solution de gestion de site. Mais celle-ci peut tout de même être ajoutée avec un site statique car un CMS permet d’étendre les fonctionnalités du site : réponse automatique des demandes de devis, statistiques, référencement automatique, etc. Pour cela, nous avons installé un CMS avec des fonctions minimales.

Mesurer et analyser la réussite du projet

Référencement et statistiques

À l’aide d’un plan dynamique comprenant la liste des pages du site internet, le référencement s’effectue automatiquement auprès des robots qui indexent le site Stelramdent. Le site bénéficie également d’un module qui permet d’établir des statistiques détaillées des visites du site. En complément nous avons ajouté les classiques scripts comme Google Analytics, etc.

Coordonner les différentes phases du projet

Conduite et réaliser

La conduite du projet, le prototypage, la réalisation technique et le CMS ont été réalisés au sein de l’agence Olloweb. La conception de l’interface graphique, l’iconographie, la refonte du logo de l’entreprise et le choix des photographies a été réalisé en collaboration avec Publinoves communication.

L'équipe