Design : So'Blandices

Par Plop

Aujourd'hui je vous présente les modifications réalisées pour Sophie de So'Blandices.

Sophie tient un blog de beauté, mode et lifestyle. Elle partage avec nous des tutoriels (coiffures, maquillage), des conseils, des coups de cœurs. Allez jeter un œil à son blog ;)

Sophie m'a contacté pour changer l'apparence de son blog. Elle aimait son menu et sa bannière, mais n'aimait pas les illustrations de cœurs, n'était plus sûre de vouloir conserver l'affichage en grille de ses articles sur la page d'accueil, et voulait modifier sur quelles pages s'affichait ou non sa barre latérale.

Voici quelques aperçus du blog avant mon travail :


J'ai donc proposé à Sophie une mise en page des articles en aperçu, et non plus en grille. On voit le titre et la date, suivi de la première image, des premières lignes de l'article, un lien "Lire la suite" automatique (pas besoin d'ajouter de marqueur d'expansion aux articles!), un pied d'article comprenant le nombre de commentaires, les libellés, et les boutons de partage vers les réseaux sociaux.


La barre latérale à été rajouté à la page d'accueil, mais supprimée des pages des articles. L'encart d'introduction à été modifié : fond vert d'eau avec bordure blanche, rajout d'une plume en bas de l'encart, modification de la police du titre, et suppression de l'image.

Le gadget d'articles associés à été modifié pour n'afficher plus que 4 aperçus, plus grands. Le titre de ce gadget à aussi été traduit en français.

Pour finir, les cœurs du pied de page on été remplacés par des plumes.

Modifications réalisées

  • Apparence automatique des articles en aperçus sur la page d'accueil
  • Suppression de la barre latérale sur les pages d'articles, et rajout de la barre latérale sur la page d'accueil
  • Modification l'apparence de l'encart d'introduction de la barre latérale
  • Remplacement, ou suppression des illustrations de cœurs pour des plumes
  • Modification de l'apparence et de la mise en page des dates et titres des articles
  • Modification de l'apparence du pied d'article
  • Modification de l'apparence des articles associés : centrage, augmentation de la taille des images et traduction du titre en français