Direction artistique

Key visual Play Curious

charte graphique design illustration

1080 607 tibo

Refonte de la charte graphique de Play Curious

À l’image de l’équipe et de ses aspirations, le logotype doit synthétiser la volonté de Play Curious de se positionner comme un acteur du jeu vidéo à part entière.
Son positionnement dans le secteur est double, le studio se positionne en tant que prestataire et en éditeur de ses jeux. La volonté est de créer des jeux au service de l’apprentissage, du partage, de la technologie et de l’écologie. La refonte de l’identité de Play Curious est motivée par le changement de stratégie opérée fin 2022. Play Curious souhaite mettre plus encore à profit son expertise auprès d’acteurs professionnels pour créer des jeux à leur mesure : « Jeux de rôles », « serious games »… Elle aboutie donc à la refonte d’une grande partie de ses outils de communication.

Old vs New logotype Play Curious

La refonte de logotype est une phase importante dans la définition d’une marque et de son environnement. L’identité et l’image que logo dégage doit synthétiser l’orientation de la société. Dans la continuité du premier logo, nous avons repris l’idée principale en accentuant ce qui fait l’identité de Play Curious.

Pour Play Curious le logo doit :

  • être identifiable au premier coup d’œil (original ?).
  • transmettre notre état d’esprit.
  • être humain et accueillant.

Le coté dessiné, artisanal fait main apporte le coté vivant et enthousiaste au logo qui sont deux caractéristiques que l’équipe de Play Curious souhaite transmettre !

Mr Curious + tetes
Couleurs charte graphique
Logo Play Curious base line

Mr Curious

Notre mascotte « Mr Curious » reflète l’état d’esprit de Play Curious, il est dynamique, souriant, curieux et toujours bien accompagné. Elle permet également d’ajouter une dimension humaine et bienveillante. Le capital sympathie est important dans la communication aujourd’hui, la création de Mr Curious prend ici tout son sens !

Les couleurs

Vives et colorées, les nouvelles couleurs de Play Curious permettent de distiller des émotions, des sentiments et même parfois de la poésie.
Utilisées dans toutes les illustrations et dans la charte graphique, elles permettent également de distinguer la patte de Play Curious.

La baseline

Elle exprime clairement notre positionnement et notre objectif. Nous la modulons en fonction de notre besoin pour une utilisation B2B, B2C…

Images pour illustrer nos réseaux sociaux et Blogposts

Objectifs 2023
La chute des corps
L'alchimie parfaite
théorie des cordes
Elementaire mon cher Watson
Potion magique
Coup de maître

Illustration et mise en page d'un argumentaire

Presentation Play Curious couverture
Présentation pdf d'un des services de Play Curious P02
Présentation pdf d'un des services de Play Curious P03
Présentation pdf d'un des services de Play Curious P04
Présentation pdf d'un des services de Play Curious P05
Présentation pdf d'un des services de Play Curious P06
Présentation pdf d'un des services de Play Curious P07
Présentation pdf d'un des services de Play Curious P08
Edenred-Boat-Quest-Keyvisual

Edenred Boat Quest

1080 608 tibo

Edenred Boat Quest le jeu

Création d’un jeu vidéo évènementiel pour les fêtes de fin d’année. L’objectif pour Edenred est de motiver les essentiellement les employés de participer à une bonne action par le jeu. Edenred s’engage avec l’ONG Sea Cleaners pour faire une donation à la hauteur du score cumulé par les joueurs sur le jeu pendant la vie de l’évènement (2 mois).

Propositions de concepts

Edenred Boat Quest Propositions jeux

Avec Play Curious, nous avons proposé 3 concepts à Edenred. Nous l’avons présenté sous forme de dessin accompagné d’un document de game design (light) pour chacune des idées.

1 – Doodle jump (inversé)

But du jeu, éviter les obstacles durant la chute libre et tomber dans la bonne poubelle

2 – Endless runner

Le déchet doit atteindre la poubelle avec ses amis collectés tout au long du run.

3 – Jeu de nettoyage

Collecter les déchets en les attrapant avec le filet du navire.

Création du prototype

