WORK IN PROGRESS
01.09.2020 // Chaque semaine de nouveaux cas seront publiés et vous permettront d'avoir une vue d'ensemble de mon travail. Patience ;) Olivier. \(^-^)/
Des recettes, des goûts et des couleurs.
Le consommateur d'aucy ne savait pas comment exploiter la richesse de l'offre de produits pour cuisiner. La coopérative bretonne voulait un concept de site évènementiel pour accompagner ses consommateurs et les aider à manger mieux au quotidien.
L'équipe créative
Olivier Allevi (direction de création, UX+UI design, animations et micro-interactions)
Natacha Lutau (gestion des contenus et du projet)
Agence
WSB Agency, Bordeaux.
Distinctions
Grand Prix Stratégies du digital 2019
— Bronze, caté. sites évènementiels
Awwwards 2018
— Honorable mention
Les Trophées de la Communication 2018
— Premier prix, cat. Meilleur site des entreprises de plus de 250 salariés
Les Trophées de la Com SO'
— Finaliste, cat. Digital/Innovation
L'IDÉE
Associer une couleur à une recette sophistiquée en créant un véritable nuancier pour gourmets.
LES COULEURS DE LA MARQUE
LA TYPOGRAPHIE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
LES COULEURS DU NUANCIER
LA TYPOGRAPHIE
Le choix typographique s'est porté une combinaison de typographies. La première, classique à empattements, a été spécialement conçue pour la lecture sur écran : l'ITC Bodoni 72. La seconde s'inspire de l'Art Déco : la Caviar Dreams. La dernière est là pour jouer la conivence : c'est la Coneria Script.
Aucun travail de designer n'a été plus souvent imité que celui de Giambattista Bodoni. Cela n'est guère surprenant. Bodoni était un génie qui a créé certaines des plus belles et des plus majestueuses polices de caractères jamais produites. Pourtant, les dessins de ce maître du XVIIIe siècle sont aussi parmi les plus difficiles à reproduire avec précision. Et c'est le cas avec l'ITC Bodoni 72, conçue spécifiquement pour l'affichage.
L'ICONOGRAPHIE
À partir d'une mise en scène simple -qui faisait écho entre fond de couleur et couleur de l'ingredient majeur chaque recette- l'idée était de donner un certaine sophiscation visuelle avec une vaisselle en porcelaine blanche aux lignes épurées. Chaque recette était dotée de deux visuels, avant et après la transformation de chaque légume.
LES VIDÉOS TUTORIELLES DES RECETTES
Les recettes à destination du site et des réseaux sociaux ont été filmées en gros plan sur les mains, en caméra subjective, "l'utilisateur/spectateur" devenant "l'acteur/préparateur" de la recette. Le tout dans un univers blanc apportant de la pureté et concentrant le regard sur les gestes.
LA VERSION DESKTOP & TABLETTE
Pour ces deux versions, l'espace disponible a permis de jouer sur un side-by-side vertical associant visuel de légumes et couleur sur la page d'accueil. La navigation très simple mettait jsute l'accent sur la notion de nuancier. Les pages recettes, jouaient elles aussi sur la verticalité et un double colonnage ou le zoom sur les visuels des assiettes/recettes était asservi au scrolling de la page. Un soin tout particulier a été apporté aux micro-interactions qui permettaient d'apporter mouvement et fluidité aux utilisateurs.
LA VERSION MOBILE
La version mobile ne pouvait pas de part son format vertical utiliser le principe de side-by-side vertical. Malgré tout, la verticalité a été conservée grâce à l'utilisation d'un scroll animé faisant découvrir chaque légumes/couleur au tap. Les recettes quant à elles mettaient directement en avant les vidéos tutorielles.
© Les sherpas \(^-^)/ — Olivier Allevi. Tous droits réservés. Aucune reproduction sans autorisation écrite du ou des auteurs. Certaines images, utilisées lors d'appels d'offres restent la propriété de leur(s) auteur(s).
