UX/UI – Figma
Site d’actualités / Culture
Le miroir Persan
Le miroir Persan
Le miroir Persan
Le Miroir Persan, actif depuis 13 ans sur Facebook pour relayer l’actualité du monde persanophone, souhaite renforcer et moderniser son site web.
Le Miroir Persan, actif depuis 13 ans sur Facebook pour relayer l’actualité du monde persanophone, souhaite renforcer et moderniser son site web.
Mon rôle
Mon rôle
Mon rôle
UX/UI Designer
UX/UI Designer
UX/UI Designer
Client
Client
Client
Le miroir Persan
Le miroir Persan
Le miroir Persan
Outils
Outils
Outils
Figma
Figma
Figma
Contexte
Contexte
Fort de ses 25 000 abonnés sur Facebook, Le Miroir Persan, média de référence sur l’actualité du monde persan, modernise son site web pour renforcer son audience et gagner en indépendance vis-à-vis des réseaux sociaux.
Contexte
Fort de ses 25 000 abonnés sur Facebook, Le Miroir Persan, média de référence sur l’actualité du monde persan, modernise son site web pour renforcer son audience et gagner en indépendance vis-à-vis des réseaux sociaux.
Objectifs
Objectifs
Objectifs
Construire un site simple et accessible, adapté à l’âge et aux besoins de la cible (50 ans et +), tout en reflétant la richesse d’une culture.
Construire un site simple et accessible, adapté à l’âge et aux besoins de la cible (50 ans et +), tout en reflétant la richesse d’une culture.
Comment offrir un site à la fois accessible, moderne et fidèle à l’esprit culturel et journalistique du média ?
Comment offrir un site à la fois accessible, moderne et fidèle à l’esprit culturel et journalistique du média ?
Ma démarche
Ma démarche
Ma démarche
Je place l’utilisateur au cœur de chaque décision en combinant analyse du marché et concurrence pour m'assurer que le design est pertinent.
Tout au long du processus je veille à fournir un design accessible pour une expérience fluide et compréhensible.
Recherche UX et découverte
Benchmark et analyse de la concurrence
Interview utilisateurs et personas
Customer journey map
Architecture et navigation
User flow
Sitemap
Wireframes
Design UI
Prototypes et tests
Je place l’utilisateur au cœur de chaque décision en combinant analyse du marché et concurrence pour m'assurer que le design est pertinent.
Tout au long du processus je veille à fournir un design accessible pour une expérience fluide et compréhensible.
Recherche UX et découverte
Benchmark et analyse de la concurrence
Interview utilisateurs et personas
Customer journey map
Architecture et navigation
User flow
Sitemap
Wireframes
Design UI
Prototypes et tests
Synthèse
Synthèse
Synthèse
Benchmark
Analyse de sites d'information existants (Iran International, Iran focus, Franceinfo) et des sites culturels (toutelaculture, weculte, France-iran) pour identifier bonnes pratiques et frustrations.
Analyse de sites d'information existants (Iran International, Iran focus, Franceinfo) et des sites culturels (toutelaculture, weculte, France-iran) pour identifier bonnes pratiques et frustrations.
Constat et hypothèses :
Site d'information existants anxiogènes
Fiabilité de l'information : de quel parti politique est le site ?
Homepages longues avec trop d'informations
Constat et hypothèses :
Site d'information existants anxiogènes
Fiabilité de l'information : de quel parti politique est le site ?
Homepages longues avec trop d'informations
Interview utilisateurs
Interview utilisateurs
Entretiens avec 6 lecteurs : 3 lecteurs / artistes et 3 lecteurs classiques
Entretiens avec 6 lecteurs : 3 lecteurs / artistes et 3 lecteurs classiques
Personas
Personas
Elaboration de deux types de personas détaillés, construits à partir d’entretiens qui intègrent des critères clés tels que l’âge, la localisation, la profession, les objectifs, les motivations et les freins de chaque utilisateur cible.
Elaboration de deux types de personas détaillés, construits à partir d’entretiens qui intègrent des critères clés tels que l’âge, la localisation, la profession, les objectifs, les motivations et les freins de chaque utilisateur cible.
Opportunités UX/UI
Opportunités UX/UI
À partir du Customer Journey, plusieurs opportunités d’amélioration ont été identifiées et ont guidé les choix de conception :
À partir du Customer Journey, plusieurs opportunités d’amélioration ont été identifiées et ont guidé les choix de conception :
Segmentation claire des catégories : une rubrique dédiée aux artistes pour proposer du contenu facilement
Segmentation claire des catégories : une rubrique dédiée aux artistes pour proposer du contenu facilement
Partage facilité : boutons de partage visibles et identifiables
Partage facilité : boutons de partage visibles et identifiables
Newsletter personnalisée : adaptée aux intérêts de chaque utilisateur
Newsletter personnalisée : adaptée aux intérêts de chaque utilisateur
Home page synthétique : accès direct aux informations sans scroll excessif
Home page synthétique : accès direct aux informations sans scroll excessif
Processus de publication simplifié : guidelines claires, accusé de réception et suivi de progression
Processus de publication simplifié : guidelines claires, accusé de réception et suivi de progression
Design rassurant : mise en page claire et identité visuelle crédible
Design rassurant : mise en page claire et identité visuelle crédible
Wireframes
Wireframes
Les croquis m’ont permis de visualiser et tester rapidement des idées de conception tout en les ajustant pour répondre efficacement aux besoins des utilisateurs.
Les croquis m’ont permis de visualiser et tester rapidement des idées de conception tout en les ajustant pour répondre efficacement aux besoins des utilisateurs.
Design UI et prototypes
Design UI et prototypes
La palette et la typographie ont été pensées pour la cible du média composée en grande partie de personnes de plus de 50 ans afin de leur fournir un site le plus accessible possible.
La palette combine des tons chaleureux et rassurants avec des couleurs profondes et contrastées pour garantir lisibilité et crédibilité. Le rouge ambré guide l’attention et le blanc en fond assure clarté et respiration.
La palette et la typographie ont été pensées pour la cible du média composée en grande partie de personnes de plus de 50 ans afin de leur fournir un site le plus accessible possible.
La palette combine des tons chaleureux et rassurants avec des couleurs profondes et contrastées pour garantir lisibilité et crédibilité. Le rouge ambré guide l’attention et le blanc en fond assure clarté et respiration.
La typographie choisie a été étudiée pour hiérarchiser l'information. Elle distingue les éléments du menu (Poppins) et contenu (Source serif pro) tout en renforçant l’identité éditoriale du média.
La typographie choisie a été étudiée pour hiérarchiser l'information. Elle distingue les éléments du menu (Poppins) et contenu (Source serif pro) tout en renforçant l’identité éditoriale du média.
La barre de navigation a été pensée pour segmenter l’actualité tout en intégrant une section dédiée aux artistes.
La barre de navigation a été pensée pour segmenter l’actualité tout en intégrant une section dédiée aux artistes.
Hiérarchie visuelle claire : couleurs et typographie différenciées
Hiérarchie visuelle claire : couleurs et typographie différenciées
Feedback interactif et accessibilité : interactions sur les rubriques et icônes explicites pour l’utilisateur
Feedback interactif et accessibilité : interactions sur les rubriques et icônes explicites pour l’utilisateur
Ambiance rassurante : hero header illustré de Persépolis, symbole de l'histoire et de l'identité iranienne
Ambiance rassurante : hero header illustré de Persépolis, symbole de l'histoire et de l'identité iranienne
Le corps d’article a été pensé comme dans la presse en ligne avec une navigation simple, lecture continue et scroll maîtrisé veillant à limiter la longueur de la page pour un confort de lecture optimal.
Le corps d’article a été pensé comme dans la presse en ligne avec une navigation simple, lecture continue et scroll maîtrisé veillant à limiter la longueur de la page pour un confort de lecture optimal.
Une section dédiée aux articles les plus populaires permet aux lecteurs de repérer rapidement les contenus les plus consultés. Cela favorise l’engagement tout en mettant en valeur la crédibilité éditoriale du média.
Une section dédiée aux articles les plus populaires permet aux lecteurs de repérer rapidement les contenus les plus consultés. Cela favorise l’engagement tout en mettant en valeur la crédibilité éditoriale du média.
Prochaines étapes
Prochaines étapes
Ce projet m’a permis de concevoir un site éditorial clair et accessible. Le challenge principal était de hiérarchiser le contenu tout en limitant le scroll.
Les prototypes ont validé mes choix UX/UI et les prochaines étapes incluent les pages internes ainsi que l’adaptation responsive.
Ce projet m’a permis de concevoir un site éditorial clair et accessible. Le challenge principal était de hiérarchiser le contenu tout en limitant le scroll.
Les prototypes ont validé mes choix UX/UI et les prochaines étapes incluent les pages internes ainsi que l’adaptation responsive.