Lors du semestre 4 de mon DUT, j’ai choisi le Webdesign comme spécialité. J’ai dû réaliser un projet qui consiste à créer une application mobile de co-voiturage réservée aux personnels et étudiants de l’université de Franche-Comté.

Au début de ce projet nous avons réalisé une étude concurrentielle ainsi que les persona afin de s’informer sur la cible de notre application. Nous avons ensuite fait différents ateliers de conception et de réflexion. 

Nous avons créer des cartes d’expériences afin d’étudier le chemin de l’utilisateur. Par la suite nous avons utilisé ces cartes pour concevoir un Userflow pour bien organiser nos interfaces et établir un chemin d’utilisateur adéquat.

 J’ai ensuite créer un moodboard pour m’inspirer et pour créer une bonne cohérence graphique. L’étape suivante est la création du wireframe ou « maquette fonctionnelle ». Il donne une idée générale de la présentation de la future page du site, mais aussi de l’arborescence et même des interactions entre les éléments. Il y a donc déjà un aspect technique sans tous les petits détails graphiques (couleurs, images, animations…) qui rendront le site encore plus beau. La dernière étape est la création de la maquette finale de l’application avec tous les éléments graphiques et le prototypage que j’ai réalisé sur le logiciel Adobe XD.

wireframe

Maquette Graphique

Logo