morganepignoux.com

Page en construction

UI DESIGN PROJECT

Portfolio UI

Conception d’un portfolio digital minimaliste et orienté utilisateur.

Rôle : UI Designer, WebMaster

Outils : Figma, Illustrator, Photoshop, WordPress

Durée : 1 mois

Livrables : Wireframes, prototype, site

Contexte & Objectifs

Contexte

J’ai developpé ce portfolio afin de disposer d’une plateforme personnelle où présenter mes compétences en UI/UX Design de manière visuelle.

Je voulais créer un site moderne, épuré et intuitif, permettant de valoriser mes projets et de facilites le contact avec les recruteurs potentiels.

Objectifs

  • Valoriser mes projets de manière claire et esthétique
  • Clarifier mes prestations et compétences
  • Faciliter la prise de contact pour de nouvelles opportunités

Problématique & Solutions

Problématique

Comment concevoir un portfolio premium qui reste lisible et rapide à parcourir ?

Solutions

  • Hiérarchie typographique forte
  • Cartes projets et préstations compréhensibles facilement
  • CTA clairs

Recherches & Inspirations

Pour créer un portfolio épuré et efficace, j’ai analysé différents sites de designers et étudié leurs choix de design.

Inspirations de wireframes clairs et épurés

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Benchmark de portfolios minimalistes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Principes retenus

  • Priorité à la lisibilité et au minimalisme
  • Utilisations de couleurs douces et typographies sophistiquées
  • Navigation fluide avec une hiérarchie claires

Wireframes & Architecture

J’ai crée des wireframes détaillés pour structurer l’architectures du portfolio. Cette étape a permis de définir clairement l’organisation des pages et les parcours utilisateurs.

Décisions clés

  • Mise en avant des porjets via cartes claires et compréhensibles facilement
  • Hiérarchie visuelle forte pour guide naturellement la lecture
  • Navigation accessible et cohérente sur toutes les pages

UI Design

Pour la conception, j’ai opté pour une identité minimaliste, élégante et contrastée, avec des micro-interactions soignées.

Etapes clés

  • Création d’un prototype sur FIgma pour un test réaliste
  • Session de tests utilisateurs avec observations des intéractions
  • Recueil et intégrations de feedbacks pour améliorer l’expérience

Composants clés

Résultat final

Un portfolio minimaliste, professionnel et centré utilisateur, conçu pour valoriser mes projets et faciliter la prise de contact.

Fonctionnalités clés

  • Design responsive : mobile et desktop
  • Animation fluide : micro-interactions
  • CMS intégré : gestion des projets
  • Formulaire contact : simple et efficace

Objectif atteints

  • Design épuré : Mise en valeur du contenu
  • Navigation intuitive : Parcours utilisateur fluide
  • Image professionnelle : Alignée avec mon profil

Mon travail vous interesse ?