Foody – Le réseau social dédié à la food
Refonte de l’expérience UI/UX d’ODY, alliant clarté, fluidité et identité visuelle pour rendre la découverte des restaurants plus intuitive et engageante.
Expertises :
Secteur d'activité :
Prestation choisie :
Détails techniques sur behance :
Le défi à relever
ODY est une plateforme dédiée à la restauration qui permet aux utilisateurs de découvrir des établissements, consulter leurs offres, réserver et interagir avec leurs restaurants favoris.
L’enjeu du projet était de repenser une partie de l’expérience mobile afin de rendre l’interface plus claire, attractive et engageante, tout en conservant les fonctionnalités et les repères déjà présents dans l’application.
Le travail s’est concentré sur deux points : la fiche restaurant, qui rassemble une quantité importante d’informations, et l’état vide de l’espace “Mes réservations”, qui représentait une opportunité d’accompagner davantage l’utilisateur plutôt que de simplement signaler l’absence de contenu.
Contraintes
- Conserver les fonctionnalités existantes tout en améliorant leur lisibilité
- Clarifier la hiérarchie d’une fiche restaurant particulièrement riche en informations
- Faciliter la navigation entre les contenus Infos, Menu et Posts
- Renforcer l’identité visuelle sans dénaturer l’univers existant d’ODY
- Transformer l’état vide des réservations en un véritable point d’entrée vers la découverte
- Concevoir une expérience cohérente, intuitive et adaptée à un usage mobile
L’approche que j’ai adoptée
J’ai commencé par analyser l’interface existante afin d’identifier les principaux points de friction et les opportunités d’amélioration. L’objectif n’était pas de réinventer ODY, mais de renforcer son positionnement autour de la découverte, de la restauration et du partage.
La fiche restaurant a été restructurée autour d’une hiérarchie plus claire. Un hero immersif rassemble désormais les informations essentielles dès l’arrivée sur la page, tandis qu’une navigation entre Infos, Menu et Posts permet de répartir les contenus et d’éviter de surcharger un même écran.
J’ai également enrichi le langage visuel avec une palette plus chaleureuse, une hiérarchie typographique plus affirmée et des pictogrammes permettant d’identifier rapidement certaines caractéristiques des plats.
L’expérience a enfin été pensée pour encourager l’exploration : recommandations de restaurants et contenus communautaires prolongent naturellement le parcours, tandis que les actions principales restent accessibles grâce à des boutons sticky.
Pour l’état vide de “Mes réservations”, j’ai choisi de transformer l’absence de contenu en opportunité d’action. Une illustration éditoriale accompagnée d’un message et d’un CTA invite désormais l’utilisateur à découvrir des restaurants et à préparer sa prochaine sortie.
Ce qui a été accompli
La refonte aboutit à une expérience mobile plus structurée, chaleureuse et orientée vers la découverte, tout en conservant les fonctionnalités essentielles de l’application.
Expérience utilisateur
- Hiérarchie de l’information simplifiée
- Navigation plus directe entre Infos, Menu et Posts
- Actions principales accessibles pendant le défilement
- Meilleure identification des informations importantes grâce aux repères visuels
Engagement & découverte
- Intégration de recommandations en fin de parcours pour éviter les impasses
- Valorisation des contenus communautaires
- État vide transformé en invitation à poursuivre l’exploration
- CTA permettant de rebondir vers la découverte de restaurants
Direction artistique
- Palette enrichie pour apporter davantage de chaleur à l’expérience
- Hiérarchie typographique renforcée
- Création et intégration d’une illustration éditoriale
- Harmonisation des composants pour construire une expérience plus cohérente
Prototype
La proposition a été développée sous Figma sous la forme d’un prototype interactif, permettant de tester la navigation entre les différents onglets ainsi que le comportement des principaux éléments d’interface.
