Tous les projets
02Site éditorial2026
Odyssée
Une revue de voyage qui compose votre prochaine destination à partir de vos envies.
- Rôle
- UX/UI, charte graphique, développement front
- Période
- Juillet à octobre 2026
- Livrables
- Charte graphique, 44 fiches destination, recherche, espace membre
Le contexte
Les sites de voyage empilent des listes et des promotions. Odyssée prend le parti inverse, celui d'un magazine : un numéro, un sommaire, une voix éditoriale et dix articles.
Le problème
Comment aider quelqu'un qui ne sait pas encore où partir, sans le noyer sous quarante-quatre destinations ?
Trois décisions clés
le cœur du cas d'étude
- 01
Le hero est la revue
- La contrainte
- Un titre de marque figé n'apprend rien au visiteur et retarde l'entrée dans le contenu.
- Le choix
- Le grand titre de l'accueil est la destination active, avec sa phrase d'accroche. Le sommaire des couvertures se prévisualise au survol, au clavier ou au toucher.
- Ce que ça change
- On entre dans le contenu dès la première seconde.
- 02
Une recherche qui se partage
- La contrainte
- Des filtres perdus au rechargement, c'est une sélection qu'on ne peut pas envoyer à la personne avec qui l'on part.
- Le choix
- Les critères vivent dans l'adresse de la page, et un bouton copie la sélection en un clic.
- Ce que ça change
- Une sélection se partage par simple lien et survit au rechargement.
- 03
Un papier, une encre, un bleu
- La contrainte
- Avec quarante-quatre destinations en photo, chaque couleur d'interface entrait en concurrence avec les images.
- Le choix
- Papier lin sur 90 % de la surface, encre ardoise, et un seul azur réservé à ce qui est sélectionné.
- Ce que ça change
- L'œil trouve l'état actif sans chercher, et les photos respirent.
Le produit
Explorer : les filtres vivent dans l'adresse. 
Une des 44 fiches, pré-rendue et lisible sans JavaScript. 
La mappemonde, avec un repli prévu hors ligne.
Les résultats
des faits, pas des promesses
- 100en accessibilité sur Lighthouse, sur toutes les pages
- 0violation axe sur 8 pages, en mobile et en desktop
- 1,6 spour afficher le contenu principal sur mobile
- 129liens externes vérifiés automatiquement
Ce que j'en retiens
L'accessibilité posée comme contrainte de départ coûte bien moins cher que corrigée à la fin. Elle a même simplifié le design : un seul repère d'état, au lieu de trois.