Design du site vitrine de Imagine 2050

Fondé en 2018 par Magali Payen, Imagine 2050 est une entreprise engagée qui vise le statut d’entreprise à mission et de B Corp. Par les nouveaux récits, Imagine 2050 accompagne les leaders culturels dans la révolution écologique à mener pour bâtir une société désirable, juste et respectueuse du Vivant.


Réalisations

  • Création d’une charte graphique
  • Design d’une landing page
  • Design des interfaces du site vitrine

Collaborateur

Beavers
Lucas Attali, Développeur Web

Expertises

UX/UI DESIGN CHARTE GRAPHIQUE

Imagine 2050, un facilitateur de la transition écologique et sociale au travers des nouveaux récits.

Contexte

J’ai été mise en relation avec l’équipe d’Imagine 2050 grâce à Lucas Attali, président de la société Beavers, une agence spécialisée dans le marketing digital. Quand nous nous sommes rencontrés, l’équipe d’Imagine 2050 ne disposait que de son identité graphique.

Besoins

L’équipe d’Imagine 2050 nous a sollicité pour que nous puissions les accompagner dans la mise en œuvre de supports de communication web. Ces outils devaient pouvoir leur permettre de se faire connaître, de communiquer et de récupérer des leads.

Objectifs

01.

Dans un premier temps, l’équipe d’Imagine 2050 souhaitait mettre en place une landing page en vue d’une conférence à laquelle ils allaient participer. Par le biais de cette page, ils souhaitaient pouvoir collecter des premiers e-mails pour leur future newsletter.

02.

Dans un second temps, l’équipe souhaitait développer un site vitrine pour présenter Imagine 2050 ainsi que les services qu’ils proposent. Le site devait être clair, responsive et le back-office devait pouvoir être facilement administrable par l’équipe interne.

Design des interfaces du site vitrine

Le site vitrine d’Imagine 2050 devait être clair et ses contenus devaient être parfaitement accessibles et compréhensibles, aussi bien en version desktop qu’en version mobile. Ces derniers étant relativement longs, la mise en page devait être optimisée pour captiver au maximum le lecteur. Ainsi, j’ai eu l’idée de réaliser une composition qui puisse permettre d’apporter du rythme à la lecture en jouant par exemple sur les proportions des textes ou encore en utilisant des aplats de couleurs.

Afin que le site soit marquant pour les utilisateurs et pour qu’Imagine 2050 soit immédiatement identifiable par cet outil, j’ai fait le choix de m’orienter vers une structure originale et d’utiliser sans parcimonie les deux teintes principales que l’on retrouve à travers l’identité graphique : le turquoise et le bleu électrique. J’ai couplé ces deux teintes avec deux autres teintes secondaires : le noir et le blanc.

Quand j’ai réalisé les premières ébauches du site, l’équipe d’Imagine 2050 ne disposait pas – ou très peu – de photos. J’ai donc effectué une sélection de photos sur des banques d’images gratuites pour pouvoir illustrer les contenus du site et le secteur d’activité d’Imagine 2050. Ainsi, j’ai choisi des photos de paysage, des photos de femmes et d’hommes et de sujets qui puissent évoquer de près ou de loin l’écologie et les actions menées par Imagine 2050.

Visiter le site d’Imagine 2050

Design

XD, Photoshop, Illustrator

Technologies

Strapi, Nuxt, Taiwind CSS

Plateforme

Web

Les résultats obtenus

Lucas et moi avons pu mener à bien notre mission, dans les délais impartis. Désormais, l’équipe d’Imagine 2050 dispose d’un site vitrine qu’ils peuvent administrer comme bon leur semble depuis le back-office.

Vous avez un projet ?

Vous souhaitez créer un site web esthétique et original ?

Prenons RDV pour parler de votre projet !

Mes réalisations

Découvrez les études de cas de mes autres réalisations graphiques !

Voir d’autres réalisations