Français Facile

Lors de ma seconde formation chez Simplon, j’ai réalisé un projet « fil rouge ». Il s’agit d’un projet soutenu en fin de formation devant un jury de professionnels afin d’obtenir la certification de compétences en développement web.
A savoir que cette formation fait suite à ma reconversion professionnelle dans le but de me spécialiser en développement web. Elle précède la formation de développement d’applications sur mobile iOS grâce au langage Swift.

A la fin du mois d’Octobre 2020, j’ai choisi de proposer une refonte du site Francis Facile. Il s’agit d’un site existant ayant pour objectif l’apprentissage du français aisément, et donc accessible à tous via des cours et des exercices délivrés en opensource.
Le site est très bien référencé car il dispose de contenus d’apprentissages excellents. Les points faibles du site sont son design vieillissant et « old school » ainsi que la navigation générale du site.

Étapes et objectifs

Les 3 grandes parties de ce projet sont les suivantes :

  • Premièrement, la proposition d’une nouvelle identité graphique,
  • Deuxièmement, l’ élaboration de nouvelles pages web ergonomiques et améliorant significativement le parcours utilisateur,
  • Et enfin, le développement web de 5 pages du site en HTML et Css exclusivement.

L’objectif de ce travail est de faire ressortir le message suivant :

« Français Facile, on apprend facilement tout en s’amusant ».

CDC et gestion de projet

Lors de ce projet un cahier des charges a été réalisé via le site les webbeuse afin de contractualiser l’accord (fictif dans cet exercice) entre le client et moi.

Concernant la gestion de projets elle a été gérée grâce au site internet Trello. Celui-ci est très utile et suffisant pour la gestion de petits projets en solo comme celui-ci.
Enfin, le code informatique de l’ensemble des 5 pages web a été vérifié sur le site réputé : 3WC. L’ensemble de développement web est bien conforme.

À l’issue de la soutenance, j’ai obtenu la certification avec les félicitations du jury.
Aujourd’hui, j’améliore cette proposition dans le but de le rendre dynamique grâce au langage Javascript…

Identité graphique

L’ensemble des wireframes ont été réalisées sur whimsical.

Wireframes

L’ensemble des wireframes ont été réalisées sur whimsical.

Maquettes

L’ensemble des maquettes ont été réalisées sur Adobe Xd.

Mock-up

Les mock-ups ci-dessous donnent un aperçut du rendu du site une fois déployé.

Mobile first

La déclinaison du site web en version mobile, mis en valeur par les mockups.

Présentation orale

La présentation du projet s’est faite devant un jury de professionnel pendant une 20aine de minutes.
Le support de présentation a été réalisé sur Canva en reprenant l’identité graphique proposée.

Site

Le site est accessible grâce au bouton ci-dessous. Le site a été déployé sur Netlify qui a récupérè le code développé sur Git Hub.

Mes réalisations

Accédez à mes autres réalisations…