En 2018, on a fait connaissance de Mamadou Diabaté, fondateur de la société ADoC-IT. Comme Jimmy Turpin, gérant de notre agence web BeWithYou, Mamadou est formateur indépendant. Jimmy et Mamadou se sont rencontrés au CESI d’Arras.
ADoC-IT est une société spécialisée dans l’accompagnement de TPE et PME pour leurs projets d’infrastructures, de solutions informations et formations professionnelles.
Le brief client
C’est dans ce cadre précis que ADoC-IT a souhaité créer un identité web pour pouvoir proposer ses prestations. Ayant un site internet complètement obsolète et vraiment pas à jour, Mamadou a demandé à BeWithYou de créer un site internet responsive.
Bien sûr, ce site devrait s’intégrer parfaitement à la charte graphique définie par le logo de l’entreprise.
Chaque page du site devrait reprendre et détailler une des prestations proposées par la société lilloise.
Mamadou souhaitait également :
- de l’interactivité,
- un formulaire de contact,
- un live chat,
- et un service de configuration en direct pour PC sur-mesure.
Création du site d’ADoC-IT
La plateforme
La création de ce site vitrine reste un grand classique du type de projet que réalise notre agence web. Pour que le client puisse ensuite utiliser son site internet comme il le souhaite, nous avons choisi une plateforme WordPress.
De cette manière, ADoC-IT pouvait gérer lui-même ses modifications, l’intégration de nouvelles solutions, ou faire des modifications mineures de textes et images.
L’intégration des contenus et charte graphique
ADoC-IT nous a fourni l’ensemble des contenus éditoriaux ainsi que les images/photographies à intégrer sur le site.
De notre côté, on les a mis en forme et mis en page pour pouvoir présenter les informations de manières fluides et intelligibles.
On a également créer un jeu d’icônes correspondant aux besoins de la société. Parallèlement, on a fait de notre mieux pour correspondre à la charte graphique définie par le logo (voir ci-dessus). On a cependant dû effectuer des modifications pour que le site puisse rester moderne et dans l’air du temps. Par exemple, on a ajouter des couleurs complémentaires comme le orange et le bleu nuit. On a aussi pris un lot de typographies pour les titres et le contenu (Share Tech et Open Sans).
Les modules et le développement
Interaction
L’animation et la micro-intéraction c’est ce qui se fait en ce moment sur les sites web. Ça permet d’obtenir une meilleure expérience utilisateur.
On a donc fait du CSS, parce que c’est notre passion. On surtout créer des micro-intéractions au survol de certains éléments en utilisant les propriétés « transform ».
On a également intégré de l’animation au chargement des pages pour l’arrivée des différents éléments.
Formulaire de contact
On a créé un formulaire de contact à l’aide d’un module de WordPress qu’on a relié à la boite mail d’ADoC-IT sur la page contact du site. On en a profité pour créer un carte Google à l’aide de l’API Google Map.
Live Chat
Pour le service de chat en direct, nous avons choisi le module Tidio. C’est un excellent livechat qu’on a déjà utilisé de nombreuses fois. Le gros avantage c’est que vous pouvez l’utiliser sur ordinateur comme sur mobile. Tidio propose d’ailleurs une application permettant de vous notifier directement sur votre smartphone.
On a fait également un peu de personnalisation du module pour qu’il s’intègre au site correctement.
Si vous souhaitez en savoir plus sur Tidio rendez-vous sur leur site https://www.tidio.com/. On réalisera prochainement pour vous un test complet de l’application.
Service de configuration
Pour la partie service de configuration de votre PC sur Mesure, on a également fait appel à un module externalisé. En gros, ça se présente comme un formulaire à réponse conditionnelle agrémenté d’images.
Et c’est tout simplement génial comme outil. Vous pouvez faire des sondages, enquêtes et autres questionnaires en quelques clics.
Découvrez Typeform !
Conclusion
Chez BeWithYou on a pris beaucoup de plaisir à réaliser l’outil de vente d’ADoC-IT. Réaliser cette plaquette en ligne, cette vitrine de l’entreprise, c’est en quelque sorte construire les murs de cette société pour qu’elle est un socle solide à proposer à ces clients.
On tient donc à remercier tout particulièrement Mamadou Diabaté pour la confiance qu’il nous a accordé.
Découvrez le site d’ADoC-IT, partagez et dites-nous ce que vous en pensez dans les commentaires !