UX/UI

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

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

Protection Civile de Paris

Protection Civile de Paris UX-UI

1080 1080 tibo

Protection Civile de Paris réalisation de l'UX et de l'UI

Réalisation de l’UX et de l’UI du site internet de la Protection Civile de Paris en collaboration avec l’agence Majba.

Protection Civile de Paris UX-UI - home
Protection Civile de Paris UX-UI
Protection Civile de Paris UX-UI
Protection Civile de Paris UX-UI
Protection Civile de Paris UX-UI - iphone
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
beewake splash screen

Beewake

1024 622 tibo

Design d’application mobile. Réalisation d’une proposition d’interface et d’une animation de démo pour l’application Beewake.

beewake splash screen
Splash screen application Beewake
Ecran liste d'hôtels Beewake
Ecran activités à proximité
Ecran Beewake localisation
Détail map Beewake
Ecran options au choix
w4.org

W4 interface utilisateur

1024 1024 tibo

W4 UX/UI

W4 est un site de financement participatif destiné à l’émancipation des femmes dans le monde dont j’ai réalisé la charte graphique.

Design W4

MNCC

1024 1024 tibo

Création de l’identité graphique, réalisation du design du site web et des illustrations.

MNCC, Design web responsive
MNCC Déclianison charte graphique
  • 1
  • 2