{"id":1551,"date":"2026-03-24T11:13:33","date_gmt":"2026-03-24T15:13:33","guid":{"rendered":"https:\/\/bbathalon.dectim.ca\/TP2\/?page_id=1551"},"modified":"2026-05-05T16:05:25","modified_gmt":"2026-05-05T20:05:25","slug":"echo","status":"publish","type":"page","link":"https:\/\/bbathalon.dectim.ca\/TP2\/echo\/","title":{"rendered":"\u00c9cho"},"content":{"rendered":"\n
\n
\n
\n

Obadia Coulibaly<\/p>\n\n\n

\u00c9cho<\/h1>\n\n\n

Projet de cr\u00e9ation du design du jeu ‘\u00c9cho’, pour la compagnie Tim \u00c9douard<\/p>\n\n\n\n

\n
#UX design<\/a><\/div>\n\n\n\n
#Jeux vid\u00e9os<\/a><\/div>\n\n\n\n
#UI designer<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n

Contexte<\/h2>\n\n\n\n

Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9 dans le cadre du cours Design d’exp\u00e9rience (Techniques d\u2019int\u00e9gration multim\u00e9dia).<\/p>\n\n\n\n

Le projet a \u00e9t\u00e9 fait pour r\u00e9pondre au besoin d’un persona nomm\u00e9 Jean qui recherche des jeux avec une profondeur \u00e9motionnelle.<\/p>\n\n\n\n

Le persona a \u00e9t\u00e9 respect\u00e9 et a \u00e9t\u00e9 satisfait du projet.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n

Objectif du projet<\/h3>\n\n\n\n

L’objectif de ce projet \u00e9tait de cr\u00e9er un prototype pour le jeu qui recherche la profondeur \u00e9motionnelle et une ambiance forte.<\/p>\n<\/div>\n\n\n\n

\n

Description du projet<\/h3>\n\n\n\n

Un long travail de recherche a \u00e9t\u00e9 effectu\u00e9 avec nos associ\u00e9s afin d’obtenir un r\u00e9sultat qui pourrait donner un lieu \u00e0 un fantastique projet avec un prototype de jeu cr\u00e9\u00e9 sur Figma.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

01<\/h1>\n\n\n\n
\n

Moodboard<\/h3>\n\n\n\n

D’o\u00f9 viens l’inspiration<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

TIM \u00c9douard Production nous a procur\u00e9 quelques images d’inspiration apr\u00e8s quoi nous avons \u00e9labor\u00e9 le design et look g\u00e9n\u00e9ral du prototype.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure><\/div>\n\n\n\n

Moodboard<\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure><\/div>\n\n\n\n

Fonts<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n\n

Palette de couleurs<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n

02<\/h1>\n\n\n\n
\n

Wireframe<\/h3>\n\n\n\n

Le squelette du projet<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Des wireframes pour chaque pages ont \u00e9t\u00e9 fait afin d’avoir une vague id\u00e9e de comment les choses \u00e9taient pour \u00eatre plac\u00e9 malgr\u00e9 le fait qu’il y a eu quelques changements par la suite.<\/p>\n<\/div>\n\n\n\n

\"\"<\/figure>\n<\/div>\n\n\n\n
\n

03<\/h1>\n\n\n\n
\n

Maquette<\/h3>\n\n\n\n

Offrez \u00e0 votre marque un nouveau d\u00e9part.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

La maquette haute fid\u00e9lit\u00e9 repr\u00e9sente la version visuelle compl\u00e8te du projet. J\u2019y ai int\u00e9gr\u00e9 la direction artistique d\u00e9finie pr\u00e9c\u00e9demment en appliquant le design system, les styles et les composants cr\u00e9\u00e9s dans Figma. Cette \u00e9tape a permis de concr\u00e9tiser l\u2019identit\u00e9 du projet tout en assurant une coh\u00e9rence graphique et une exp\u00e9rience utilisateur fluide.<\/p>\n<\/div>\n\n\n\n

\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n

D\u00e9fis rencontr\u00e9s<\/h3>\n\n\n\n
    \n
  • D\u00e9marrage du jeu<\/li>\n\n\n\n
  • Polices d’\u00e9criture non-uniformes<\/li>\n\n\n\n
  • Transition mauvaise<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n

    Solutions apport\u00e9es<\/h3>\n\n\n\n
      \n
    • Meilleures transitions<\/li>\n\n\n\n
    • D\u00e9marrage du jeu plus lent pour apporter une meilleure immersion<\/li>\n\n\n\n
    • Meilleure transition entre \u00e9cran d\u00e9marrage et le menu<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n