Aquarium
Version Mobile en Contexte Aquarium de Biarritz - UX Design

UX UI Design

Aquarium de Biarritz • 2019

Refonte Aquarium de Biarritz - Incrustation en Contexte

       Créé en première année de DUT MMI, ce projet est une proposition de refonte du site de l’aquarium de Biarritz. Le contenu et l’interface graphique ont été restructurés afin d’améliorer la navigation et l’expérience de l’utilisateur.

Refonte Aquarium de Biarritz - Site d'origine en Contexte

       A l’origine, la navigation et l’arborescence du site étaient complexes et nécessitaient de nombreux clics. Le nombre important de pages avec une hiérarchie éclatée ne permettait pas une accessibilité aisée.
       Les informations essentielles, telles que les plages horaires d’ouverture en temps réel et la réservation de billets, ont été mises en avant lors de la simplification de la navigation.

Refonte Aquarium de Biarritz - Page d'Accueil

       Le style graphique du site était le témoin d’une autre époque, voire d’une autre conception du web. Il fallait, tout en évitant l’ostentatoire, créer quelque chose de plus moderne.br />
       Pour créer l’ambiance et l’esthétisme du nouveau site, la charte graphique de l’Aquarium de Biarritz a été reprise. Le projet étant, en effet, uniquement une refonte du site web.
       Ainsi, les éléments caractéristiques composant le logo d’origine ont été déclinés pour amener à la création des liens, des boutons et de l’UI (User Interface) dans un style simple en cohérence avec l’identité graphique préexistante.

Refonte Aquarium de Biarritz - Charte Graphique
Refonte Aquarium de Biarritz - Page Informations

       Lors de la réflexion typographique, le choix s’est porté sur les polices Radnika et Roboto qui sont sobres et faciles à lire tout en restant suffisamment originales. Par ailleurs, les polices choisies se devaient d’être en harmonie avec le logo.

       Afin de participer à l’ambiance aquatique du site, une déclinaison de bleu azur, vert d’eau et bleu marine a été retenue.
       A cette sélection, un rose a été ajouté en tant que couleur d’accentuation. Elle permet de trancher avec la déclinaison de bleus très sages et calmes. Ce décalage équilibré entre les deux gammes de couleurs permet de mettre en valeur des éléments essentiels à la navigation tel que l’accès à la billetterie en ligne.

Refonte Aquarium de Biarritz - Page Informations
Refonte Aquarium de Biarritz - Version Mobile en Contexte

       Le site d’origine présentait de larges marges sur les côtés, rétrécissant sa surface « utile ». La refonte a permis son adaptation aux formats 16:9 ou 16:10 des écrans.
       De plus, la création d’une version responsive permet l’accès aux informations même en situation de mobilité, ce qui est essentiel pour un aquarium influent. Le site prend en compte la navigation avec des périphériques tactiles avec, notamment, le « swipe » pour parcourir les articles.

Refonte Aquarium de Biarritz - Version Mobile