{"id":271,"date":"2026-10-06T13:32:40","date_gmt":"2026-10-06T17:32:40","guid":{"rendered":"https:\/\/mcyr.dectim.ca\/Portfolio\/?page_id=271"},"modified":"2026-10-22T02:34:27","modified_gmt":"2026-10-22T06:34:27","slug":"viscera","status":"publish","type":"page","link":"https:\/\/mcyr.dectim.ca\/Portfolio\/viscera\/","title":{"rendered":"Viscera"},"content":{"rendered":"\n
\n
\n
\n

Viscera<\/o-anim-typing><\/h1>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Dans le contexte du cours d\u2019exp\u00e9rience professionnelle, mon \u00e9quipe devait cr\u00e9er un site d\u2019une agence fictive et de l\u2019int\u00e9grer sur WordPress avec le th\u00e8me Astra. Ainsi, nous avions cr\u00e9\u00e9 Viscera, une compagnie B2B dans le secteur des jeux vid\u00e9os<\/p>\n\n\n\n

\n
\n
\n

r\u00d4LE<\/h4>\n\n\n\n

Chef d’\u00e9quipe | Designer & Int\u00e9gratrice
<\/p>\n<\/div>\n\n\n\n

\n

Cr\u00e9dits<\/h4>\n\n\n\n

Images | Unsplash & Pexel
Simon Savard-Blondel | Int\u00e9grateur | Portfolio
St\u00e9phanie L\u00e9veill\u00e9 | Designer | Portfolio
Tous les cr\u00e9dits d’images de jeux vid\u00e9o revienne \u00e0 leur cr\u00e9ateur.<\/p>\n<\/div>\n\n\n\n

\n

Contexte<\/h4>\n\n\n\n

Projet \u00e9tudiant<\/p>\n<\/div>\n\n\n\n

\n

Logiciel<\/h4>\n\n\n\n

Figma, WordPress<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Mon utilisation de l\u2019ia<\/h4>\n\n\n\n

L’IA a \u00e9t\u00e9 utilis\u00e9 comme outil de \u00ab\u00a0brainstorm\u00a0\u00bb<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Le processus cr\u00e9atif<\/h2>\n\n\n\n
\n
\n

\u00c9tape 1 | Recherche de comparable<\/h4>\n\n\n\n

Nous avons recherch\u00e9 des comparables pour voir les designs tendances pour ce domaine<\/strong>.<\/p>\n\n\n\n

\n
\n

Squeeze<\/a><\/p>\n\n\n\n

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

Game Pill<\/a><\/p>\n\n\n\n

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

\u00c9tape 2 | moodbard<\/h4>\n\n\n\n

Nous avons ensuite fait un moodboard rassembler toutes nos id\u00e9es<\/strong> de typographie, logo, palette de couleur, ambiance, etc., \u00e0 la m\u00eame place.<\/p>\n<\/div>\n\n\n\n

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

\u00c9tape 3 | Wireframe<\/h4>\n\n\n\n

Nous avons fait un wireframe pour \u00eatre s\u00fbr de n’oublier aucun d\u00e9tail<\/strong>.<\/p>\n<\/div>\n\n\n\n

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

\u00c9tape 4 | Design system <\/h4>\n\n\n\n

Nous avons mis la palette de couleur et texture dans le design system pour se retrouver<\/strong> facilement (et la mascotte de notre compagnie fictive comme d\u00e9coration!).<\/p>\n<\/div>\n\n\n\n

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

\u00c9tape 5 | Design du site sur wordpress <\/h4>\n\n\n\n

Pour sauver du temps<\/strong> nous avons fait le design<\/strong> du site directement sur WordPress<\/strong> avec le th\u00e8me Astra.<\/p>\n<\/div>\n\n\n\n

\n