Aline de Pazzis - Logo
null
Branding
Design UX UI
Édition

Sailing Hirondelle

Sailing Hirondelle est une association qui a été fondée en avril 2019 à Brest et dont le but principal est de raconter des histoires qui relient les humains et l'océan autour de problématiques environnementales. Chaque année, une expédition à la voile est organisée à bord de la goélette Hirondelle, pour aller à la rencontrer des habitants de littoraux dans différents endroits en France et à l'étranger et leur donner la parole sur les changements climatiques qu'ils constatent. Des bénévoles sont accueillis à bord pour concevoir des projets en tous genre (photo, vidéo, podcasts, littérature, bande dessinée, etc.) en lien avec la thématique de l'expédition.

Un logo ouvert qui permet une vision « à travers »

L’enjeu de la création de l’identité de Sailing Hirondelle est de parvenir à transmettre des valeurs humanistes et qui témoignent de la relation étroite entre l’espèce humaine et les océans qui nous entourent.

Le logo adopte des formes souples et agit comme un pochoir, il laisse apparaître le fond sur lequel il est apposé. L’hirondelle, qui fait référence au nom que porte la goélette, fait aussi écho à la navigation à la voile, la légèreté de ce moyen de transport et le voyage, l’ouverture.

null
null
null

Nuances de bleu et typographies complémentaires

La gamme colorée évoque l'océan sous différentes formes et utilise des couleurs vives qui viennent apporter du contraste aux tons bleutés.

Côté lettrage, Viga, Signika et Playfair Display sont les trois typographies qui créent un écosystème équilibré : Viga, utilisée en captitales est dédiée aux titrages, elle appuie l'identité de Sailing Hirondelle puisqu'on la retrouve également dans le logo. Playfair vient en complément et fait référence à l'écrit, la nouvelle, l'histoire, élément pilier de Sailing Hirondelle. Enfin, Signika est utlisée pour son confort de lecture optimal sur écran et la diversité de ses graisses qui permet une hiérarchisation du contenu détaillée.

null
null
null

Un langage pictographique dédié

Une gamme de pictogrammes spécifique a été crée dans le but de pouvoir être augmentée au fur et à mesure des besoins mais aussi pour que chaque membre de l'équipe puisse s'en servir comme un outil de communication sur les différents supports utlisés. Ces pictogrammes peuvent aussi s'utiliser comme des illustrations sur des visuels destinés aux réseaux sociaux par exemple. Ils deviennent un élément de repère de charte de Sailing Hirondelle.

null
null

Repenser un site clair et à empreinte carbone réduite

Un atelier a été mené avec les membres fondateurs de l’association pour trouver l’axe principal sur lequel s’appuyer pour refondre le site de Sailing Hirondelle.

Plusieurs problématiques ont été mises en lumière : le site doit permettre de clarifier le principe du projet et mieux identifier les valeurs portées par l’association. Il doit aussi proposer un système de consultation des ressources produites (photos, articles, bande-dessinées, etc.) tout en respectant un poids minimal. Enfin, il doit pousser à l’action : communiquer, supporter l’association, s’engager dans des actions de protection de l’environnement.

null

Pour répondre à ces problématiques, il a été décidé de limiter au maximum les entrées du menu pour permettre d'orienter facilement l'utilisateur parmi les différents types de contenus. La navigation propose trois directions "qui", "quoi" et "comment". Sur la home, un accès rapide au manifeste de l'association permettra d'expliciter les valeurs du projet dès le début de l'expérience de navigation.

Structurer une home page immersive en respectant la contrainte de poids

La page d'accueil a été pensée sous forme de strates colorées qui ont chacune un rôle spécifique et qui permettent d'immerger l'utilisateur dans une ambiance océanique. Pour répondre à l'enjeu du poids plume du site, il a été décidé de réduire le plus possible la taille et l'usage des images, pour ne conserver que des vignettes et laisser les couleurs et illustrations vectorielles animées prendre le relais.

null
null
null
null

Communiquer sur différents canaux

Sailing Hirondelle alimente régulièrement ses réseaux sociaux pour partager les derniers projets de l'association et lors d'événements ponctuels. Pour différencier ces événements, la charte graphique doit s'adapter et permettre d'identifier l'aspect ponctuel et inédit, en jouant avec les codes déjà établis. Par ailleurs, la charte doit pouvoir être prise en main en autonomie par tout membre de l'équipe amené à poster sur les réseaux, grâce à un kit de communication simplifié.

En fonction du contexte et des objetcifs, Sailing Hirondelle a aussi recours au support imprimé pour communiquer à l'aide de banderoles, kakémonos, livrets, etc. Son identité doit donc être suffisament souple pour s'adapter mais rester facilement identifiable.

null
null
null
null