Couverture de Mag Horizon

Mag Horizon

Logo Figma

Contexte

  • Réalisé dans un cadre scolaire
  • Images provenant de Unsplash
  • Textes générés par ChatGPT
  • Design interactif réalisé par Janie Aubert Lanteigne
  • Le 11 décembre 2023

Description

Ce design interactif représente une application de magazine pour tablette qui propose différentes destinations de voyage en fonction du mois de l'année. Le but a été de faire de la curation de contenu déjà existant et de l'intégrer dans un design interactif.

Inspiration

Afin de réaliser ce projet, je me suis inspirée de sites de voyages connus et de comparables sur tablette. J'ai aussi utilisé ChatGPT pour me donner des idées de sujets à aborder et de structures de textess.

Processus créatif

Moodboard

1

Rechercher des images, textures, typographies, boutons, couleurs et comparables

Wireframes

2

Faire les wireframes des pages de l'application pour structurer le contenu

Design

3

Ajout des styles et des images, puis de l'interactivité

Développement

Le travail a débuté par la création d'un plan de contenu afin de visualiser ce qui allait se trouver dans l'application ainsi que la recherche de contenu. Ensuite, j'ai fait un moodboard contenant des images, des textures, des couleurs, des boutons, des comparables et des typographies qui étaient en lien avec la direction artistique que je voulais utiliser pour mon design. Par la suite, j'ai fait les wireframes des pages de l'application pour avoir une idée de la structure du contenu, puis j'ai créé un design system dans lequel j'ai créé toutes les composantes qui allaient être utilisées plusieurs fois. Pour finir, j'ai créé le design par-dessus mes wireframes en appliquant les styles, puis j'ai ajouté de l'interactivité et des effets pour rendre le tout plus dynamique.

Voir sur Behance