Acceuil

Works

CV

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.

Wordpress

Traveler photographing a green forest with a smartphone

Role

Web design

Client

Panafrique

Timeline

1 Semaine

Livrables

Website

Problem

Problem

  • Contenus dispersés sur plusieurs canaux, compliquant leur consultation.

  • Accès aux articles peu clair et manquant de centralisation.

  • Absence d’un espace centralisé pour la publication et la gestion des contenus.

  • Organisation des catégories et navigation à optimiser pour une lecture simple et adaptée aux différents supports.

Solution

Solution

  • Structurer les contenus par catégories pour faciliter la navigation.

  • Offrir une interface de lecture claire et épurée.

  • Permettre aux administrateurs et aux rédacteurs de publier et gérer les articles facilement.

  • Mettre en avant les articles récents et les contenus les plus importants.

  • Concevoir une interface responsive pour une consultation fluide sur ordinateur, tablette et mobile.nter les formations de manière claire et structurée.

  • Valoriser les espaces de coworking afin de faciliter leur découverte et leur réservation.

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
  • Catégorisation des articles pour faciliter la navigation.

  • Barre de recherche permettant de retrouver rapidement un contenu.

  • Optimisation SEO pour améliorer la visibilité des articles.

  • Intégration d'images pour enrichir l'expérience de lecture.

  • Système de newsletter pour fidéliser les lecteurs.

  • Partage des articles sur les réseaux sociaux.

2. Weaknesses

  • Page d'accueil surchargée par un grand nombre d'articles.

  • Navigation par catégories peu claire lorsque plusieurs catégories sont affichées simultanément.

  • Présence de nombreuses sections sur une même page, ce qui augmente la charge cognitive et rend la lecture moins fluide.

  1. Opportunities

  • Ajouter une barre de navigation dédiée aux catégories principales.

  • Recommander des articles similaires afin d'augmenter le temps de lecture.

  • Intégrer un espace de commentaires pour favoriser les échanges entre lecteurs.

  • Proposer un sélecteur de langue afin de toucher un public plus large.

4. Threats

  • Une surcharge d'informations peut décourager les lecteurs et réduire l'engagement.

  • Les publicités intrusives (pop-up ou interstitielles) risquent d'interrompre la lecture des articles et de dégrader l'expérience utilisateur.

  • Une forte concurrence des plateformes d'actualités et des réseaux sociaux peut limiter la fidélisation des utilisateurs.

Site map

Site map

Design system

Design system

Sketch

Sketch

Wireframes

Wireframes

Resultats final

Resultats final

Lesson

  • Ce projet m'a appris l'importance de concevoir des interfaces simples, cohérentes et accessibles. Il m'a également permis de mieux maîtriser la hiérarchie visuelle, les principes de navigation et les bonnes pratiques pour améliorer l'expérience utilisateur.

Impact

  • Amélioration de la lisibilité des articles et de la navigation.

  • Organisation des contenus pour faciliter leur consultation.

  • Adaptation de l’expérience de lecture aux différents appareils.

  • Renforcement de la visibilité et de l’identité du média en ligne.

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.