Agreenup

Photographie d'un espace végétal avec un rayon de soleil

Ça pousse !

Apprendre la permaculture en 2h

Expertises

  • Branding
  • UI
  • UX

Date

Mars 2023

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

Contexte

C'est en mars 2023 qu'Agreenup naît. Laurent Jarozs souhaite développer une activité parallèle de formateur en permaculture. Passionné depuis son enfance, il met tout en œuvre pour vous apprendre les bases de la permaculture d'extérieure et d'intérieure sous forme de visio-conférences de 2h afin de gagner en résilience.

Comprendre les enjeux et besoins

Méthodologie

Mis en relation par mon ami Robin Regis, j'ai pu échanger pendant plus d'une heure lors d'un premier appel avec Laurent pour comprendre ses enjeux, ses besoins et surtout sa personnalité. Cette discussion est basée sur un questionnaire que j'ai préalablement envoyé à Laurent, pour mieux cerner son projet.

Tour d'horizon

Benchmark

Permaculture Design

Jardinautes

Mon coach jardin

Silence, ça pousse !

Premières ébauches

Wireframes

Première étape cruciale pour poser sur le papier la structure de la page mais aussi pour hiérarchiser les différents contenus.

Identité graphique

Donner vie à Agreenup

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

Pour les titres, une police d'écriture racée qui prend place pour apporter un certain caractère. Pour les corps de textes, une police plus simple et humaniste pour une meilleure lisibilité..

Une palette chromatique verdoyante pour évoquer la nature.

Et Figma opéra !

Les interfaces

La composition de l'interface principale se base sur l'idée de plusieurs espaces délimités par des bordures, à l'image de la permaculture selon Laurent. De tailles diverses, cela crée une grille dynamique qui vient délimiter le contenu pour l'embellir et mettre en avant le discours de Laurent.

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

Un menu toujours accessible au scroll.

Ça bouge !

L'animation

La création d'une animation subtile dans l'arrière plan, permet d'ajouter une dynamique sans pour autant gêner la lecture du contenu.