Informations sur le projet web

Date de mise en ligne

21/07/2011

CMS utilisé

Kiubi

Temps de réalisation

16 semaines

Langages et technologie

PHP Mysql, HTML5, CSS3, Javascript (Jquery)

Conception et création d'un site web pédagogique pour le Conservatoire National du Littoral

Le Conservatoire du Littoral a sélectionné notre agence web au cours d'une consultation pour la conception et le développement du site web https://www.lifeadapto.eu/. 4 mois après la sélection de notre agence web, le site web adapto a été ouvert au public. Il s'enrichira d'une version anglaise.

Nous avons accompagné le Conservatoire du Littoral sur l'ensemble des travaux : spécifications fonctionnelles, établissement des personas, définition de l'architecture de l'information, wireframes, charte graphique, conseils rédactionnels, développements front end et back end. Et toutes ces étapes ont été réalisées dans le respect du planning initial. Le site dispose d'un contenu riche et un soin particulier a été apporté à la qualité d'accueil de chacune des cibles du site.

Pour concevoir et développer ce site web nous avons appliqué notre méthodologie de création de site web en 10 étapes.

Comme le Conservatoire du Littoral, disposez d’un site web moderne et performant 

En confiant la création ou la refonte de votre site web à Natural-net vous disposerez d’un site au design moderne et 100% personnalisé, adapté à votre secteur d’activité, rassurant vos prospects et disposant d’un fort potentiel de référencement naturel et de prospection.

Plus d’infos sur la création de site Internet

Je veux un devis

Une très bonne collaboration avec Natural-Net. Une agence web professionnelle, à l'écoute de ses clients, disponible, un très bon suivi. Je recommande.

Maud Champeil

lifeadapto

5.0

Mars 2019

Lire les 80 avis

Les étapes du projet de conception et développement du site web

Définition des cibles et des personae 

Nous avons aidé le Conservatoire National du Littoral 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 le Conservatoire National du Littoral 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 Conservatoire National du Littoral 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 Conservatoire National du Littoral 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 ce site 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

Le Conservatoire National du Littoral 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 Conservatoire National du Littoral 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. 

Tierce Maintenance Applicative (TMA) 

Le Conservatoire National du Littoral a ensuite décidé de nous confier la la Tierce Maintenance Applicative de son site web.

Comme le Conservatoire du Littoral, disposez d’un site web moderne et performant 

En confiant la création ou la refonte de votre site web à Natural-net vous disposerez d’un site au design moderne et 100% personnalisé, adapté à votre secteur d’activité, rassurant vos prospects et disposant d’un fort potentiel de référencement naturel et de prospection.

Plus d’infos sur la création de site Internet

Je veux un devis

Quelques références de Sites web grands comptes

30'Direct par Keolis

30'Direct par Keolis

AMO web, Développements web, Stratégie webmarketing
Pisteurs

Pisteurs

AMO web, UX design, UI design
Adapto - Conservatoire du Littoral

Adapto - Conservatoire du Littoral

AMO web, UI design, UX design
AMO pour la Mairie de Bègles

AMO pour la Mairie de Bègles

AMO web, UX design, UI design
MSF Logistique

MSF Logistique

Développements web, UI design, UX design
Metabohub

Metabohub

Développements web, Intégration HTML, Référencement naturel (SEO)
Remonter

5.0