Conception et création de site web - Concours SESAME

Définition des cibles et des personae 

Nous avons aidé Concours SESAME a identifié ses cibles principales et secondaires. Une fois les cibles clairement identifiées et caractérisées nous avons créé des personae. Les personae représentent et caractérisent vos clients types mi-fictifs, mi-réels. Les personae sont définis en fonction de ses informations personnelles, de ses critères démographiques et psychologiques, de ses motivations ainsi que de ses objectifs. 

Une fois les personae définis ils sont utilisés à chaque étape du projet pour confronter les choix effectués en termes de design, d’ergonomie, de charte graphique aux compétences, caractéristiques et attentes de vos cibles 

Proposition de mood-board (tendance web)

Compte tenu des cibles et des personae proposés nous avons identifié des sources graphiques et ergonomiques pour produire un mood-board ou recommandations de tendance et utiliser ce mood-board pour valider avec Concours SESAME les grandes directions graphiques et esthétiques. 

Spécifications fonctionnelles et techniques 

Notre agence web a ensuite produit un document de spécifications fonctionnelles et techniques présentant les grands chapitres suivants : 

• Contexte du projet
• Arborescence, ergonomie & fonctionnalités des pages
• Design du site & contenu
• Backoffice & administration du site
• Socle technique
• Protocole de mise en ligne & site de pré-production
• Autres aspects & caractéristiques techniques
• Autres contraintes & besoins
• Suivi d’audience et gestion des cookies
• Aspects SEO & éditoriaux
• Qualités SEO du site

Ce document a été ajusté en fonction des retours de Concours SESAME et soumis à la validation du client. 

Définition de l’architecture de l’information et de l’arborescence du site web 

En parallèle de la production des spécifications fonctionnelles et techniques et en prenant les aspects liés à la communication, à l’adaptation du site aux personae, à la réponse aux besoins des utilisateurs, ainsi qu’en tenant compte des expressions stratégiques associées pour le référencement naturel nous avons établi les principes de l’architecture de l’information et de l’arborescence détaillée du futur site 

Création des wireframes en versions smartphones et desktop 

L’étape suivante fut la production des wireframes du futur site en version smartphones et desktop. Nous avons utilisé l’outil Figma pour produire ces wireframes des différentes pages types du site. 

Création de la charte graphique du site Internet 

Dès lors que Concours SESAME nous a apporté sa validation des wireframes, notre directeur artistique a pu en prenant en compte ce support, le mood-board et les spécifications créer les différents écrans de charte graphique en version smartphones et tablettes 

Développements HTML CSS et JS du site web 

Nos développeurs front ont ensuite intégrer l’ensemble des pages web en version statiques HTML CSS et JS en prenant en compte : 

• L’ensemble des bonnes pratiques et recommandations des moteurs de recherche pour assurer un bon potentiel de référencement naturel 
• Les bonnes pratiques en terme d’ergonomie que la base du référentiel Opquast
• Les recommandations en termes d’accessibilité sur la base du RGAA 
• Les bonnes pratiques en termes d’optimisations des performances (rapidité de chargement) 

Les différentes pages web produites ont été auditées et optimisées grâce à l’outil Semrush (pour l’optimisation du référencement), à la checklist Opquast (pour les bonnes pratiques en termes de qualité d’accueil et d’ergonomie), au RGAA et à l’outil GT Metrix pour les performances. 

Développements back-end et mise en place du CMS 

Nous avions identifié en partenariat avec notre client l’outil CMS 100% Français Kiubi pour servir de socle technique au site. 

Cet outil était parfaitement adapté aux besoins de Concours SESAME et aux spécifications fonctionnelles et techniques, il se distinguait par une grande fiabilité, une grande stabilité, un très haut niveau de fiabilité et une grande simplicité d’emploi.

Nos développeurs back-end et front-end ont donc réalisé les développements sur ce socle CMS et ont intégré les pages web montées en HTML CSS et JS dans cet outil. 

Mise en place des contenus dans le site Internet

Concours SESAME avait produit l’ensemble des contenus rédactionnels sur la base de nos recommandations SEO et de la stratégie SEO déterminée. 

Notre client nous a donc livré l’ensemble des contenus (environs 80 pages web) que nous avons implanté et optimisé au sein du CMS Kiubi. 

Recettes et optimisations avant mise en ligne 

Avant l’ouverture commerciale nos équipes et le client Concours SESAME avons travaillé à une recette complète sur les aspects : 

• navigation 
• adaptation du site aux smartphones, tablettes et desktop
• adaptation à l’impression 
• optimisations du site en termes de performances et rapidité de chargement 
• optimisations et conformité au RGAA
• conformité au RGPD 

Nous avons également mis en place l’outil d’analyse d’audience Google Analytics tout en respectant les bonnes pratiques et conformités liées au RGPD. 

Ouverture commerciale du site web 

Nos équipes ont pris en charge l’ouverture commerciale du site et les opérations associées : 

• configuration des noms de domaine 
• mise en place des redirections 
• soumission du site à la Google Search Console 
• soumission du site à la Bing Search Console 
• tests de l’ensemble des formulaires et éléments d’interaction 
• vérifications des optimisations SEO avec l’outil SEMRUSH

Bilan post mise en ligne 

Comme pour tous les clients de notre agence web et webmarketing, nous avons réalisé un bilan post mise en ligne 30 jours après l’ouverture commerciale du site. 

Accompagnement en webmastering et Tierce Maintenance Applicative (TMA) 

Concours SESAME étant particulièrement actif sur le web pour recruter des prospects et développer la notoriété du Concours, de la marque et des écoles associées nous avons contractualisé sur un accompagnement annuel incluant : 

• Tierce Maintenance Applicative 
• Campagnes d’achats d’espaces publicitaires sur Google Ads, Facebook Ads, Twitter Ads
• Campagne annuelle de référencement naturel
• Webmastering et maintenance évolutive 
• Suivi d’audience et bilans bimestriels