Grenoble, France

CV

The Bear

Réveillez votre instinct sauvage · UI design & prototypage

Date
Décembre 2025
Catégories
  • Graphisme
Contexte
Marque fictive
Collaboration
Yoan Toran · Nolan Di Francesco

Comment transformer une identité visuelle forte en une expérience web fluide ?

THE BEAR est une marque fictive de bières artisanales ancrée dans la nature. Sur ce projet collaboratif, les rôles étaient bien définis : l’identité graphique et les illustrations ont été réalisées par mon binôme Yoan Toran, tandis que je me suis chargé de traduire cet univers en une interface numérique (UI) sur Figma.

J’ai structuré le parcours utilisateur pour présenter les trois gammes (Brown, Polar, Grizzly), créé le design system web adapté, et réalisé le prototypage haute-fidélité pour garantir une navigation immersive et fonctionnelle.

Figma

Le prototype

Contenu hébergé par Figma. Il ne se charge que si vous cliquez.

Le prototypeOuvrir dans un nouvel onglet ↗
Dossier de conceptionOuvrir le PDF · 10 Mo
Projet suivantCe bruit qui ne me lâchait pas Fiction sonore

République des curieux

Passeport

Ce site cache douze secrets. Chaque découverte vaut un tampon, gardé dans ce navigateur.

0/12 tampons

  1. RevenantSecret n°01

    Indice : Pars un instant… puis reviens.

  2. PolyglotteSecret n°02

    Indice : Trois langues, un seul portfolio. Fais le tour des trois.

  3. NoctambuleSecret n°03

    Indice : L'heure de Grenoble cache un interrupteur.

  4. MélomaneSecret n°04

    Indice : La musique m'accompagne au quotidien. Monte le son.

  5. Main verteSecret n°05

    Indice : Tape au clavier le nom de la couleur de ce site.

  6. IpponSecret n°06

    Indice : Médaillé en judo. Fais chuter mon nom, tout en bas.

  7. PatienceSecret n°07

    Indice : Ne touche plus à rien pendant un long moment.

  8. Code KonamiSecret n°08

    Indice : ↑ ↑ ↓ ↓ ← → ← → B A

  9. Sous le capotSecret n°09

    Indice : Les développeurs savent où regarder. La console, par exemple.

  10. MoussaillonSecret n°10

    Indice : Tape au clavier ce qu'il faut construire pour prendre la mer.

  11. AutographeSecret n°11

    Indice : Sur l'accueil, insiste sur mes initiales en haut à gauche.

  12. PapivoreSecret n°12

    Indice : Ce portfolio existe aussi en version papier.