WORK IN PROGRESS
01.09.2020 // Chaque semaine de nouveaux cas seront publiés et vous permettront d'avoir une vue d'ensemble de mon travail. Patience ;) Olivier. \(^-^)/
Une plongée spectaculaire au cœur des océans.
À la Rochelle, se trouve l’un des plus grands aquariums privés d’Europe. La volonté de sa directrice générale, Ambre Coutant Bénier, était d’avoir un site internet pour toucher tous les utilisateurs, en responsive design. La réponse donnée a été plus globale et l’ensemble de la communication a été repensée. Lifting de l'identité, conception de la charte éditoriale, direction artistique, réalisation de la charte graphique digitale et des principes visuels des affiches et annonces-presse.
L'équipe créative
Baptiste Franceschini (conception-rédaction)
Anaïs Lemasson (UX Design + conception-rédaction)
Olivier Allevi (Direction artistique + Identité + UI Design)
Johanna Baroux (UI Design)
Agence
La Compagnie Hyperactive, Bordeaux.
L'IDÉE
Faire ressentir une expérience à la croisée du monde sous-marin et de celui des arts.
LE CHAMP LEXICAL
Pour nourrir le concept, le champ lexical choisi pour les supports de communication utilise des mots réservés d'habitude aux activités artistiques. L'opéra avec "le ballet", le récit avec "l'épopée" ou "la fresque". La musique avec "le chant" ou "la symphonie". Les arts vivants avec "le theâtre", "la scène" ou "le lever de rideau". Le cirque avec "les acrobates" ou "le numéro".
LA VERSION TABLETTE
La page d'accueil de toutes les versions (tablette, desktop et mobile) est basée sur un principe de grille proche de celui de Piet Mondrian. L'utilisateur découvre en premier une vidéo montrant la beauté graphique de la vie sous-marine. Puis, son regard passe de bloc en bloc, ce qui permet de structurer fortement l'information et les émotions à faire passer.
La navigation, très profonde, utilise un burger menu mais mise surtout sur le nécessaire de visite : la billetterie, les horaires et le contact téléphonique. Chaque page facilite aussi l'achat de billets avec un élément de réassurance collaboratif bien connu des utilisateurs : TripAdvisor. En milieu de page pour la page d'accueil et en fin pour les pages intérieures.
Les pages intérieures, notamment celles liées aux différents "théâtres", utilisent le même système de construction mais il est moins développé. Si l'immersion reste importante avec le visuel d'accroche, le scroll fait au fur et à mesure la part belle à la diffusion de connaissance, une des missions de l'aquarium.
LES COULEURS PRINCIPALES
LA TYPOGRAPHIE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
LA COULEUR DE CONTRASTE
LA TYPOGRAPHIE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
LA TYPOGRAPHIE
Avec sa généreuse hauteur de x et sa coupe ajustée, l'ITC Lubalin Graph est typique du style typographique du graphisme américain des années 1970. Elle est utilisée surtout pour la titraille. Afin de créer un contraste typographique, elle est combinée à la ProximaNova dont le dessin, géométrique permet une lisibilité maximale dans les petits corps.
1. L'ITC Lubalin Graph® a été initialement conçu par Herb Lubalin et dessiné pour répondre aux exigences de la reproduction typographique par Tony DiSpigna et Joe Sundwall en 1974. Ses formes sous-jacentes sont celles de l'ITC Avant Garde Gothic de Lubalin publié précédemment, mais ses formes ont été modifiées pour s'adapter à de larges empattements de dalles. Ses poids condensés, qui comprennent des petites capitales et des figures à l'ancienne, ont été ajoutés plus tard par Helga Jörgenson et Sigrid Engelmann en 1992.
2. Proxima Nova (2005) fait le lien entre des polices de caractères comme Futura et Akzidenz Grotesk. Le résultat est un hybride qui combine des proportions modernes avec un aspect géométrique. Ces dernières années, Proxima Nova est devenue l'une des polices les plus populaires sur le web, utilisée sur des milliers de sites dans le monde entier.
L'ICONOGRAPHIE
La volonté était, tout d'abord, de révéler toute la magie du monde sous-marin avec des cadrages mettant en valeur la richesse colorielle de la faune et de la flore. Puis de mettre l'utilisateur en position de spectateur pour lui faire vivre le prélude de l'expérience Aquarium de La Rochelle.
© Les sherpas \(^-^)/ — Olivier Allevi. Tous droits réservés. Aucune reproduction sans autorisation écrite du ou des auteurs. Certaines images, utilisées lors d'appels d'offres restent la propriété de leur(s) auteur(s).
