Tonic

Donner un avatar et un studio à chaque musicien d’une app de jam en temps réel.

Industry
Music app
Year
2022
Touchpoints
Art direction, Character design, Motion design, Website
Tonic — la scène : un pianiste sur une estrade flottante, entouré des avatars du public

Sur Tonic, on joue de la musique ensemble, en direct, sans jamais se montrer. L’app avait besoin d’une présence capable de remplacer la caméra sans ramener la pression de l’image. Hervé a dessiné les personnages 3D qui représentent les utilisateurs, une garde robe mixte, six rooms déclinées en quatre thèmes colorés et un mode concert, puis le teaser et le site qui les racontent.

Tonic — la famille des cordes en 3D : contrebasse, harpe, violoncelle et violon

Ton avatar personnalisé

À l’inverse des apps de live habituelles, Tonic propose aux utilisateurs de créer leur avatar. Ce qui permet de se focaliser sur le son plutôt que sur l’image que l’on renvoie.

Tonic — un avatar : costume beige, chemise blanche
Tonic — un avatar : sweat à capuche bleu, bonnet et baskets blanches
Tonic — un avatar : robe longue rouge
Tonic — un avatar : veste noire, jean et cheveux roux
Tonic — un avatar : débardeur blanc et pantalon bleu
Tonic — un avatar : robe longue beige
Tonic — un avatar : t-shirt blanc, jupe beige et bottines
Tonic — un avatar : smoking noir et baskets rouges
Tonic — un avatar : robe noire à paillettes et bonnet rose
Tonic — un avatar : veste color-block et jean
Tonic — une tenue à composer : débardeur, veste color-block, jean et baskets

Choisis ton style et lance toi !

Une dizaine de tenues avec ou sans accessoires ont été créées, toutes mixtes pour plus d’inclusivité et de choix. Chacun peut se sentir libre de porter la tenue qui lui correspond le plus

Tonic — une tenue à composer : sweat à capuche bleu, baskets blanches et lunettes
Tonic — une tenue à composer : manteau noir pailleté, bottines et anneaux
Tonic — une tenue à composer : smoking, nœud papillon et chaussures rouges
Tonic — une tenue à composer : t-shirt blanc, jupe beige et bottes

Ton studio, ton ambiance

L’utilisateur peut désormais choisir son décor parmi les 6 rooms différentes, l’obtenir dans un des 4 thèmes colorés, et aura également un mode concert pour être sous les feux de la rampe !

Tonic — un décor de studio : une forme rose sur son socle
Tonic — un décor de studio : une arche vert pâle et son miroir rond
Tonic — un décor de studio : un mur bleu, une platine vinyle et des étagères
Tonic — un décor de studio : un escalier jaune, un miroir et un tournesol

Item personnalisés

En plus de l’architecture de base, l’utilisateur est aussi amené à choisir ses meubles, disponibles dans chaque thème coloré!

Tonic — un salon entier en 3D : canapé, fauteuils et guirlandes lumineuses
Tonic — les formes du système graphique, suspendues à un fil
Tonic — un décor de fête : guirlandes, lampes, plantes et fleurs
Tonic — l'annonce « Live session time », avec tuba, note de musique et confettis
Tonic — les écrans de l'application en éventail : le mode scène et les performances

Badges et récompenses

L’utilisateur est récompensé par des badges et des objets spéciaux débloqués au fur et à mesure de sa progression sur l’app.

Tonic — les trophées dans l'application et le défi de pratique du Nouvel An

Workflow pour le temps réel

Optimiser chaque asset, déplier leur UVs et réaliser un baking permet de gagner en performance sur l’app, en étant sûr du rendu obtenu.

Tonic — un avatar en robe noire à paillettes, sur fond noir

Optimisation, baking, painting

Pour isoler les parties personnalisables, nous avons groupé les éléments constituant les bases des rooms ainsi que leurs uvs, et déplié, baké puis peint séparément les éléments personnalisables des décors.

Tonic — un décor de studio : un grand disque doré, un fauteuil jaune et des étagères
Tonic — le plan filaire d'un décor, avant le rendu
Tonic — les études de matière et de lumière sur le fauteuil jaune

Tonic “Animated Summary”

Pour la communication de Tonic autour de l’application, nous avons réalisé un teaser mettant en avant l’esprit et les features.

Tonic — « Share your craft » : l'application, un violoncelle et un casque en bleu

De la 3D au site

Nouvelle mission rajoutée pour Hervé : concevoir un site mettant en avant les valeurs de Tonic et le produit. Défi relevé pour la team!