Agreenup

Ça pousse !

Apprendre la permaculture en 1h

Expertises

  • Branding
  • UI
  • UX

Date

Mars 2023
Photographie d'un arbuste fleurie, en arrière plan se trouve un beau ciel bleu

Transmettre une passion pour préserver
la biodiversité et les générations futures

Contexte

En 2023, Laurent Jarosz décide de lancer Agreenup, une activité de formation en permaculture. Passionné depuis l'enfance, il propose des visio-conférences d'une heure pour apprendre les bases de la permaculture d'intérieur et d'extérieur, accessibles à tous.

Comprendre les enjeux et besoins

Méthodologie

Robin Regis nous a mis en contact. Avant notre premier appel, j'ai envoyé un questionnaire à Laurent pour cadrer la discussion. On a ensuite échangé pendant plus d'une heure pour comprendre ses enjeux, ses besoins et sa personnalité : autant d'éléments indispensables avant de toucher à Figma.

Moodboard sur la permaculture

Tour d'horizon

Benchmark

Permaculture Design

Permaculture Design

Jardinautes

Jardinautes

Mon coach jardin

Mon coach jardin

Silence, ça pousse !

Silence, ça pousse !

Premières ébauches

Wireframes

Les wireframes permettent de poser la structure et de hiérarchiser les contenus avant d'entrer dans le détail visuel.

Wireframe

Identité graphique

Donner vie à Agreenup

Laurent souhaitait un site épuré, humain et où un sentiment de sérénité se dégagerait.

Polices d'écriture. Titre : Sporting Grotesque, corps de texte : HK Grotesque

En titres, la Sporting Grotesque apporte du caractère et de la personnalité. En corps de texte, la HK Grotesque, plus sobre et humaniste, assure le confort de lecture.

Palette chromatique d'Agreenup

Une palette verte pour ancrer Agreenup dans son univers naturel, sans en faire trop.

Et Figma opéra !

Les interfaces

L'interface s'organise autour d'espaces délimités par des bordures, en écho à la vision de la permaculture selon Laurent. Des zones de tailles variées forment une grille dynamique qui structure le contenu et met en valeur son discours.

L'interface finale d'Agreenup
Interface 2 : Le cheminement d'une vie

Des informations accessibles par une popup pleine page qui permet de ne pas submerger l'utilisateur.

Interface 3 : l'état fixe du menu au scroll

Un menu toujours accessible au scroll.

Ça bouge !

L'animation

Une animation discrète en arrière-plan ajoute de la vie à l'interface sans perturber la lecture.