Anaïs est technicienne en extension de cil depuis 2017. Forte de plusieurs années d’expérience, elle transmet aujourd’hui sa passion via des formations. Afin d’offrir plus de visibilité à ses stages et faciliter les inscriptions, elle a fait appel à notre agence de communication pour l’accompagner dans la création d’un site web dédié. Pour Gabriel, webdesigner nouvellement intégré à notre équipe, ce site a accompagné ses premiers pas au sein de l’agence. Il retrace aujourd’hui pour vous son premier projet.

La création d’un site sur mesure, étape par étape

La maquette, esquisse du site

« À mon arrivée chez Déclicexpro, le site de Dermoclinic a été le premier projet qui m’a été confié. L’occasion de mettre en pratique mes connaissances, mais aussi de découvrir les méthodes de travail au coeur de l’agence.

Épaulé par Thibaud, notre ancien webdesigner, j’ai découvert la maquette du site sur laquelle il avait déjà travaillé. En lien avec la cliente, celle-ci avait déjà été validée. La maquette est un outil essentiel dans notre travail, elle nous sert de guide tout au long de la création du site. Elle se doit également de respecter la charte graphique de l’entreprise afin d’assurer une cohérence visuelle dans l’ensemble de sa communication. Dans le cas de Dermo-clinic, on y retrouve des couleurs douces, dans les tons beiges qui rappellent ceux de la peau.

Enfin, visualiser la maquette nous permet également d’organiser les textes, menus et boutons afin d’assurer une expérience utilisateur optimale. En effet, en arrivant sur un site e-commerce, le client potentiel ne doit pas avoir besoin de chercher comment passer commande ou d’écumer le site pour trouver une information. Si l’on échoue à ce niveau, on prend le risque de passer à côté d’une vente. »

La création d’un site et son architecture

« Une fois bien imprégné de la maquette du futur site, il était temps de lui donner vie !

Dans le cas d’une création de site comme c’était le cas ici, on part vraiment de rien et toute l’architecture du site est à construire. Nous avions décidé de créer ce site sous WordPress, comme nous le faisons dans la majorité des cas. C’est un logiciel qui facilite la création de site web tout en offrant une belle marge de manoeuvre. Notre site est donc entièrement personnalisable, il ne reste plus qu’à lui donner forme et fonctionnalité.

Je trouve fascinant de construire un site internet étape par étape et de le voir se rapprocher de la maquette au fil du temps. Puis on y ajoute des fonctionnalités comme un formulaire de contact ou de petites animations comme un bouton qui change d’apparence au survol de la souris. En somme, il ne s’agit que de petits détails, mais sans y prêter de réellement attention, ce sont eux qui rendent le site plus accueillant. Mis bout à bout, on obtient alors une navigation bien plus agréable pour l’utilisateur.

Enfin, il est temps de parler de la fonctionnalité essentielle à un site e-commerce : la boutique ! Sans elle, pas de vente en ligne. Dans le cas de Dermo-clinic, seules des formations sont vendues sur le site. Ici, pas besoin de penser aux modules de livraisons souvent indispensables. En revanche, il a fallu détailler chacune des formations proposées par Anaïs et permettre leur achat et réservation en ligne.

Après une phase de test des modules de paiement, il ne restait plus qu’à peaufiner le site. Cette étape essentielle s’est réalisée en lien avec notre cliente avant sa mise en ligne. »

L’échange avec nos clients, clé de voûte d’un projet

« Durant chacune des phases de la construction du site, Thibaud puis moi-même avons été en lien direct avec notre cliente. Cette relation est essentielle afin de s’assurer que nous allons « dans le bon sens ».

En effet, impossible d’imaginer changer totalement l’apparence du site après avoir fini de le construire ! Ce serait une vraie perte de temps pour tout le monde. Et puis il est bien plus agréable de travailler en harmonie.

C’est donc ensemble que nous avons réorganisé l’ordre des formations proposées sur la page boutique, ajusté le placement des textes et intégré des images. Visualiser la maquette a également permis à Anaïs de choisir des photos. Elle nous les a ensuite transmises pour les inclure dans les emplacements prévus à cet effet. En définitive, la création d’un site web, c’est un réel travail d’équipe. Au sein de l’agence c’est vrau, mais aussi main dans la main avec notre client ! »

Découvrez le site de Dermo-clinic !

Vous rêvez d’un site e-commerce sur mesure ?

Toutes nos offres de création de site sont à retrouver en cliquant ici. Vous avez une question ? Contactez-nous ! Notre agence de communication digitale est là pour vos projets !

Article raconté par Gabriel, webdesigner et rédigé par Delphine, community manager de l’agence.

Retrouvez l’ensemble de nos créations dans notre portfolio.