user's avatar
Météo Média - Redesign
Comme exercice de design, je me suis donné comme objectif de faire le redesign du site de Météo Média.

Je voulais créer un design qui respire plus, avec une hiérarchie visuelle qui permet de repérer facilement l'information voulue. Je voulais aussi créer un design qui se traduit bien sur un appareil bureau, une tablette et un appareil mobile.

Pour cet exercice, je me suis limité à la page d'accueil et à la page principale de prévisions pour une ville.
Wireframes
Une barre en haut de la page contient les endroits favoris de l'utilisateur, une barre de recherche ainsi que des outils secondaires, comme le menu de changement de langue et le menu de profil.

La barre latérale à gauche contient des éléments de navigation:

- Le burger ouvre une fenêtre pour de la navigation secondaire vers des pages secondaires ou plus spécifiques
- Le bouton d'accueil mène vers une page générique qui contient un aperçu des prévisions du premier endroit dans la liste de favoris de l'utilisateur. S'il n'y a pas de favoris, un endroit spécifié par la location de l'utilisateur
- Le bouton Cartes mène à une carte radar
- Le bouton Actualités mène à une page contenant des actualités, une galerie vidéo, etc.
Maquettes
Visuellement, je voulais garder l'identité visuelle de Météo Média. J'ai donc réutilisé la palette de couleur bleue et jaune.

L'image de fond de l'application change selon les conditions météorologiques actuelles pour la location en cours. Pour ajouter du dynamisme, le fond peut être légèrement animé avec de la pluie ou de la neige.
Version bureau
Version tablette
La version tablette contient tout le contenu de la version bureau, adapté à une taille d'écran plus restreinte.
Version mobile
La barre de favoris est remplacée par un menu ouvert par le bouton de cœur dans la barre d'outils. Les vidéos et actualités sont enlevés des pages accueil et prévisions pour éviter d'avoir un défilement trop long. On peut toujours y accéder à partir de la page d'actualités.
Météo Média - Redesign
0
23
0
Published:
user's avatar
Denis Lefort

Météo Média - Redesign

0
23
0
Published: