Designer un Portfolio - Episode 1 : la version mobile

Dans ce tuto Figma en vidéo, nous allons apprendre ensemble les différentes étapes de création pour designer un Portfolio.
Cet épisode numéro 1 sera consacré à la version mobile avec la création d'un prototype fonctionnel.

Nous prendrons pour exemple le portfolio d'une photographe qui voudrait présenter son travail classé dans différentes catégories.
Il y aura donc un système en scroll horizontal pour filtrer les images de la galerie.

Je vous montrerai aussi comment on peut simuler très facilement un effet de lightbox dans Figma sans dupliquer la maquette inutilement.

Enfin, un dark mode (version foncée du site) sera créé pour faciliter la lecture du site lorsque la lumière ambiante commence à baisser.

Pour avoir une idée de ce que l'on va réaliser ensemble, vous pouvez visionner l'extrait vidéo sur la fiche du tuto.
Les polices de caractères utilisées dans le tuto, ainsi que le fichier Figma obtenu à la fin de la formation sont inclus avec la vidéo.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la vidéo.

Bon tuto !