Acceuil

Works

CV

Portfolio

Un portfolio conçu pour présenter mes projets, mon processus de conception et mon approche centrée sur l’utilisateur. L’objectif était de créer une plateforme simple et professionnelle permettant de mettre en avant mon travail, mes réflexions et ma manière de concevoir des expériences digitales.

Figma

framer

Traveler photographing a green forest with a smartphone

Role

UX/UI Design

Client

Aucun

Timeline

1 Semaine

Livrables

Interfaces

Siteweb

Problem

Problem

  • Je cherchais un espace professionnel pour présenter mes projets UX/UI de manière structurée.

  • Mes travaux nécessitaient un support permettant de montrer non seulement les interfaces finales, mais aussi mon processus de conception.

  • Il était nécessaire de créer une présence en ligne capable de faciliter la recherche d'opportunités freelance et professionnelles.

  • Je voulais mieux communiquer ma démarche de designer et ma capacité à résoudre des problèmes utilisateurs.

Solution

Solution

  • Concevoir un portfolio minimaliste mettant l'accent sur les projets et leur contexte.

  • Présenter chaque étude de cas avec une approche UX : problème, solution, processus et résultats.

  • Créer une navigation simple avec un nombre limité de pages pour faciliter l'exploration.

  • Ajouter un accès direct au CV et aux moyens de contact.

  • Construire une expérience visuelle claire inspirée des portfolios de designers expérimentés.

Design process

Design process

1. Project Discovery

Je commence par comprendre les objectifs du projet, le problème à résoudre, les contraintes techniques et business, ainsi que les besoins des utilisateurs identifiés dans le brief. Cette étape me permet de définir une direction claire avant de concevoir la solution.

2. Competitive Analysis

J'analyse les produits concurrents afin d'identifier les bonnes pratiques, les opportunités d'amélioration et les tendances du marché. À partir de ces informations, je définis les fonctionnalités, les parcours utilisateurs et l'architecture de l'information qui guideront la conception.

3.Interfaces design

Je transforme la stratégie en une interface claire, intuitive et minimaliste. Je conçois les wireframes, les maquettes haute fidélité, les composants et les différents états de l'interface afin d'assurer une expérience cohérente sur l'ensemble du produit.

4.Prototyping

Je réalise un prototype interactif pour valider les parcours et les interactions avant la livraison. Enfin, j'effectue une revue du projet afin de vérifier la cohérence de la solution et d'identifier les améliorations qui pourront être apportées lors des futures évolutions.

Analyse comurentiel

Analyse comurentiel

1. Strengths
  • Approche minimaliste privilégiant la lisibilité et la hiérarchie du contenu.

  • Utilisation importante de l'espace blanc pour améliorer la concentration sur les projets.

  • Structure simple avec un nombre limité de pages pour réduire la complexité de navigation.

  • Hero section claire présentant rapidement mon profil et ma proposition de valeur.

  • Bouton de téléchargement du CV accessible directement depuis l'interface.

2. Weaknesses

  • Certains portfolios analysés présentaient des problèmes d'accessibilité liés aux contrastes de couleurs.

  • Présence de longs blocs de texte pouvant réduire la lisibilité.

  • Certaines interfaces utilisaient des navigations trop complexes.

  • Temps de chargement parfois élevé à cause d'images lourdes.

  1. Opportunities

  • Intégrer des prototypes interactifs directement dans les études de cas.

  • Ajouter des micro-interactions pour enrichir l'expérience sans surcharger l'interface.

  • Concevoir des animations légères et fluides pour améliorer l'engagement.

  • Ajouter des actions rapides dans le footer : copier l'e-mail, copier le numéro ou contacter directement.

  • Faire évoluer le portfolio avec de nouvelles technologies et fonctionnalités.

4. Threats

  • L'utilisation excessive d'animations peut ralentir le site et dégrader l'expérience utilisateur.

  • Un design trop visuel peut parfois détourner l'attention du contenu principal.

  • Les performances peuvent devenir un enjeu important avec l'ajout de fonctionnalités avancées.

Site map

Site map

Design system

Design system

Sketch

Sketch

Wireframes

Wireframes

Resultats final

Resultats final

Lesson

  • Création de ma première étude de cas UX complète pour un portfolio professionnel.

  • Découverte de la gestion de contenus dynamiques avec WordPress Custom Post Type.

  • Compréhension de l'importance de la hiérarchie du contenu dans une présentation de projet UX.

  • Amélioration de ma capacité à communiquer mon processus de conception.

Impact

  • Clarification de mon positionnement et de mon expertise en Product Design.

  • Mise en valeur de mes projets, de ma démarche UX et de mes compétences UI.

  • Démonstration de ma capacité à relier les besoins utilisateurs aux objectifs business.


Autres projets

Traveler photographing a green forest with a smartphone

Portfolio

Un portfolio conçu pour présenter mes projets, mon processus de conception et mon approche centrée sur l’utilisateur. L’objectif était de créer une plateforme simple et professionnelle permettant de mettre en avant mon travail, mes réflexions et ma manière de concevoir des expériences digitales.

Voir plus

A smartphone displaying a digital health experience

DEKOUWAY

Une plateforme web conçue pour simplifier la gestion immobilière en réunissant locataires, propriétaires et agents immobiliers dans un même écosystème

Voir plus

Bright modern apartment living room with large windows

Remote recruit

Une plateforme de recrutement interne conçue pour une entreprise afin de centraliser la publication des offres d'emploi et la gestion des candidatures. Elle permet aux recruteurs de suivre efficacement les candidats et de simplifier l'ensemble du processus de recrutement.

Voir plus

Traveler photographing a green forest with a smartphone

Panafrique

PanAfrique est une plateforme de web média conçue pour faciliter la publication et la consultation d'articles d'actualité. Elle offre un espace où les administrateurs et les rédacteurs peuvent publier des contenus, tandis que les lecteurs accèdent facilement à une information organisée et agréable à parcourir.

Voir plus

A collection of mobile phones presenting a modern product interface

Doonya Labs

Redesign de l'interface du site web de Doonya Labs avec pour objectif de moderniser l'identité visuelle, d'améliorer la hiérarchie de l'information et de rendre l'expérience plus claire, sans modifier la structure, le contenu ni les parcours utilisateurs existants.

Voir plus

Traveler photographing a green forest with a smartphone

Doonya Spaces

Un site web conçu pour présenter l'entreprise, valoriser son club d'entrepreneurs, mettre en avant ses formations et promouvoir ses espaces de coworking à travers une expérience claire et intuitive.

Voir plus

Disponible pour vos projets

Parlons de votre projet.

Vous avez une idée ? Donnons-lui vie. Je vous accompagne dans vos projets d’UX design, de stratégie UX, de web design et de brand design.

Décrivez votre besoin

Disponible pour vos projets

Parlons de votre projet.

Vous avez une idée ? Donnons-lui vie. Je vous accompagne dans vos projets d’UX design, de stratégie UX, de web design et de brand design.

Décrivez votre besoin

Disponible pour vos projets

Parlons de votre projet.

Vous avez une idée ? Donnons-lui vie. Je vous accompagne dans vos projets d’UX design, de stratégie UX, de web design et de brand design.

Décrivez votre besoin

Create a free website with Framer, the website builder loved by startups, designers and agencies.