Au sein du Projet n°2 du parcours développeur web chez OpenClassrooms on crée un site web pour Reservia, une petite entreprise proposant un outil de planification de vacances. Leur site permet aux usagers de trouver des hébergements et des activités dans la ville de leur choix. Les hébergements peuvent également être filtrés par thématique, par exemple leur budget ou leur ambiance.
-
Les usagers pourront rechercher des hébergements dans la ville de leur choix. Le champ de recherche est donc un champ de saisie, dont le texte peut être édité par l’usager. En revanche, à ce stade, le bouton de recherche ne sera pas fonctionnel.
-
Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité. Pour l’instant les liens seront vides.
-
Les filtres ne seront pas fonctionnels pour cette version, en revanche, il faut qu’ils changent d’apparence au survol. Choix libre de l’effet le plus approprié.
-
Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
-
Deux maquettes sont fournis : l’une desktop et l’autre mobile. Le site devra également être adapté aux tablettes. Sur ce support, le choix est libre de faire les adaptations nécessaires avec la mise en page, tant qu’aucun élément n’est coupé et que le texte a une taille suffisante.le choix des breakpoints appropriés est libre également.
-
Le choix des images le plus adapté par rapport à la résolution et au temps de chargement.
-
Les icônes proviennent de la bibliothèque Font Awesome. Les couleurs de la charte sont le bleu #0065FC, et sa version plus claire #DEEBFF ainsi que le gris pour le fond #F2F2F2.
-
La police du site est Raleway.
-
Le style de la maquette est respecté grâce au CSS.
- Le projet à été réalisé en HTML5/CSS3, sans framework
- Adresse e-mail :lyesharrar@gmail.com
- Workplace