Projet portfolio

Ohmyfood, intégration responsive mobile-first avec animations CSS

Création d’une interface de restauration responsive mobile-first, enrichie par des animations CSS pour dynamiser l’expérience utilisateur.

Mockup du projet Ohmyfood affiché sur un ordinateur portable, avec une interface de restauration visible à l’écran

Technologies

  • HTML5
  • CSS3
  • Sass
  • SCSS
  • Responsive Design
  • CSS Animations
  • Git
  • GitHub Pages

Contexte

Second projet professionnalisant chez OpenClassrooms, Ohmyfood est une intégration front-end centrée sur la création de la première version, dépouvrue de fonctionnalités, d’un site de réservation de menus anticipée à partir d’une maquette mobile.

Objectif

L’objectif était de produire un site responsive soigné en utilisant le préprocesseur Sass, avec une approche mobile-first et un travail poussé sur les animations d’interface.

Résultat

Le projet aboutit à un site statique fluide et visuellement vivant, intégrant plusieurs micro-interactions et effets d’animation, prêt à donner lieu à une future évolution vers une application plus complète.

Voir sur GitHubVoir la démo live

Galerie

Captures d'écran du projet

  • Vue mobile du projet Ohmyfood - haut de la page
  • Page d’accueil du projet Ohmyfood - vue mobile, haut de la page
  • Page menu du projet Ohmyfood - vue mobile, bas de la page
  • Vue desktop du projet Ohmyfood - page restaurant
  • Page d’accueil du projet Ohmyfood - vue desktop