MAQUETTE D'INTERFACE

LA RÉUNION

Cette maquette d’interface est un exercice au cours duquel il fallait analyser une ancienne version du site de l’île de la Réunion, en extraire les informations importantes à garder, et proposer une nouvelle version de la page d’accueil, d’abord sous forme de maquette puis sous forme de page web codée en HTML-CSS.

Outils utilisés : Adobe XD, Brackets, Adobe Photoshop CC

Projet réalisé dans le cadre du Master AVMN

HEADER

Menu principal : division des contenus touristiques en deux catégories Nature et Culture

Vidéo touristique en boucle sans le son

ENCART DE PRÉSENTATION

Bouton dirigeant vers une page contenant tous les contenus touristiques

TUNNEL DES CONTENUS

Deux encarts aux photos défilant en parallax

Accès vers les différentes catégories de contenus

AGENDA ET ARTICLES

Trois derniers articles de l’Office de Tourisme mis en avant

Agenda des évènements touristiques, bouton menant vers l’agenda complet

TUNNEL D’INFOS PRATIQUES

Accès vers les différents catégories d’informations pratiques pour une visite touristique optimale

CARTOGRAPHIE DES MARCHÉS

Encart avec photo en parallax

Iframe Google Maps avec pointeurs personnalisés montrant les différents marchés de l’île

Bouton d’accès à la page concernant les marchés

FOOTER

Trois colonnes

Raccourcis infos pratiques

Réseaux sociaux

HEADER

Menu principal : division des contenus touristiques en deux catégories Nature et Culture

Vidéo touristique en boucle sans le son

ENCART DE PRÉSENTATION

Bouton dirigeant vers une page contenant tous les contenus touristiques

TUNNEL DES CONTENUS

Deux encarts aux photos défilant en parallax

Accès vers les différentes catégories de contenus

AGENDA ET ARTICLES

Trois derniers articles de l’Office de Tourisme mis en avant

Agenda des évènements touristiques, bouton menant vers l’agenda complet

TUNNEL D’INFOS PRATIQUES

Accès vers les différents catégories d’informations pratiques pour une visite touristique optimale

CARTOGRAPHIE DES MARCHÉS

Encart avec photo en parallax

Iframe Google Maps avec pointeurs personnalisés montrant les différents marchés de l’île

Bouton d’accès à la page concernant les marchés

FOOTER

Trois colonnes

Raccourcis infos pratiques

Réseaux sociaux