Nina Tonnaire

000

Nina

Tonnaire

Designer et développeuse front-end. Je conçois des interfaces qui ont du caractère — puis je les code jusqu'au dernier pixel.

Chapitre 01

Méthode / Intention

Je dessinelesécransque les autresn'osentpasmontrertouthaut

Projets choisis

04 / Sélection

Institutionnel / Refonte

Musée des arts et du temps

Refonte graphique et technique complète du site du musée de Besançon. Parcours de visite clair, collections en avant, une institution qui respire.

Voir le projet

mat.besancon.fr

Musée des arts et du temps

Culture / Refonte

Compagnie Teraluna

Refonte graphique et technique complète pour la compagnie Teraluna. Identité scénique, saison en mouvement, billetterie intégrée au spectacle.

Voir le projet

compagnieteraluna.org

Compagnie Teraluna

Portfolio / Identité

Danse le silence

Portfolio en ligne de l'artiste illustratrice Emma Renaudineau. Une galerie qui laisse parler les images, une navigation discrète, une identité à sa main.

Voir le projet

Danse le silence

Portfolio / Identité

Florian Tonnaire

Site et identité visuelle pour un concepteur paysagiste. Des espaces extérieurs racontés avec la même rigueur qu'un projet d'architecture.

Voir le projet

Florian Tonnaire

Chapitre 02

Ce que je fais

Ce que je fais

Quatre casquettes, un seul fil rouge : que le résultat tienne debout aussi bien en maquette qu'en production.

01

Direction artistique

Une intention avant les pixels : un parti pris typographique, une palette qui tient, une grille qui respire.

  • Identité

  • Palette

  • Typographie

  • Moodboard

02

Design d'interface

Des maquettes qui anticipent le code : composants nommés, états prévus, cas limites documentés.

  • Wireframes

  • Design system

  • Prototype

  • Handoff

03

Front-end

Next.js, Vue, React, SCSS. Un rendu final creatif identique à la maquette.

  • Next.js

  • Vue

  • React

  • SCSS

  • Performance

04

Motion

Les transitions racontent la navigation. GSAP et Lenis pour un scroll qui a du poids sans se remarquer.

  • GSAP

  • Lenis

  • Micro-interactions

  • Transitions