« Héros de papier »
Design d’application mobile - Encyclopédie - 2024
Ce projet était un devoir dans le cours de Design d’application mobile. J’avais un cahier des charges à respecter et donc des pages à avoir obligatoirement :
- Système de Recherche;
- Page d’Accueil;
- Page de Résultats de Recherche;
- Page de Détail d’Article;
- Page de Catégories;
- Page de Paramètres;
- Partage.
Evidemment, tout le design devait être adapté pour les utilisateurs, attrayant et ergonomique.
1 - Inspiration - Moodboard
Tout d’abord, il fallait trouver l’inspiration et des modèles. Pour cela nous devions faire un moodboard, photo montage qui permet de retrouver l’ambiance de notre projet et qui nous sert de fil rouge pendant la création. Ici j’avais pris pleins d’exemple d’application de cinéma et pleins d’image de Marvel.
2 - Création - Prototype
Ensuite pour avoir une idée globale du texte qui sera dans le design et même des images, on fait un prototype. Cela nous permet également de faire les liens entre les pages et de voir si tout va comme il faut sans devoir changer tout le design à chaque fois. C’est la première base de notre application.
3 - Création - Design
Après on passe au design de notre application. On vient y mettre la police, les images, la couleur et tout ce qu’il faut pour rendre un design attractif et ergonomique. Ici j’ai voulu rendre l’univers du cinéma pour coller au Marvel et donc rester dans des couleurs sombres, noires. J’ai ajouté du jaune car cette couleurs était très présente dans les modèles et du rouge pour Marvel. J’ai mis beaucoup d’images car l’univers Marvel est basé sur l’image et c’était plus associé qu’un fond neutre.
4 - Création - Animation
La dernière étape est d’animer notre application, comme à notre prototype. C’est là qu’elle va véritablement prendre vie. On va venir animer les boutons, les images, la navigation… Pour cette application, il n’y a pas beaucoup d’animations à part au clic mais il y a pas mal de sliders d’images.