Ohmyfood est une jeune startup qui voudrait s'imposer sur le marché de la restauration. En plus des systèmes classiques de réservation en ligne, les clients peuvent composer le menu de leur repas pour que les plats soient prêts à leur arrivée. Finis, les temps d'attente au restaurant ! Déjà présente à New-York, elle souhaite désormais faire sa place à Paris.
- Le développement doit se faire en CSS, sans JavaScript.
- Le code CSS doit être disponible dans un ou plusieurs fichiers dédiés.
- Le site devra être réalisé en adoptant le Mobile First, c’est-à-dire qu’il faudra d’abord réaliser l'intégration de la maquette mobile, puis tablette, et enfin l'intégration du responsive vers le desktop.
- Aucun framework ne devra être utilisé ; en revanche l’utilisation de SASS serait un plus.
- Aucun code CSS ne doit être appliqué via un attribut style dans une balise HTML.
- Les effets accessibles au clic ou au survol sont visibles sur la maquette.
- Les animations ou transitions CSS, pas de JavaScript ni de librairie.
La cible étant les personnes connectées et pressées, le site sera développé en utilisant l’approche mobile-first. Le site devra donc être intégré en suivant les maquettes mobile, puis le responsive suivra pour les tablettes et ordinateurs en suivant les maquettes ordinateur données par notre designer.
- L’ensemble du site devra être responsive sur mobile, tablette et desktop.
- Les pages devront passer la validation W3C en HTML et CSS sans erreur.
- Le site doit être parfaitement compatible avec les dernières versions desktop de Chrome et Firefox.