Maquettes Figma

Quelques-unes de mes maquettes de design réalisées sur Figma.

UX / UI DESIGNER

Mes maquettes de design

Il y a quelques années, j’ai découvert BastiUi, un créateur de contenu (streamer Twitch et YouTuber principalement), lors de ses lives il partage son métier, qui est celui de designer UX / UI. Un domaine qui m’a beaucoup plu. Depuis, j’ai voulu me lancer dans la réalisation de maquettes pour apprendre les bases du design.

Pour commencer, j’ai décidé de me familiariser avec le logiciel Figma®, spécialisé dans le design. J’ai donc débuté en reproduisant des designs plus ou moins complexes. Je vous en présente quelques-uns ci-dessous.

Les 5 actus du jour

Chaque jour, le média HugoDécrypte publie sur ses différents comptes Instagram® un résumé des 5 actus majeures qui ont marqué la journée. Pour m’initier au design, j’ai voulu reproduire celui de ces actus. L’utilisation de composants ainsi que des propriétés qui leurs sont attribuées permettent de rendre la maquette dynamique et ainsi de réaliser les publications directement depuis Figma®. Un changement récent du design de ces actus m’a inciter à reproduire, à nouveau, ce design en appliquant évidemment tous les changements apportés. La maquette est disponible en lecture seule, à droite !

OUVRIR
Splash
OUVRIR

HugoDécrypte, toujours le média dont il est question juste au-dessus, avait tenté de lancer un projet il y a quelques temps. Ce projet consistait en une application nommée “Splash” qui avait pour but de permettre de suivre l'actualité. Malheureusement, ce projet a du être abandonné faute de temps et de moyens. Faisant partie des bêta-testeurs, j'ai pu avoir accès à une pré-version de l'application. J'ai alors commencé à reproduire son design sur Figma®. Vous pouvez accéder à cette maquette ci-contre !

Mon site internet

Avant de réaliser un site internet, il est préférable de faire une maquette. Cela permet de réfléchir à la conception du site sans avoir à coder tout ce que l'on souhaite tester. Évidemment, pour réaliser le site internet sur lequel vous vous trouvez j'ai créer, avant de passer au code, une maquette sur Figma®. Vous pouvez la voir en cliquant à droite !

OUVRIR