Aujourd'hui je vous parle du tout nouveau design du blog La fée Stéphanie !
Stéphanie est une française vivant en Italie, et son blog regorge de recettes végétaliennes gourmandes et fraîches. On retrouve des classiques français comme la galette des rois, et des spécialités italiennes !
Mes recettes vous regarderez, végétalien peut-être vous tenterez est la phrase qui orne son nouveau logo. En parcourant ses nombreuses recettes, elles donnent effectivement envie de les essayer !
Parlons maintenant de sa nouvelle identité visuelle.
Stéphanie souhaitait retranscrire ce côté Italie : le sud, les oliviers, l'esprit qui émane des masseria, des bâtisses italiennes blanches et rustiques.
A partir d'images que je lui ai demandé d'ajouter à un tableau Pinterest, j'ai créé un tableau d'inspiration sur lequel je me suis basée pour la création du design :
J'ai commencé par travailler sur un nouveau logo qui reprendrait l'esprit rustique et authentique, tout en ajoutant un détail faisant référence aux recettes végétaliennes.
Voici le logo final validé par Stéphanie :
Et une variante plus petite à utiliser comme icône si besoin :
Passons maintenant au design en lui-même.
Sur la page d'accueil on retrouve un diaporama des derniers articles publiés composé de 2 parties : les informations de l'article (titre, libellé, et un lien vers l'article) et la première photo de celle-ci.
Ensuite on retrouve le flux d'articles à gauche, sous formes d'aperçus. Le premier article de la liste prend 100% de la largeur du contenant de cette partie, alors que les autres sont plus petits.
Sur la droite du blog on retrouve la barre latérale dont quelques gadgets ont une apparence légèrement différente des gadgets de base : le gadget newsletter et le gadget archives. Ces gadgets reprennent la police du logo avec un fond distinct des autres gadgets pour les démarquer.
Sur la page d'article on retrouve cette même disposition avec le contenu de l'article à gauche et la barre latérale à droite.
Les titres des éléments en pied de page reprend également la police du logo :
Sur la page de recherche de libellé et de mot-clé, une boîte de message personnalisée à été créé en haut de page pour présenter les articles. Le fond de cette boîte est l'image du premier article présenté dans les résultats :
Pour finir, 2 pages d'index automatiques ont été créés pour présenter les articles par libellé : un index présentant seulement les titres des articles par ordre alphabétique, et un index présentant la première image des articles et les titres.
La première partie de ces pages comporte un texte d'introduction, des libellés et un champ de recherche :
Pour voir ce que donne le design en live, je vous invite à aller voir le blog La fée Stéphanie !
