Le premier projet qui nous introduit au développement web
Mata Tohora est une association qui sensibilise à la protection des mammifères marins dans l’ensemble de la Polynésie française et essentiellement où la pression humaine est la plus importante (dérangement, prises accidentelles dans les lignes perlières, les filets, risque de collisions, etc.).
Outils utilisés
- Framework: Bootstrap
- Language: Php, HTML, CSS
- IDE: PhpStorm
- Outils de curation: Google Alert
Buts de la mission
Nous avions, par groupe de 2, la charge de l’analyse et de la refonte du site internet de « Mata Tohora » développé sur 3 parties:
- 1ère partie: analyse de l’existant, mise en place de la veille
- 2ème partie : Aspects légaux
- 3ème partie : développement de la maquette
1ère partie: analyse de l’existant, mise en place de la veille
Bon nombre d’entreprises ont créé leur site Internet il y a déjà quelques années, mais le monde du
Web bouge et avance à toute vitesse !
L’évolution des technologies, les exigences des internautes et les nouvelles préconisations des
moteurs de recherche rendent obsolètes les sites Internet qui sont restés dans leur conception
originelle.
Ainsi, les performances du site baissent et la visibilité décroit ce qui a pour conséquence immédiate
de faire reculer les audiences et éventuellement les ventes en ligne et « l’engagement » des internautes.
Lors de l’audit d’un site Internet, l’expert analyse les forces et les faiblesses techniques
intrinsèques au site, les statistiques d’audience, le référencement, la présence sur les réseaux sociaux
ainsi que les stratégies de la concurrence principale.
Un dossier d’audit est alors remis au client, véritable compte-rendu de l’audit, ainsi qu’une liste de
conseils stratégiques.
Mission 1 : À l’aide d’une grille d’analyse, nous procéderons à un audit du site afin
d’en identifier ses forces et ses faiblesses.
Nous devions aussi analyser un audit fourni par notre professeur afin d’améliorer et corriger notre site par la suite.
C’est évident mais notre environnement digital est en constante évolution.
Les stratégies marketing, SEO et social media, ainsi que les façons dont les gens interagissent avec
les appareils mobiles, effectuent des achats en ligne, consomment du contenu ou recherchent des
informations sont ainsi autant d’enjeux à connaître pour mieux s’adapter aux nouveaux
comportements et usages d’Internet. Il est alors important de mettre en place une veille et rester à la pointe des changements.
Mission 2 : Mettre en place une veille à l’aide d’outil de curations, d’une part sur les grandes tendances du marketing digital, d’autre part sur les sites traitant de thématiques similaires ou proches de celle de Mata Tohora.
2ème partie : Aspects légaux
Les sites Internet sont encadrés par un certain nombre de lois et règles que les « propriétaires »,
concepteurs de sites, développeurs, doivent respecter pour être conforme à la loi (et rassurer les
internautes qui les fréquentent). Il est donc important que tout bon développeur sache de quoi il s’agit.
Mission 3 : Dresser un état des lieux sous la forme d’un rapport sous PowerPoint des contraintes dans ce domaine ainsi que des sources d’informations fiables sur lesquelles nous mettrons en place une veille.
Que nous avons mis en application pour notre site « Mata Tohora ».
3ème partie : développement de la maquette
Avec toute les recherches, veilles, analyses, et audits du site, nous avions tout les outils nécessaire pour faire notre refonte du site internet de Mata Tohora qui est par conséquent notre dernière mission.
Mission 4 : Vous appuyez sur le Framework Bootstrap pour développer une maquette
fonctionnelle du projet de site.
Cette mission nous permis d’ailleurs de voir pour la première fois le framework Bootstrap dont nous avions appris à l’installer, l’exploiter, et l’utiliser pour rendre le site méconnaissable.
Avant.

Après.

Conclusion
Ainsi ce projet à su nous apprendre à :
- Auditer un site
- Mettre en place une veille
- Travailler avec un framework
Bien que cela semble anodin ce sont des choses qu’il fallait que je sache en poursuivant la voie de développeur full-stack.