Le prototype est une phase importante dans le développement d’un jeu. Il doit reprendre les éléments de gameplay principaux, il permet de valider la pertinence du concept rapidement. L’avantage avec ce type de développement, c’est qu’il est plus facile de faire des modifications profondes de gameplay sur le prototype que sur un jeu ou les graphismes sont déjà intégrés.

Edenred Boat Quest prototype

Réalisation du design du jeu

Edenred Boat Quest Items graphiques

En parallèle de la réalisation du prototype, la partie design et animation avancent de concert. Une fois la direction artistique est posée et que les assets à réaliser sont validés, on illustre et on anime le tout pour donner de la vie au jeu. C’est également à ce moment ou nous déléguons la réalisation des éléments sonores et la musique, un point qui a son importance puisque le son et la musique apportent un supplément d’âme au jeu et participe également au gameplay (avec tout ses petits bruits en fin de boucle de gameplay, ou pour envoyer des signaux sur des actions en jeu…).  Nous n’oublions pas tout les détails, icônes, interfaces, texte…

Intégration des éléments graphiques et sonores

Une fois les éléments graphiques finalisés et le prototype fonctionnel, nous passons à l’intégration. Chaque image, chaque animation est implémentée dans notre moteur de jeu. Beaucoup de réglages sont à faire afin de procurer l’expérience et le rendu désiré. L’intégration des sons et de la musique se font également à ce moment, c’est à ce moment que le jeu prend toute sa dimension !

Edenred Boat Quest en jeu

Quelques captures du jeu

Intro et téléchargement pour le jeu vidéo évènementiel Edenred Boat Quest
Tableau de dons pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Fin de partie pour le jeu vidéo marketing Edenred Boat Quest
Logo principal "La langue des signes pour tous"

Création de logotype

1080 1080 tibo

Création d'un logo et d'une ``mini`` charte graphique.

Lorsque j’ai débuté cette mission, le brief était de moderniser le logotype existant. Un acronyme « AVLSF Formation&Consulting » avec des formes typées années 80 représentant un œil. Le tout dans un format de 150 x 150px. Des polices de caractère peu lisibles et une variation de la taille des éléments graphique très libre. Dans un premier temps nous avons décidé de revoir l’acronyme pour trouver quelque chose de plus parlant, c’est comme cela que « AVLSF Formation&Consulting » est devenu « La langue des signes pour tous ».

Une fois le questionnaire de 30-40 minutes rempli lors de notre visio conférence. Un aller-retour sur deux planches moodboards. J’ai réalisé ces 3 propositions graphiques.

La langue des signes pour tous propositions
Logo principal "La langue des signes pour tous"

La première proposition à été choisie pour le fait quelle remplissait tout les points du brief. Le logotype reprend les codes liés à la langue des signes avec simplicité : la main, l’œil, le signe « Ok ». Une philosophie englobante mettant l’apprenant au centre représenté par le point rouge sentiment accentué par la typographie rouge « pour tous ».

Nous avons déroulé la charte graphique correspondante a ce choix. Elle permet l’utilisation du logotype de ses variantes, des polices de caractère et de des couleurs.

Variation du logotype en version horizontale et icone pour réseaux sociaux

Logo "La langue des signes pour tous" variation

Différentes utilisation du logotype en version monochrome sur fond de couleur et noir et blanc.

"La langue des signes pour tous" utilisations couleurs

Couleurs principales et secondaires pour l’impression et le web.

"La langue des signes pour tous" couleurs

Zone de protection du logotype.

Logo "La langue des signes pour tous" réserve sécurité

Polices de caractère et utilisation.

Logo "La langue des signes pour tous" utilisation polices de caractère

Exemples d’utilisation.

Logo "La langue des signes pour tous" exemples utilisation
Jeu des 7 territoires

Illustration d’un jeu de 7 familles

1080 1080 tibo

Création d'illustration pour un jeu de 7 familles

Réalisation d’un jeu de 7 famille, création de dessins préparatoires, mise en couleur et vectorisation sous illustrator.
Comme pour l’essentiel des projets dont j’ai la charge, je propose au préalable des dessins sous forme de maquette. Ici, l’idée était de décliner 6 illustrations de base pour réaliser les personnages des 7 familles.
Le fond pour chaque famille est le même, évoquant les 7 territoires dans lesquels sont implantés les agences Banque populaire en région parisienne. Les 6 différents métiers remplacent les liens de parenté des personnages.

