Refonte du site internet Concours SESAME
17 septembre 2019
Créé en 1992, Concours SESAME est un concours d’entrée post-bac aux principales écoles de commerce et de management international. En passant les épreuves écrites (sur une journée) puis en passant les épreuves orales, Concours SESAME permet d’accéder à 17 programmes de 14 grandes écoles de commerce et de management international.
Nous vous présentons ci-dessous les différentes étapes du projet :
1. Des personas au wireframe, une conception centrée utilisateur
Les cibles principales :
Une cible secondaire
2. La création de l’arborescence qui repose sur les cibles (personas)
3. La création des wireframes
La version desktop/ordinateur
La version smartphone/mobile
4. La création des maquettes graphiques
La page d’accueil – version desktop/ordinateur
La page d’accueil – version smartphone/mobile
La page classique – version desktop/ordinateur
La page classique – version smartphone/mobile
5. Intégration HTML/CSS/JS des maquettes dans le CMS Kiubi
Plutôt que de vous montrer des captures d’écran, je vous invite à visiter le site concours-sesame.net sur le support de votre choix.
En terme de méthodologie, nous avons choisi de commencer par intégrer les pages profondes classiques qui représentaient la plus grande part des contenus du site. Nous avons traité toutes les tailles d’écran avant de passer à un autre modèle de mise en page pour terminer par la page d’accueil qui reprenait les contenus profonds du site.
6. Implantation des contenus
Concours SESAME a travaillé avec l’agence Editoile pour la rédaction des contenus. Une fois validé, ces contenus nous ont été transmis pour être implanté dans le nouveau site. Ces contenus ont été optimisés pour le référencement (SEO) tout en gardant en tête la bonne compréhension pour les utilisateurs finaux.
Dès lors que nous avions mis en place une page, nous la soumettions à Concours SESAME pour qu’ils nous fassent par de leurs retours avant d’arriver à une validation finale de chaque page.
7. Optimisation du site : responsive, interopérabilité et accessibilité
Pour le responsive, il s’agissait plus de contrôler le site sur le maximum de supports avec des configurations différentes. Nous avons fait la même chose pour contrôler l’affichage sur les différents navigateurs.
Le nouveau site de Concours SESAME à bénéficié d’un soin particulier porté sur l’accessibilité avec un taux de conformité au RGAA de plus de 80%. Nous avons donc réalisé de nombreux tests suivi de corrections pour la tabulation et les lecteurs d’écrans par exemple.
8. Mise en ligne du site
Après de longues semaines de collaboration étroite avec Concours SESAME, nous avons mis en ligne la nouvelle version du site le 2 septembre 2019.
Après la mise en ligne
Nous avons soumis le site aux cssawards et ce dernier a reçu des certificats pour l’UI (User Interface – Interface Utilisateur) et l’UX (User Experience – Expérience Utilisateur)
https://www.cssdesignawards.com/sites/concours-sesame/35759
N’hésitez pas à aller voir le site !
