Skip to content

Latest commit

 

History

History
48 lines (42 loc) · 2.25 KB

ReadMe.md

File metadata and controls

48 lines (42 loc) · 2.25 KB

Le site "Ohmyfood" est une jeune startup sur le marché de la restauration.

MISSION: L'objectif est de développer un site 100% mobile qui répertorie les menus de restaurants gastronomiques. En plus des systèmes classiques de réservation, les clients pourront composer le menu de leur repas pour que les plats soient prêts à leur arrivée. Finis, les temps d'attente au restaurant !

Compatibilité La cible étant les personnes connectées et pressées, le site sera développé en utilisant l’approche mobile-first. Pour cette raison, seules des maquettes mobiles seront réalisées. Sur tablette et desktop, le site devra s’adapter, mais ces supports n’étant pas prioritaires, leur mise en page est libre. ● 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.

Phase 1 : Développer un site proposant le menu de 4 grands restaurants parisiens. Phase 2 : Permettre la réservation en ligne et la composition de menus.

Page d’accueil (x1) ● Affichage de la localisation des restaurants. À terme il sera possible de choisir sa localisation pour trouver des restaurants proches d’un certain lieu. ● Une courte présentation de l’entreprise. ● Une section contenant les 4 menus sous forme cartes. Au clic sur la carte, l’utilisateur est redirigé vers la page du menu. Pages de menu (x4) ● 4 pages contenant chacune le menu d’un restaurant.

  • Footer ● Le footer est identique sur toutes les pages. ● Au clic sur “Contact”, un renvoi vers une adresse mail est effectué.
  • Header ● Le header est présent sur toutes les pages. ● Sur la page d’accueil, il contient le logo du site. ● Sur les pages de menu, il contient en plus un bouton de retour vers la page d’accuei

TECHNIQUE

  • Polices:
  1. Logo et titres: Shrikhand
  2. Texte: Roboto
  • Couleur:
  1. VILOET #9356DC
  2. ROSE #FF79DA
  3. AZURE #99E2D0

PS!

  • Le développement devra se faire en CSS, sans JavaScript.
  • Aucun framework ne devra être utilisé, en revanche l’utilisation de SASS serait un plus.
  • Aucun code CSS ne devra être appliqué via un attribut style dans une balise HTML.