Illustrations jeu des 7 territoires
Jeu des 7 territoires
Illustration du jeu Zéro à 100

Zéro à 100 le jeu d’ambiance

1080 1080 tibo

Illustration du jeu d'ambiance ``Zéro à 100``

Fraîchement sorti chez l’éditeur « Le scorpion masqué », j’ai eu le plaisir d’illustrer le jeu d’ambiance « Zéro à 100 » créé par Antonin Boccara. J’ai pu m’amuser avec les typographies et faire des propositions auxquelles ils ont très rapidement adhéré. Le brief était bien cadré, donc pas de beaucoup de questions à se poser (et ça c’est cool…).

Illustration du jeu Zéro à 100

Réalisation de 3 propositions graphiques en niveau de gris.

Création autour des jeux de cible avec focus sur le jeu de fléchettes, en niveau de gris pour se focaliser sur la forme. L’idée étant de faire comprendre que plus on se rapproche du centre plus on marque de points.

zero a 100 V1
zero a 100 V2
zero a 100 V3

Finalisation de la proposition graphique.

Suite au retour des premières propositions, nous décidons de mixer deux versions. Sur cette évolutions nous ajoutons des éléments de communication manquants (logotype, base line…) avant de passer à la mise en couleur et à la vectorisation.

Zero a 100 proposition mix 02
Zero a 100 proposition mix 01

Réalisation de la vue 3D de la boite et des éléments du jeu « Zéro à 100 »

3D de zero a 100
30days challenge

30 Days challenge

1080 608 tibo
30days challenge

1 illustration, 1 citation, 1 post par jour pendant 30 jours !

C’est le défi que je m’étais fixé et que j’ai tenu en ce début d’année. J’ai imaginé un personnage dans de nombreuses situation qui évoquent des qualités d’entrepreneur freelance (mais pas que…). Personnage tiré de mon avatar réalisé pour ma carte de vœux cette année 😉

Carte de vœux 2022
30days-challenge-illus-01
30days-challenge-quote-02
30days-challenge-quote-01
30days-challenge-illus-02
30days-challenge-illus-03
30days-challenge-quote-04
30days-challenge-quote-03
30days-challenge-illus-04
30days-challenge-illus-05
30days-challenge-quote-06
30days-challenge-quote-05
30days-challenge-illus-06
30days-challenge-illus-07
30days-challenge-quote-08
30days-challenge-quote-07
30days-challenge-illus-08
30days-challenge-illus-09
30days-challenge-quote-10
30days-challenge-quote-09
30days-challenge-illus-10
30days-challenge-illus-11
30days-challenge-quote-12
30days-challenge-quote-11
30days-challenge-illus-12
30days-challenge-illus-13
30days-challenge-quote-14
30days-challenge-quote-13
30days-challenge-illus-14
30days-challenge-illus-15
30days-challenge-quote-16
30days-challenge-quote-15
30days-challenge-illus-16
30days-challenge-illus-17
30days-challenge-quote-18
30days-challenge-quote-17
30days-challenge-illus-18
30days-challenge-illus-19
30days-challenge-quote-20
30days-challenge-quote-19
30days-challenge-illus-20
30days-challenge-illus-21
30days-challenge-quote-22
30days-challenge-quote-21
30days-challenge-illus-22
30days-challenge-illus-23
30days-challenge-quote-24
30days-challenge-quote-23
30days-challenge-illus-24
30days-challenge-illus-25
30days-challenge-quote-26
30days-challenge-quote-25
30days-challenge-illus-26
30days-challenge-illus-29
30days-challenge-quote-30
30days-challenge-quote-29
30days-challenge-illus-30
30days-challenge-illus-27
30days-challenge-quote-28
30days-challenge-quote-27
30days-challenge-illus-28

Réalisation de l’UI du site de Pathmotion

1080 1080 tibo

UI pour Pathmotion

Réalisation de l’interface utilisateur pour la société Pathmotion (desktop, mobile et tablette) .

Pathmotion-our-software
Pathmotion-footer

Exemples de trois comportements du header pour desktop : normal, sticky et déplié.

Menu-exemple

Quelques design de pages du site internet

Site internet Naïca

Naïca website

