Sélectionner une page

Campus Car

 

Maquette Graphique

Application campus car

Lors de mon 4eme semestre, j’ai choisi la spécialité Webdesign. J’ai réalisé le prototype interactif d’une application de covoiturage à destination du personnel et des étudiants des campus de Franche-Comté, nommée Campus Car. Il s’agit d’une application mobile compatible avec tout type de smartphones. Pour réaliser ce travail, j’ai effectué plusieurs étapes en amont afin de définir les objectifs de l’application.

Userflows

Après avoir réalisé une étude des concurrents, des personas primaires et secondaires, nous avons enfin réussit à cerner les objectifs de l’application et les besoins des utilisateurs. Après cela, nous avons créé 2 userflows (parcours utilisateur) dont un pour le conducteur et un autre pour le passager. Ces userflows permettent de retracer le chemin et les choix que va faire notre utilisateur cible. Ils ont été pensé pour rendre l’application agréable et facile d’utilisation.

Moodboards

J’ai ensuite créé avec un camarade 2 moodboards pour essayer de trouver des ambiances graphiques cohérentes avec notre future application de covoiturage. Ceux-ci nous ont inspiré graphiquement lors de création de notre maquette interactive. Pour ma part, j’ai choisit celui de couleur verte car je voulais renvoyer une image de nature et d’écologie pour mon application.

Wireflow

Dans la suite de notre processus de création, j’ai créé un wireframe qui est le squelette de notre future maquette interactive. Ce squelette permet de déterminer l’emplacement des différents composants sur les pages de notre application. En effecutant cette pré-maquette, on s’assure également que notre expérience utilisateur est bien la bonne et que notre utilisateur va réussir toutes ses actions rapidement et facilement. 

Maquette Interactive

Nous arrivons ensuite à l’étape finale. C’est à ce moment là que je créée la maquette interactive de l’application en y ajoutant l’inspiration graphique du moodboard et les interactions et choix du wireframe. Grâce à ce travail, j’ai appris l’importance de l’Ux design. Je connais maintenant les principes et les étapes de bases de l’Ux. C’est un processus à prendre en compte dès le début d’un projet car il en fait partie intégrante. Il figure au coeur de sa conception.

← Projet Précédent

Projet Suivant →