Portfolio Armelle GHISLERI

Application personnelle

application mobile · Figma · iPhone 16 · direction artistique · identité visuelle · palette chromatique · typographie · formes organiques · illustration botanique · Auto Layout · Components · Variants · Smart Animate · prototypage · liste déroulante animée · hiérarchie visuelle · navigation · UX writing · mise en scène graphique · UX/UI Designer · système d’interface

J’ai conçu une mini-application mobile de présentation personnelle sur Figma, au format iPhone 16. Ce projet individuel consistait à créer 4 écrans interactifs organisés autour de trois catégories, Qui je suis, Ce que j’aime dans la vie et Mon rêve, en maîtrisant les outils avancés de prototypage, de composants et d’animation. Il s’agissait autant d’un exercice technique que d’un exercice de direction artistique personnelle.

– Définition de la direction artistique personnelle
Avant de commencer sur Figma, j’ai défini la direction artistique de l’application : une esthétique organique, douce et naturelle, reflétant ma personnalité créative. J’ai choisi une palette chromatique en teintes crème, beige et taupe, des formes fluides et végétales au trait, et une typographie expressive à empattements ronds. L’ensemble devait donner l’impression d’une interface à la fois élégante, chaleureuse et authentiquement personnelle.

– Construction de l’architecture des écrans et de la navigation
J’ai structuré les 4 écrans du projet avec une navigation intuitive via une barre fixe en bas d’écran. Chaque écran a été organisé selon une hiérarchie visuelle claire, garantissant lisibilité et cohérence. La progression entre les sections,  accueil, présentation générale, déclinaisons thématiques, suit une logique de parcours guidé naturel.

– Maîtrise technique des outils Figma
Sur le plan technique, j’ai mobilisé les outils avancés de Figma : Auto Layout, Components, Variants pour les éléments interactifs, et Smart Animate pour fluidifier les transitions. La liste déroulante animée a nécessité un travail approfondi sur les états de composants. Le prototypage final offre une navigation complète et immersive.

– Contenu éditorial et mise en scène personnelle
Chaque écran a été pensé pour révéler ma personnalité de façon authentique : éléments biographiques visuels, galerie de créations, passions illustrées avec micro-textes poétiques, et projection professionnelle vers le métier d’UX/UI Designer. Ce travail relève pleinement de l’UX writing et de la mise en scène graphique.

– Posture réflexive

Ce projet m’a confrontée à un exercice rare : me mettre moi-même en scène comme sujet de design. Cette contrainte m’a obligée à réfléchir profondément à la cohérence entre fond et forme, entre mon identité personnelle et les choix graphiques qui la représentent. Chaque décision devait être justifiée non pas par un brief extérieur, mais par ma propre vision artistique, ce qui est une compétence essentielle pour tout designer qui doit défendre ses choix face à un client.

J’ai également renforcé ma maîtrise de Figma comme outil de prototypage avancé, en apprenant à penser l’interface comme un système vivant et cohérent plutôt que comme une succession d’écrans statiques.

Ce projet m’a permis de consolider des compétences techniques solides sur Figma tout en développant ma sensibilité en matière de direction artistique. Il m’a donné l’occasion de produire une interface mobile complète, cohérente et expressive, démontrant ma capacité à concevoir une expérience qui raconte une histoire, guide l’utilisateur et reflète une identité forte, compétences directement transposables dans un contexte professionnel d’UX/UI Design.