Propositions de maquettes pour ELLE Magazine.

ELLE Magazine est un magazine féminin du Groupe Largardère.
ELLE m’a proposé une mission en freelance en design web pour la refonte de leur site web elle.fr

Le résultat est que ma proposition n’a pas été retenu pour les raisons suivantes :

  • Trop sombre
  • Ne concorde pas assez avec le magazine.

Par contre, j’ai eu aussi des retours positifs :

  • De bonnes idées, surtout la mozaic de la page d’accueil
  • Un travail professionnel

 

Voici la demande de départ :


 

Objectifs du revamping du site ELLE.fr
Retravailler l’ergonomie et le graphisme du site pour améliorer :

  • L’image du site (+ Haut gamme / + Chic)
  • L’intégration de la publicité
  • L’ergonomie : navigation soignée, simple, fluide et intuitive
  • L’adéquation avec le magazine
  • La visibilité des contenus, la mise en avant des images et des vidéos

Exercice d’intentions graphiques sur les templates :

  • Home (et donc Menu)
  • Article
  • Recette de cuisine

Brief :

  • Couleurs : fond blanc et typos noires
  • Logo ELLE (sans pastille)
  • Réutilisation de quelques codes graphiques de la maquette actuelle du magazine
  • Multi-device (responsive) mais mobile first (burger menu)
  • Design épuré
  • Effets parallaxe et blur (avec parcimonie)
  • Contraintes :
    • Largeur du site de 1000 px
    • Minimiser la hauteur du header pour maximiser la visibilité des formats pub
    • Emplacements publicitaires :
      • HP :
        • Desktop-mobile-tablette : Extrabanner 970 x 250 sous le header avec n relances possibles sur la page (plus de colonne de droite)
        • Desktop : Habillage
      • Article :
        • Desktop-mobile-tablette : Extrabanner 970 x 250 sous le header (facultatif)
        • Pavé 300 x 250 ou Grand Angle 300 x 600 sticky le long de l’article (obligatoire) avec point de rupture à la fin de l’article

Références :

Discussion

Soyez le premier à commenter cet article.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.