Site Promotionnel : Ouverture de Akihabara2 centre commercial
dédié
à la culture Nippone
Mon rôle : UI Design
Projet de fin d'étude à
ITECOM ART DESIGN
: conception d'un site évènementiel pour l'ouverture d'un centre
commercial (fictif) dédié à la japanimation.
Le centre Akihabara2© est ici fictif, j'ai créé
tout l'univers graphique en commencant par le logo et la charte
graphique. Je vous invite à cliquer sur le lien du dossier de
conception pour prendre connaissance de toutes les étapes de la
création du site ! On trouvera par ailleurs
le style guide ainsi qu'un benchmark
dans le dossier de conception.
Création du logo
Le logotype est typographique. La couleur rouge rappel ici les
couleurs du drapeau japonais .
Le mot Akihabara, est un quartier
otaku (geek) réputé au japon, on y trouve toutes sortes de
boutiques et restaurants à thèmes manga et jeux video.
La police utilisée ici : Fujimaru,
nous rappelle les coups de pinceau utilisés en caligraphie
japonaise, et donne un aspect onirique à la marque. Baseline «
le quartier otaku », pour faire comprendre au grand public qu’il
sagit d’un lieu de geek.
Arborescence du site
L’arborescence permet d’avoir une vision globale du site web
et des parcours de navigation avant de réaliser les
maquettes des pages principales.
Zoning du site
Le zoning est une technique de maquettage basse fidélité qui permet d'organiser le contenu d'une page web en la divisant en différentes zones.
Wireframe du site
Le wireframe (ou maquette fil de fer en français) est une technique utilisée pour créer des versions basse/moyenne fidélité d'un livrable.
Bannière PUB!
Half-page
C'est un format classique mais très populaire grâce à sa
taille impactante et uniforme. Selon les contraintes IAB, le
poids ne doit pas excéder 320ko et l'animation ne doit pas
durer plus de 12s.
Enfin, un clic mène directement au site Akihabara2©.