1024 569 tibo

Réalisation du site internet de Naïca.

La création du site de Naïca deux ans avant son lancement de la bêta devait être la vitrine du projet, la plateforme d’inscription de nos Alpha puis Beta testeurs mais devait être également une plateforme e-commerce permettant de gérer  les donations puis la boutique du jeu. C’est ici également que les joueurs doivent retrouver toutes les informations générales concernant tout les aspects du jeu : système de jeu, lore, agenda des features à venir, univers, vidéos de promotion, tutoriels…

Le site à tenu son rôle sous tout les plans puisque nous sommes arrivés durant cette première phase à atteindre plus de 350 000 inscriptions pour l’alpha et la beta et obtenir plus de 35 K€ de donations avant le lancement du jeu.

Plus de 350 K comptes créés et plus de 35 K euros de donations (avant lancement de la beta)

Mon rôle sur ce projet à été de penser le site internet dans sa globalité : architecture, UX UI, rédaction d’une partie du contenu le tout en solo ou binôme (pour la rédaction de contenu) en accord avec le reste de l’équipe.

Graphiquement les icônes et illustrations sont dans la continuité de ce qui es fait pour le jeu avec une touche de couleur supplémentaire aplats et fonds qui aident à la différenciation des rubriques et qui donne un rythme un peu plus adapté au site internet ou sur mobile. De nombreux éléments sont animés afin de coller au maximum à l’univers vivant rencontré en jeu.

Evidement le site est responsive et fonctionne sous tout les terminaux.

Page d'accueil du MMORPG Naïca Online
Home page du site Naïca
Page de donation
Page de donation Naïca
Page d'introduction du Lore de Naïca
Page d'introduction du lore du jeu vidéo Naïca
Page de news
Page de news
Page Alpha
Page Alpha de Naïca
Page descriptif du jeu Naïca
Page descriptif du contenu du jeu vidéo Naïca
Page l'Univers
Page "l'univers" de Naïca
Page de compte
Page mon compte de Naïca
Page de paiement
Page de paiement Naïca

Exemple de vidéo de promotion diffusée sur Naïca-online

Visuel clef du jeu Naïca

NAÏCA MMORPG Direction artistique

1024 455 tibo

Le trailer

Mon rôle de directeur artistique sur Naïca-online

Création du MMORP cross-plateform Naïca en pixel-art.
Direction artistique d’une petite équipe de designer / animateurs / sound-designer / intégrateurs.

Définition de l’identité visuelle, garant de la progression de la création des différents assets du jeu.

  • Direction artistique du jeu
  • Création de personnages, monstres et bosses
  • Création de décors définition des zones
  • Réalisation de design d’armures
  • Création de l’UX / UI du jeu
  • Réalisation de l’identité visuelle du site internet

Les races jouables

Quelques personnages que l'on rencontre en jeu

Les monstres

Les monstres des mines dans Naïca

Dossier de presse

Les zones dans Naïca

Lazul premier continent de Naïca
Les plaines de Naïca
Le village de Lazul de Naïca
La forêt de Naïca
Les marais de Naïca
Les crêtes de cristal de Naïca
Les mines de Naïca

Animation Naïca

1024 569 tibo

Réalisation de l’introduction et du teaser du jeu pour la sortie de la bêta, éléments important dans la communication auprès de nos alpha-testeurs et de nos futurs joueurs.
nous avons également réalisé un livestream diffusé sur Youtube.

Pour la réalisation de l’introduction nous avons réalisé un story-board afin de connaitre le nombre de plans à faire, estimer le temps de réalisation, le rythme ainsi que le texte qui accompagne l’animation avant la mise en production. Nous avons pu ainsi vérifier la quantité d’informations ainsi que l’enchainement des scènes avant de réaliser chaque plan.

Pour le teaser nous avons repris des éléments de l’introduction à laquelle nous avons ajouté des prises de vue ingame que nous avons prises avec quelques testeurs de notre communauté.
Nous avons également ajouté des plans supplémentaires qui n’apparaissaient pas dans l’intro.
Nous avons opté pour une musique plus épique, refait un montage et hop le tesaer bien badass était là !

Réalisation d’habillage graphique pour le livestream de lancement de la bêta ouverte du MMORPG Naïca.