J’ai refait le site d’une app de course pour Apple Watch, de sa structure à son film d’ouverture.
Rôle
Design web, direction artistique et développement front-end
Statut
Site en production
Plateforme
Web
Année
2021 / 2026
Outils
Next.js / TypeScript / Blender / Firebase Hosting
YouRaceDesign web, direction artistique et développement front-end
Vue d’ensemble
YouRace est une app de course indépendante pour Apple Watch. Je conçois son site depuis 2021, pas l’app elle-même.
Solodesign, code et film
5 anssur le même site
2langues, français et anglais
Dans le projet
Ma démarche
Partir de ce qu’un coureur veut savoir
L’ancienne page listait les fonctions les unes après les autres. Avant de dessiner quoi que ce soit, je les ai triées selon les questions qu’un coureur se pose vraiment : que vais-je voir pendant la course, gère-t-elle mes fractionnés, va-t-elle tenir mon allure le jour J. Ces trois réponses sont devenues les trois chapitres de la page. Tout le reste tient dans une seule grille.
Viser le niveau des grandes marques
Les coureurs comparent YouRace à des apps de bien plus grandes entreprises. Une app indépendante doit inspirer au moins autant confiance. J’ai pris les pages produit d’Apple comme référence : grande typographie, photographie noir et blanc, le produit montré en grand, et un film d’ouverture de quatre secondes que j’ai réalisé dans Blender.
Aussi soigné sur téléphone
Un coureur découvre l’app aussi bien sur son téléphone que sur un ordinateur. Chaque section a été retravaillée et vérifiée sur mobile, jusqu’au comportement des animations quand on fait défiler la page très vite, pour que rien ne reste caché ou n’apparaisse en retard.
Les mêmes chapitres sur mobile
Facile à faire vivre
Un site produit n’est utile que s’il reste exact. Remplacer une image produit revient à changer un fichier, le numéro de version et les avis se mettent à jour seuls, et les deux langues sont pensées pour le référencement.