Le projet

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.

La composition du site

Agenda, dossier, actualité...

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.

Etablir ensemble les objectifs du projet

Définition 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. 

Concevoir et imaginer les différentes formes du projet

Structure et prototype

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.

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.

Dessiner et mettre en image le projet

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é.

Produire et donner vie au projet

Production et intégration

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.

Adapter la solution de gestion du site

Production CMS

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.

Les fonctions ajouter, modifier ou supprimer des éléments du site se réalise avec une solution de gestion de site dynamique (CMS). Développé en interne depuis de nombreuses années, celle-ci a été adapté au projet afin que les différents modules développés côté client puissent fonctionner convenablement. Nous avons aussi adapté la base de données en conséquence. Une fois le site mis en ligne, nous avons formé les utilisateurs pour la prise en mains de la solution de gestion.

Validation

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.

Mesurer et analyser la réussite du projet

Référencement et statistiques

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.

Coordonner les différentes phases du projet

Conduire et réaliser

La conduite du projet, le prototypage, la conception graphique, la réalisation technique et le CMS ont été réalisés au sein de l’agence Olloweb.