Chargement en cours

Moovenow
Front End, Communication - 2017

Le brief

Stage du 10 avril au 17 juin 2017

Je réalise ce stage en startup afin de valider mon diplôme MMI dans l'entreprise Moovenow. Mes missions concernent les domaines du développement web front end, le design d'interface, le community management ainsi que la communication de manière générale.

La page d'accueil est la première tâche qui m'a été assignée. Ainsi, l'objectif a été de mettre en place un Préprocesseur CSS (LESS), en effet, le code commencait à dater et été réparti éclaté sur trop de fichiers, avec un taux de redondance élevé.

La première partie de la page d'accueil a été totalement repensée afin qu'elle soit plus accueillante et éviter le taux de rebond élevé par le passé. J'ai choisi de mettre une vidéo comme arrière plan afin de rentre dynamique la première vision que l'on a du site. J'ai aussi ajouté des images en arrière plan sur certains parties de la page. Au paravant, cette denière était bien trop blanche. De plus, j'ai réécrit la structure même de la page afin de la simplifier et corriger le responsive qui était tout à fait aléatoire. Le CSS a été réécris à moitié, afin d'univier les contenus et de le rentre plus uniforme et conpréhensible.

J'ai aussi proposé un nouveau design pour les pages d'entreprise sportives (telles qu'une association ou bien un gymnase). Celui ci a été retenu puis je l'ai développé.

La projet principal a été réalisé en collaboration avec un second stagiaire. Nous avons réalisé un module devant être instanciable de manière multiple sans aucun soucis. Par le passé, l'utilisation de plusieurs cartes posait des problèmes bloquant toute utilisation.

Ce module doit donc :

  • Être instanciable autant de fois que voulu
  • Recevoir des paramètres pour le customiser facilement
  • Rechercher des endroits où faire du sport
  • Rechercher des personnes avec qui faire du sport
  • Rechercher des assocations sportives
  • Proposer un rafraichissement en temps réel
  • Compatible Internet Explorer 8
  • Être responsive

Voici le module en fonctionnement

Voici la refonte visuelle de la page d'accueil :

Refonte visuelle de la page d'accueil

Proposition de design pour les assoiations :

Refonte visuelle de la page d'accueil