NEOFARM

[ UX - UI Design ] Yaasmine Nohur [ Projet scolaire ] Octobre 2025
NeoFarm — Mockup hero
Refonte du site 2025

[ Mon rôle ]

UX - UI Design & Intégration

A PROPOS DU PROJET

  1. [ 1 ]Problématique
  2. [ 2 ]Objectifs
  3. [ 3 ]Solutions
  4. [ 4 ]Démarche UX
  5. [ 5 ]Design System
  6. [ 6 ]Proposition

NeoFarm est une entreprise qui développe des fermes en agroécologie pour produire des légumes locaux, notamment pour les cantines.

Le projet consiste à repenser leur site web afin d'améliorer la clarté, la compréhension de leur activité et l'attractivité globale.

PROBLEMATIQUES

  • + Manque de clarté
  • + Hiérarchie d'information peu efficace
  • + Design peu attractif
  • + Difficulté à comprendre rapidement l'activité

OBJECTIFS

  • + Rendre le site plus clair
  • + Mieux expliquer l'activité
  • + Améliorer l'attractivité visuelle
  • + Structurer les informations

SOLUTIONS

  • + Refonte complète de la homepage
  • + Réorganisation des sections
  • + Mise en avant des informations clés
  • + Ajout d'éléments visuels plus engageants

DEMARCHE UX

Figma
  • Analyse du site existant[ A ]
  • Définition de la cible[ B ]
  • Hypothèses sur les besoins des utilisateurs[ C ]
  • Hiérarchisation des sections[ D ]

EXISTANT

  • Enchaînement des sections peu logique
  • Informations importantes non mises en avant
  • Manque de lisibilité globale

CIBLE

  • Cantines et collectivités
  • Partenaires
  • Personnes intéressées par l'agriculture durable

BESOINS

  • Comprendre rapidement l'activité de NeoFarm
  • Voir les bénéfices et être rassuré
  • Trouver rapidement les infos clés
  • Avoir envie de prendre contact

HIERARCHISATION DES SECTIONS

[ Arborescence ]
Arborescence NeoFarm

DESIGN SYSTEM

Figma
  • Colorimétrie[ A ]
  • Typographie[ B ]
  • Grid System[ C ]
  • Spacing[ D ]
  • Icônes[ E ]
  • Composants[ F ]
TYPOGRAPHIE Raleway
REGULAR a
BOLD a
[ Headings & Body ]

COLORIMETRIE

Couleur primaire #164C38
Couleur secondaire #164C38
Couleur neutre #FFFFFF
Couleur neutre #000000
Couleur accent #FFEB00

RESULTAT

FRAMER [ Responsive ]
NeoFarm — Desktop mockup