Skip to main content

Étiquette : Webdesign et Expérience utilisateurs • Maquette HTML/CSS/JAVASCRIPT et Adobe XD

Logo Digital Monkey

Digital Monkey

Le Projet Digital Monkey

Le projet consisté à construire la page d’accueil, au format mobile, d’une école qui fonctionnerait avec des formations mi-distanciel et mi-présentiel. En partant d’un logo et de quelques informations sur ce qu’était Digital Monkey, j’ai pu construire structurellement et graphiquement la page d’accueil du site web via Adobe XD.

La méthodologie

Ce projet avait pour but de renforcer ma méthodologie dans la construction d’un projet graphique. J’ai donc d’abord fait mes propres recherches sur les pages d’accueil des écoles, puis j’ai mis en place une structure à l’écrit pour la page d’accueil. Avec cette réflexion en amont, j’ai été plus rapide dans la réalisation du zoning/wireframe. Enfin, j’ai réalisé la maquette graphique. J’ai demandé des avis sincères et j’ai pu améliorer la maquette pour arriver aux résultats finaux que vous pouvez retrouver en dessous.

1ʳᵉ Version :

2ᵉ Version :

Home page du projet de création graphique de la page d'accueil de Digital Monkey
Home page du projet de création graphique de la page d'accueil de Digital Monkey

Le Zoning

Le menu :

Alater

Alater est une association locale d’aide à la transition écologique et résilience. J’ai réalisé ce à quoi pourrait ressembler le webdesign de la page d’accueil de l’association, ainsi que le graphisme de la carte de visite.

Webdesign de la page d’accueil de l’association
Graphisme de la carte de visite de l’association Alater

Chope Ta Brasserie

Découvrez le site web de Chope Ta Brasserie !

Objectifs

L’idée est de centraliser les brasseries Normandes sur un site accessible (en matière de facilité d’utilisation) afin qu’il soit utilisé par le plus grand nombre.

Le but n’étant pas d’obtenir une description précise des brasseries mais de renseigner le client sur la provenance et la conception des bières qu’il consomme.

Ainsi, il serait possible de pouvoir, en tant qu’utilisateur, s’informer sur les brasseries et les bières que proposent celles- ci, avec une présentation concise et claire. Mais aussi d’interagir avec les brasseries en notant leurs produits.

Les microbrasseries pourraient elles aussi utiliser ce site pour avoir une visibilité sur internet car elles n’ont pas toutes, les moyens de s’offrir un site web.

Un projet réalisé de A à Z

Chope Ta Brasserie a été mon projet de première année de BTS. J’ai réalisé l’entièreté du projet, du cahier des charges au développement web par le biais de wordpress/DIVI au webdesign avec maquette XD et statique (HTML/CSS/JS) en passant par la création et déclinaison de la charte graphique.

Découvrez mon cahier des charges en cliquant sur ce lien.