Design UX/UI

Recettes en pot

Étude académique

À propos

Recettes en pot est une organisation spécialisée dans la philanthropie collective. Fondée par des entrepreneurs sociaux et par une équipe talentueuse, l'entreprise offre des services et des produits qui mettent en place des campagnes de financement dans un cadre le plus socialement responsable que possible.

Le cadre de cette étude de cas consistait à revoir l'expérience utilisateur du site web de Recettes en pot et de proposer une refonte d'interfaces pour un format d'ordinateur classique.

Ce projet a été réalisé au début de l'année 2020 avec les logiciels Figma et Adobe Photoshop Lightroom Classic.

Les problèmes

Manque de clarté dans la présentation de l'entreprise
Coexistence d'un catalogue de produit non transactionnel et d'une boutique en ligne
Navigation complexe qui manque de fluidité et qui porte à confusion
Manque d'homogénéité dans les interfaces et de la direction artistique
Confusion des objectifs du site web ce qui rend complexe le chemin vers les actions à accomplir

Les objectifs

Revoir la présentation des contenus de l'entreprise pour être adapté aux valeurs de Recettes en pot
Revoir le design d'interfaces pour projeter un meilleur esthétisme et une meilleure clarté
Revoir le design d'expériences pour donner une navigation fluide avec des appels à l'action concrets

Arborescence du site web de Recettes en pot

HEX #f4bd7c

RVB 244, 189, 124
HEX #b77222

RVB 183, 114, 34
HEX #2a4a59

RVB 42, 74, 89
HEX #1f3340

RVB 31, 51, 64
HEX #f5f0eb

RVB 245, 240, 235
HEX #686868

RVB 104, 104, 104
HEX #989898

RVB 152, 152, 152
HEX #b6b6b6

RVB 182, 182, 182
HEX #f9f9f9

RVB 249, 249, 249
HEX #ffffff

RVB 255, 255, 255

Aperçu de la police Proxima Nova, utilisé pour les textes

Spécimen de la police Proxima Nova, utilisé pour les textes

Style photographique

Les photos humaines ont étés priorisées pour mettre de l'avant un aspect relationnel. Le style photographique révèle des tons chauds avec des particules blanches qui rappellent la photographie argentique. De plus, celles-ci délivrent une touche artisanale, ce qui correspond complètement aux valeurs projetées par Recettes en pot.

Photographie des locaux de Recettes en pot

Photographie de deux personnes de l'épicerie Frenco

Photographie de l'entrepôt de Recettes en pot

Grille de mise en page

Résultat final

Page d'accueil finale de la refonte de Recettes en pot

Page d'organisation d'une campagne de la refonte de Recettes en pot

Page pour supporter une campagne de la refonte de Recettes en pot

Page d'une boutique et d'un produit de la refonte de Recettes en pot

Vue d'ensemble de la refonte de Recettes en pot

Identité visuelle, développement web

Periskio

Découvrir la prochaine étude de cas