Royal Academy of Dance – Web & Responsive Design

Ordinateur et téléphone sur une table

Royal Academy of Dance

Web & responsive design

Wireframes

Ce design a été créé dans l’agence After Digital à Glasgow. On m’a demandé de commencer par penser ‘mobile’. Un vrai challenge car je ne commence habituellement pas par la version mobile. J’ai donc dû faire plusieurs versions avant d’en arriver à une qui me plaisait et qui marchait bien pour le desktop et le format tablette.
danseuse sur un ciel rose
Homepage Royal Academy of Dance

Site internet

Le site reprend la couleur primaire du logo. J’ai voulu nuancer le texte avec des photos de danseuses en noir et blanc.

Il y a deux niveaux sur le menu. Le premier est destiné au client avec le panier et l’accès à son compte. Le second permet de naviguer dans les différentes parties du site.

En arrivant sur la homepage, ces deux menus sont dissociés par une grande image. Au scroll, l’image disparaît et les deux menus ne font qu’un.

Version mobile

Le menu de la version mobile est rassemblé tout en haut. La droite est destinée au client. La gauche se trouve le menu hamburger ou l’on pourra naviguer sur les différentes pages du site.

Cette version reprend tout le contenu du site internet mis à part quelques photos afin de laisser plus de place au contenu.

Le What’s On n’est plus étalé sur la page mais rassemblé dans un slider.