À PROPOS

- Type -

Narration, Gestion, Casual

- Plateforme -

PC

- Développeurs -

Glimmer Games

- Rôle -

UI/UX Artist - Freelance

- Missions principales -

- Logiciels -

Photoshop

DIRECTION ARTISTIQUE

La première partie de ma mission pour Sorting Center a été de déterminer la direction artistique qu'allait prendre l'UI. Théo (chef de projet et développeur) et Garance (Directrice Artistique et Concept Artist) m'avait déjà préparé un moodboard avec leurs références et envies pour l'UI, j'ai donc pu utiliser cela en les combinant avec mes propres références pour leur proposer plusieurs pistes pour le HUD, qui m'a servi de base pour établir ensuite toute l'UI du jeu.

UI/UX

Mon but était de prévoir l'UI/UX de tous les panels qui seront présents pour la vertical slice, à savoir le HUD, le terminal et le shop. Chaque test a été accompagné de tests d'animation et/ou de discussion avec l'équipe pour penser au flow au jeu et à l'expérience utilisateur. Etant un jeu pensé avec une utilisation manette avant tout, cela a été un challenge particulier, notamment pour savoir comment mettre toutes les informations nécessaires en limitant les inputs manette et en évitant de surcharger les joueurs d'informations plus ou moins faciles d'accès.

PRODUCTION 2D

Une fois les itérations faites, j'ai exporté tous les assets UI sous forme de placeholders afin que Théo puisse les intégrer au projet sur Unreal suivant son rythme de développement. J'ai également réalisé de petites animations en image par image pour les quelques transitions du jeu, toujours pour servir de placeholders pour la vertical slice.

HUD ET DIALOGUES

Premiers tests d'UI pour le HUD
Concepts d'UX et d'animation pour l'UI du HUD
HUD final réalisé après les retours de l'équipe
Concepts d'UX et d'animation pour l'UI du HUD
Exploration de concepts de petites bulles de dialogues
Concepts de bulles de dialogue pour des scènes plus rapprochées

UI/UX TERMINAL

Exemple de test réalisé pour le fond d'accueil du terminal utilisé en jeu
Fond d'accueil final en placeholders préparé pour la vertical slice
Exemple de test réalisé pour l'écran du shop du terminal
Ecran de shop final réalisé après les retours de l'équipe
Deuxième écran de shop final réalisé après les retours de l'équipe

ANIMATIONS

Petite animation pour montrer le passage du temps
Animation pour montrer la transition d'une pièce à l'autre

Copyright 2024 Maxine Gentile - Art & Web design - Icons by Freepik