Étude de cas · Refonte UX
ROAR Burger : une marque street-food dont le site lui ressemble enfin.
ROAR est une enseigne de smash burgers avec des restaurants autour de Paris. En boutique, elle a du caractère ; en ligne, le site était difficile à lire et encore plus à utiliser pour commander, surtout sur téléphone, d'où vient la majorité des visiteurs. Je l'ai repensé seul, en trois semaines.
Le contexte
ROAR Burger
L'objectif tenait en trois points : améliorer l'expérience, faciliter la commande, et moderniser la marque en ligne sans perdre son énergie street-food.
Je suis parti du site existant : ce qu'il demandait au visiteur à chaque étape, et l'endroit où ce visiteur abandonnait.
Ce que j'ai observé
Avant de dessiner, trouver où ça casse.
Le site avait la bonne énergie, mais pas la bonne exécution.
- 01
Une navigation encombrée
Aucun ordre clair entre burgers, menus, sauces et adresses : tout se disputait la même attention.
- 02
Une surcharge visuelle
Trop de couleurs saturées et des espacements irréguliers : l'œil ne savait pas où se poser.
- 03
Difficile à parcourir
Prix, ingrédients et catégories étaient durs à repérer d'un coup d'œil.
- 04
Un mobile négligé
De petits boutons, des sections empilées sans rythme, et beaucoup de défilement avant l'utile.
- 05
La marque perdue en ligne
L'assurance des restaurants ne passait pas à l'écran.
Ce que j'ai décidé
Quatre décisions qui font les écrans.
- 01
Cinq liens, pas plus
Accueil, Concept, Menu, Restaurants, Franchise : une navigation courte dans une pastille, vérifiée avec la loi de Hick.
- 02
Trois entrées
Sous le logo et une phrase, Burgers, Hot-dogs et Poulet mènent directement à la bonne partie du menu.
- 03
Un menu fait pour commander
Des onglets par catégorie, la composition sous chaque nom, les prix menu et seul côte à côte, de grandes zones à toucher.
- 04
La marque dans les détails
L'équipe, les sauces maison avec leurs personnages, Instagram, et les adresses sur une carte, ville par ville.
Les écrans
Avant, après, et les détails.
