À mon propos
EN
|
FR

Cuisine Actuelle

Compétences

Design d'interface
Identité de marque
UX Design
Édition digitale

DAte

Mai 2018

ÉQUIPE

Justine Wargnier - UI/UX Design
Orianne Delerue - UI/UX Design
Lisa Comelli- UI/UX Design
Anaëlle Ho Thanh - UI/UX Design
Cuisine Actuelle est un magazine français sur la cuisine. C'est l'un des périodique mensuel préféré chez les femmes et son but est de faire saliver ses lecteurs sur de délicieuses recettes. Ils fournissent de l'inspiration à propos de repas fait-maison, variés et équilibrés. A la base, Cuisine Actuelle est un magazine papier, mais avec l'essor des tablettes et des liseuses, ils ont décidé de digitaliser leur magazine pour avoir accès à une cible plus large. Cette version digitale consistait uniquement en des scans de leur version papier dans lesquels il fallait zoomer pour pouvoir lire confortablement.

Problématique

Comment créer une expérience de lecture agréable et interactive, qui s'adapte aux nouvelles règles du digital sans perdre l'essence même du magazine ?
L'objectif de cette refonte était de renforcer la fidélité des les lecteurs actuels mais également de toucher une nouvelle cible, plus jeune.
pomegranate
Persona illustration

audience

Audience

Pour bien comprendre la cible recherchée par Cuisine Actuelle, il était nécessaire d'établir des personas. Voici Joséphine, elle se déplace principalement en transports en commun et adore lire des magazines pendant son temps libre. Elle fait partie des digital natives, elle trouve la plupart de ses recettes en ligne de manière à toujours les avoir avec elle : au supermarché pour faire sa liste de course, chez elle pour effectuer la recette,... Elle aime l'efficacité et veut toujours avoir tout à portée de main.
Joséphine
Active - Parisienne - Marriée - Un enfant- Adore cuisiner
Mockup of one of the screensMockup of one of the screens

Nouvelle expérience

Cuisine Actuelle guide ses lecteurs vers une nouvelle expérience culinaire.
Cette refonte est plus qu'une digitalisation du magazine papier, elle apporte de nouvelles fonctionnalités :

Nouvelle
expérience

Une interface clair et
propice à la lecture
Un nouveau style photo qui met l'emphase sur les ingrédients
Un système de notification qui s'adapte à tous les besoins
(ex : sortie d'un nouveau numéro, reprise de la lecture....)
Télécharger les numéros pour pouvoir les lire en hors ligne, dans le métro par exemple
Enregister des recettes pour pouvoir les retrouver facilement
Partager ses articles préférés avec ses amis ou sa famille

Colors

Vibrant pink
#EC536C
Rock grey
#4F4F4F
Pure white
#fffff
Pearly light grey
#F2F2F2
Minty green
#B3E5D9
vibrant pink
rock grey
pure white
pearly light grey
minty green
#ec536b
#4f4f4f
#ffffff
#f2f2f2
#b3e4d9

Typographies

Abril Fatface.
Raleway.

Branding

Branding

L'identité actuelle du magazine Cuisine Actuelle commençait à vieillir un petit peu à côté de ses concurrents et ne mettait pas assez l'emphase sur la qualité du contenu. J'ai retravaillé une palette de couleur dynamique pour rendre l'expérience de lecture plus ludique. J'ai également défini deux nouvelles typographies : Abrit Fatface pour un style de titres plus éditorial, et Raleway pour les corps de texte, qui est une police de caractère très agréable pour la lecture.

Design

Design

Un sommaire inspirationnel qui donne un aperçu clair de tout ce que l'on va retrouver dans ce numéro. Il est maintenant plus facile de passer d'un article ou d'une recette à l'autre en fonction de nos intérêts plutôt que de devoir lire le magazine en entier.
Article screen about cheese
Summary screen
Les articles ont été retravaillés pour s'adapter à leur contenu et permettre au lecteur d'être en interaction avec. On peut donc voir maintenant le temps de lecture et donc décider de ne lire que les articles qui correspondent au temps que l'on a devant nous.
Article screen about food waste
Recipe screen in relation with the food waste article
Les recettes sont au cœur du magazine, c'est pourquoi leur design a demandé beaucoup d'attention. Elles sont pensées pour être interactives, on peut adapter la recette à ses besoins, par exemple les quantités, et la recette s'adapte en temps réel. La recette peut être suivie étapes par étapes grâce à des vidéos.
Recipe screen with ingredients
Recipe screen with step by step
Les pages shopping ont été repensées pour maximiser leur potentiel, les produits sont directement liés au magasins qui les vendent pour pouvoir acheter en un clic.
Shopping screen
shopping screen with details