Découvrez mes réalisations

Confluence

Site vitrine quartier Confluence

Projet Confluence

Ce projet consistait en la réalisation d'un site web et d'une plaquette pour promouvoir un quartier de la ville de Lyon. Mon équipe et moi-même avons choisi le quartier de Confluence, quartier attractif et commercial.

Contraintes

  • Ajout d'une map interactive
  • Version française et anglaise
  • 7 pages (statiques) maximum par langue
  • Pas d'utilisation de CMS (tant mieux !..)
  • Création d'une plaquette promotionnelle
  • Mise en place de CSS média print (pour une impression qui permette de garder une certaine qualité de couleur)
  • Création d'un logo personnalisé
  • Photos du quartier prises par nos soins

Les tâches que j'ai réalisé

J'avais pour rôle sur ce projet celui de Lead Developper.

J'ai été en charge de la réalisation du site web dans son ensemble (code, base de données, design) et de la gestion de version de celui-ci.

J'ai également été mené à former les autres personnes de mon groupe sur l'installation d'un environnement de développement propre et professionnel et sur les technologies que nous allions utiliser pour le projet. J'ai ensuite contribué à différentes tâches comme la définition de la charte graphique, et j'ai participé aux réunions "clients" (le client étant fictif et joué par un enseignant de l'Institut).

Fonctionnalités du site web

  • Carte Interactive avec système de filtres et icônes de lieux ajoutés sur la carte à partir des filtres
  • Galerie de photos
  • Version française/anglaise
  • Affichage de la météo de la ville
  • Affichage des informations des lieux par types de lieux
  • Affichage d'informations pratiques sur la villes (frise, chiffres)
  • Mode accessibilité pour les dyslexiques (la police change dynamiquement par OpenDyslexic, police adaptée pour les dyslexiques)
  • Formulaire de contact

Équipe

  • Mathieu CHORIER (Chef de projet)
  • Kerwan VEROT (Rédacteur contenu)
  • Johan HUGON (Rédacteur contenu)
  • Michel EID (Graphiste)
  • Chloé THEVENIN (Graphiste & photographe)
  • Julien RAVIA (Lead Developper)

Page d'accueil

Map interactive

Page Découvrir

Galerie

Page Informations

Scolaires
Technologies utilisées/concernées
  • PHP
  • Twig
  • Bootstrap
  • Git
  • Javascript
  • jQuery
  • MySQL
  • Sass

Informations générales
  • Début : Septembre 2018
  • Fin : Décembre 2018
Visiter Retour aux projets