Lors de notre projet de fin de formation, nous étions placés dans des groupes de quatre et devions développer un site web autour d'un sujet choisit, dans notre cas, un blog participatif sur le voyage nommé « The Traveller’s Guide to the World ».

Nous voulions proposer un site aux passionnés de voyage qui leur permettrait de partager leurs expériences personnelles en écrivant des articles sur leurs voyages, de découvrir de nouvelles destinations via les billets des autres utilisateurs et de pouvoir interagir avec la communauté du blog.

Ayant une expérience dans le domaine du graphisme, j'ai demandé à réaliser l'identité visuelle du site et à l'implémenter ensuite en front-end lors du développement du site.

Avec une de mes camarades, nous avons défini l'emplacement des différents éléments du site avec une maquette fonctionnelle sur Moqups, que j'ai ensuite reprise sur Photoshop pour faire la maquette graphique du site.

Première maquette du site réalisée sur moqups.com afin de définir l'emplacement des différents éléments des pages.

Maquette finale du site réalisée sous Photoshop avec l'identité visuelle du site finalisée (typographie, couleur, logo).

L'arborescence du site est la suivante: homepage (choix du continent) > continents (choix du pays) > pays (choix de l'article) > article (possibilité de consulter la page de l'auteur) > auteur)

Les maquettes représentent donc dans l'ordre la homepage, la page des continents, la page des pays, la page de l'article sélectionné avec et sans les commentaires affichés et la page de l'utilisateur. 

Logo que j'ai réalisé pour le blog sur Illustrator.