Introduction

IIH Formation Hypnose

Le site internet de IIH Formation Hypnose est organisé autour d'une offre de formation classée par type de formation : cours de formation à la pratique de l'hypnose, cours de spécialisation à la pratique de l'hypnose, animations, stages et ateliers sur l'hypnose. Chaque catégorie du catalogue donne accès à une liste d'offres de formation. L'offre est ensuite détaillée et permet l'inscription à une session de formation ou le téléchargement en ligne de l'intégralité de l'offre sous format PDF.

Avec l'expérience acquise dans le domaine de la formation, notre agence a été plus à même d'aborder un projet de site internet sur la formation en hypnose. Ainsi nous avons gagné du temps dans toutes les étapes du projet et cela nous a permis de proposer des solutions plus modernes pour l'ergonomie du site.

Voir le site en ligne

Agenda, dossier, actualité...

La composition du site

Pour connaitre les différentes sessions de formation à venir, un agenda est présent en page d'accueil ainsi que dans les pages intérieures. Un annuaire regroupant les différents professionnels formés par le centre IIH, offre un espace de communication vers les particuliers. Avec différentes pages d'informations, questions réponses, actualités, dossiers sur l'hypnose en complément des offres de formation, le site IIH Formation Hypnose répond complètement aux attentes de l'entreprise ainsi qu'aux objectifs préalablement établis.

Voir la galerie

Les étapes de création

Le briefing de projet

Avant de lancer la production d'un site de catalogue, le briefing de projet nous permet de comprendre les attentes du client et d'analyser les différentes options possibles ainsi que la meilleure approche en terme de communication.

Le briefing permet de fixer les objectifs du client, les orientations graphiques ainsi que les utilisateurs potentiels du site. Il permet de garantir la bonne marche du projet. 

Le plan du site

S'agissant d'un site ce catalogue avec peu de produits ou offres, il n'était pas nécessaire de réaliser un plan du site sous forme graphique. Un simple document avec la liste des pages et options était plus adapté au projet.

Conception des maquettes

Pour gagner du temps lors la phase de production graphique, il est indispensable de passer par une étape de mise en page. Ceci est encore plus vrai avec les contraintes du responsive design. En effet cette étape permet de tester les différentes mises en page possibles pour chacune des pages modèles du site de catalogue.

Pour le site de formation en hypnose, nous avons travaillé à la conception de maquettes facilitant la navigation et l'accessibilité au catalogue de formation en hypnose. Avec un site internet en responsive design, la mise en page est simplifiée mais permet d'être visible sur tout type d'écran.

La conception graphique

Pour la conception graphique, il s'agissait de proposer un graphisme sobre pour favoriser la lecture des offres de formation, ainsi que quelques couleurs propres au thème de l'éducation. L'interface graphique une fois terminée répond bien aux objectifs définis dans le cahier des charges avec un fond blanc et un aspect professionnel avec le menu noir.

Après avoir dessiné toutes les pages modèles dans Adobe Photoshop® et décliné le graphisme pour mobile et tablette, la création graphique fut terminée et le développement fut lancé.

Le développement HTML et CSS

L'utilisation du HTML5 facilite le développement des pages grâce aux nouvelles balises qui permettent de mieux structurer le code et de gagner en lisibilité. Le CSS3 avec les Média Queries facilite la déclinaison du site en version tablette et smartphone. Pour donner au site un aspect plus dynamique, lors des passages en version responsive, nous avons ajouté quelques codes CSS. Le formulaire de contact ainsi que la gestion des témoignages ont été modifié pour une meilleur expérience utilisateur avec Ajax.

Le développement dynamique

Après avoir terminé toutes les pages modèles du site, nous avons ajouté le codage PHP pour rendre le site dynamique et faciliter la mise à jour des pages à l'aide du CMS Olloweb.

La gestion du site

Avec quelques heures de formation au CMS Olloweb, le client prend rapidement le contrôle du site pour ajouter ses articles sur l'hypnose, son catalogue de formation ainsi que l'ensemble des données du site.

La validation du projet

Avant de procéder à l'ouverture du site, Olloweb lance une vérification complète du site internet afin de garantir le codage. Le site de catalogue une fois validé est garanti pour une durée de deux ans. Cette garantie couvre ainsi les bugs éventuels et les mises à jours des navigateurs.

Les statistiques et référencement

Pour obtenir des statistiques de fréquentation du site, nous procédons à l'installation de module Google ou Piwik. Un plan de l'ensemble des pages web du site est rendu disponible en ligne et ajouté dynamiquement pour Google et les autres moteurs de recherche.