Logiciel métier
Logiciel métier
Gestion de projet
Gestion de projet
Service Public
Service Public
Interface Facile
Pour mon projet de mémoire, j'ai choisi de travailler sur la conception de sites web pour l'État français.
Ayant une expérience professionnelle significative au sein des services de l'État, j'ai piloté, pendant deux ans,
un outil de conception de sites web visant à faciliter la production, en toute conformité, pour les agents.
Contexte
Pour mon mémoire, j'ai travaillé sur la problématique des sites web gouvernementaux ; il est difficile pour l’État Français de concevoir des sites web conformes rapidement en raison de 3 facteurs principaux.
Contexte
Pour mon mémoire, j'ai travaillé sur la problématique des sites web gouvernementaux ; il est difficile pour l’État Français de concevoir des sites web conformes rapidement en raison de 3 facteurs principaux.
Contexte
Pour mon mémoire, j'ai travaillé sur la problématique des sites web gouvernementaux ; il est difficile pour l’État Français de concevoir des sites web conformes rapidement en raison de 3 facteurs principaux.
Contexte
Pour mon mémoire, j'ai travaillé sur la problématique des sites web gouvernementaux ; il est difficile pour l’État Français de concevoir des sites web conformes rapidement en raison de 3 facteurs principaux.
Solution
Un créateur de site web charté État, conçu pour les agents qui veulent gagner du temps. S'inspirant des CMS les plus connu et des nouveaux acteurs IA du marché, InterfaceFacile permet de concevoir des sites qui respectent les contraintes de la "Marque de l'État" et les règles d'accessibilité.
Solution
Un créateur de site web charté État, conçu pour les agents qui veulent gagner du temps. S'inspirant des CMS les plus connu et des nouveaux acteurs IA du marché, InterfaceFacile permet de concevoir des sites qui respectent les contraintes de la "Marque de l'État" et les règles d'accessibilité.
Solution
Un créateur de site web charté État, conçu pour les agents qui veulent gagner du temps. S'inspirant des CMS les plus connu et des nouveaux acteurs IA du marché, InterfaceFacile permet de concevoir des sites qui respectent les contraintes de la "Marque de l'État" et les règles d'accessibilité.
Solution
Un créateur de site web charté État, conçu pour les agents qui veulent gagner du temps. S'inspirant des CMS les plus connu et des nouveaux acteurs IA du marché, InterfaceFacile permet de concevoir des sites qui respectent les contraintes de la "Marque de l'État" et les règles d'accessibilité.
Résultat
Un prototype d'outil métier destinées aux agents de l'État. Un dossier de subvention, un retroplanning des phases de developpement, des fiches de poste, un branding complet, des supports de promotion et une statégie de communication. InterfaceFacile est prêt à être déployé.
Résultat
Un prototype d'outil métier destinées aux agents de l'État. Un dossier de subvention, un retroplanning des phases de developpement, des fiches de poste, un branding complet, des supports de promotion et une statégie de communication. InterfaceFacile est prêt à être déployé.
Résultat
Un prototype d'outil métier destinées aux agents de l'État. Un dossier de subvention, un retroplanning des phases de developpement, des fiches de poste, un branding complet, des supports de promotion et une statégie de communication. InterfaceFacile est prêt à être déployé.
Résultat
Un prototype d'outil métier destinées aux agents de l'État. Un dossier de subvention, un retroplanning des phases de developpement, des fiches de poste, un branding complet, des supports de promotion et une statégie de communication. InterfaceFacile est prêt à être déployé.
Les étapes du projet
Les étapes du projet
Cadrage de la problématique
Le projet s’est concentré sur la difficulté de l’État français à concevoir des sites web conformes rapidement, dû aux exigences du Design System de l’État (DSFR), du manque de compétences/formations des agents et des processus internes longs.
Cadrage de la problématique
Le projet s’est concentré sur la difficulté de l’État français à concevoir des sites web conformes rapidement, dû aux exigences du Design System de l’État (DSFR), du manque de compétences/formations des agents et des processus internes longs.
Cadrage de la problématique
Le projet s’est concentré sur la difficulté de l’État français à concevoir des sites web conformes rapidement, dû aux exigences du Design System de l’État (DSFR), du manque de compétences/formations des agents et des processus internes longs.
Cadrage de la problématique
Le projet s’est concentré sur la difficulté de l’État français à concevoir des sites web conformes rapidement, dû aux exigences du Design System de l’État (DSFR), du manque de compétences/formations des agents et des processus internes longs.
Personae et entretiens
Des entretiens ont été menés avec des agents de la Direction Interministérielle du Numérique (DINUM) et d'autres acteurs du Service Public, pour définir les besoins et identifier les fonctionnalités clés à intégrer.
Personae et entretiens
Des entretiens ont été menés avec des agents de la Direction Interministérielle du Numérique (DINUM) et d'autres acteurs du Service Public, pour définir les besoins et identifier les fonctionnalités clés à intégrer.
Personae et entretiens
Des entretiens ont été menés avec des agents de la Direction Interministérielle du Numérique (DINUM) et d'autres acteurs du Service Public, pour définir les besoins et identifier les fonctionnalités clés à intégrer.
Personae et entretiens
Des entretiens ont été menés avec des agents de la Direction Interministérielle du Numérique (DINUM) et d'autres acteurs du Service Public, pour définir les besoins et identifier les fonctionnalités clés à intégrer.
Parcours utilisateur
Un parcours détaillé a été conçu pour simuler l'expérience des utilisateurs lors de leur processus habituel de conception de site web étatiques pour identifier les actions, les freins ainsi que le ressenti vécu.
Parcours utilisateur
Un parcours détaillé a été conçu pour simuler l'expérience des utilisateurs lors de leur processus habituel de conception de site web étatiques pour identifier les actions, les freins ainsi que le ressenti vécu.
Parcours utilisateur
Un parcours détaillé a été conçu pour simuler l'expérience des utilisateurs lors de leur processus habituel de conception de site web étatiques pour identifier les actions, les freins ainsi que le ressenti vécu.
Parcours utilisateur
Un parcours détaillé a été conçu pour simuler l'expérience des utilisateurs lors de leur processus habituel de conception de site web étatiques pour identifier les actions, les freins ainsi que le ressenti vécu.
Étude concurrentielle
Un benchmark comparant des outils existants comme Wix, Odoo ou le DSFR, m'a permis d'identifier les bonnes pratiques et limitations à éviter, pour me positionner en solution unique dédiée au Service Public.
Étude concurrentielle
Un benchmark comparant des outils existants comme Wix, Odoo ou le DSFR, m'a permis d'identifier les bonnes pratiques et limitations à éviter, pour me positionner en solution unique dédiée au Service Public.
Étude concurrentielle
Un benchmark comparant des outils existants comme Wix, Odoo ou le DSFR, m'a permis d'identifier les bonnes pratiques et limitations à éviter, pour me positionner en solution unique dédiée au Service Public.
Étude concurrentielle
Un benchmark comparant des outils existants comme Wix, Odoo ou le DSFR, m'a permis d'identifier les bonnes pratiques et limitations à éviter, pour me positionner en solution unique dédiée au Service Public.
Cadrage projet
Le cadrage a défini les étapes clés du projet, les contraintes techniques, et la planification des phases de développement. Une méthodologie en cascade a été privilégiée pour s’adapter aux structures étatiques peu agile.
Cadrage projet
Le cadrage a défini les étapes clés du projet, les contraintes techniques, et la planification des phases de développement. Une méthodologie en cascade a été privilégiée pour s’adapter aux structures étatiques peu agile.
Cadrage projet
Le cadrage a défini les étapes clés du projet, les contraintes techniques, et la planification des phases de développement. Une méthodologie en cascade a été privilégiée pour s’adapter aux structures étatiques peu agile.
Cadrage projet
Le cadrage a défini les étapes clés du projet, les contraintes techniques, et la planification des phases de développement. Une méthodologie en cascade a été privilégiée pour s’adapter aux structures étatiques peu agile.
Stratégie du branding
La stratégie a été élaborée autour d'une identité visuelle apaisante et accessible, en rupture avec les codes rigides des outils publics actuels. Inspirée du "Feng Shui", ce branding marque une certaine singularité.
Stratégie du branding
La stratégie a été élaborée autour d'une identité visuelle apaisante et accessible, en rupture avec les codes rigides des outils publics actuels. Inspirée du "Feng Shui", ce branding marque une certaine singularité.
Stratégie du branding
La stratégie a été élaborée autour d'une identité visuelle apaisante et accessible, en rupture avec les codes rigides des outils publics actuels. Inspirée du "Feng Shui", ce branding marque une certaine singularité.
Stratégie du branding
La stratégie a été élaborée autour d'une identité visuelle apaisante et accessible, en rupture avec les codes rigides des outils publics actuels. Inspirée du "Feng Shui", ce branding marque une certaine singularité.
Branding définitif
Une charte graphique claire a été finalisée comprenant la typographie Marianne, des formes déstructurées, et une palette de couleurs centrée sur le thème Glycine, reflétant modernité et accessiblilité tout en respactant les règles de la "Maque de l'État".
Branding définitif
Une charte graphique claire a été finalisée comprenant la typographie Marianne, des formes déstructurées, et une palette de couleurs centrée sur le thème Glycine, reflétant modernité et accessiblilité tout en respactant les règles de la "Maque de l'État".
Branding définitif
Une charte graphique claire a été finalisée comprenant la typographie Marianne, des formes déstructurées, et une palette de couleurs centrée sur le thème Glycine, reflétant modernité et accessiblilité tout en respactant les règles de la "Maque de l'État".
Branding définitif
Une charte graphique claire a été finalisée comprenant la typographie Marianne, des formes déstructurées, et une palette de couleurs centrée sur le thème Glycine, reflétant modernité et accessiblilité tout en respactant les règles de la "Maque de l'État".
UI Kit
Un kit d’interface a été créé pour standardiser les éléments graphiques et faciliter le maquettage de l'outil, tout en respectant les directives du DSFR.
UI Kit
Un kit d’interface a été créé pour standardiser les éléments graphiques et faciliter le maquettage de l'outil, tout en respectant les directives du DSFR.
UI Kit
Un kit d’interface a été créé pour standardiser les éléments graphiques et faciliter le maquettage de l'outil, tout en respectant les directives du DSFR.
UI Kit
Un kit d’interface a été créé pour standardiser les éléments graphiques et faciliter le maquettage de l'outil, tout en respectant les directives du DSFR.
Maquettage de l'outil
Des wireframes et maquettes interactives ont été réalisés, intégrant les fonctionnalités principales comme le drag and drop, la construction automatique avec IA et un visualisateur de maquette.
Maquettage de l'outil
Des wireframes et maquettes interactives ont été réalisés, intégrant les fonctionnalités principales comme le drag and drop, la construction automatique avec IA et un visualisateur de maquette.
Maquettage de l'outil
Des wireframes et maquettes interactives ont été réalisés, intégrant les fonctionnalités principales comme le drag and drop, la construction automatique avec IA et un visualisateur de maquette.
Maquettage de l'outil
Des wireframes et maquettes interactives ont été réalisés, intégrant les fonctionnalités principales comme le drag and drop, la construction automatique avec IA et un visualisateur de maquette.
Test utilisateurs
J'ai mené des tests auprès d'agents publics cible pour valider l’ergonomie et la pertinence des fonctionnalités, en leur posant des questions dans un premier temps puis en les observant utiliser l'outil.
Test utilisateurs
J'ai mené des tests auprès d'agents publics cible pour valider l’ergonomie et la pertinence des fonctionnalités, en leur posant des questions dans un premier temps puis en les observant utiliser l'outil.
Test utilisateurs
J'ai mené des tests auprès d'agents publics cible pour valider l’ergonomie et la pertinence des fonctionnalités, en leur posant des questions dans un premier temps puis en les observant utiliser l'outil.
Test utilisateurs
J'ai mené des tests auprès d'agents publics cible pour valider l’ergonomie et la pertinence des fonctionnalités, en leur posant des questions dans un premier temps puis en les observant utiliser l'outil.
Prototypage final
Le prototype final sur figma a intégré les ajustements des tests utilisateurs, offrant une version aboutie et fonctionnelle de l'outil, prête pour les phases de développement.
Prototypage final
Le prototype final sur figma a intégré les ajustements des tests utilisateurs, offrant une version aboutie et fonctionnelle de l'outil, prête pour les phases de développement.
Prototypage final
Le prototype final sur figma a intégré les ajustements des tests utilisateurs, offrant une version aboutie et fonctionnelle de l'outil, prête pour les phases de développement.
Prototypage final
Le prototype final sur figma a intégré les ajustements des tests utilisateurs, offrant une version aboutie et fonctionnelle de l'outil, prête pour les phases de développement.
Supports de communication
Des supports comme des dépliants, une newsletter et des templates de post réseaux sociaux ont été conçus pour promouvoir l'outil auprès des agents publics et maximiser son adoption.
Supports de communication
Des supports comme des dépliants, une newsletter et des templates de post réseaux sociaux ont été conçus pour promouvoir l'outil auprès des agents publics et maximiser son adoption.
Supports de communication
Des supports comme des dépliants, une newsletter et des templates de post réseaux sociaux ont été conçus pour promouvoir l'outil auprès des agents publics et maximiser son adoption.
Supports de communication
Des supports comme des dépliants, une newsletter et des templates de post réseaux sociaux ont été conçus pour promouvoir l'outil auprès des agents publics et maximiser son adoption.
Pour le plaisir des yeux
Pour le plaisir
des yeux
Découvrez d'autres projets
Découvrez d'autres projets
2 places restantes en Juin
Besoin d’un Designer UX/UI ?
Disponible par téléphone, mail ou LinkedIn
pour discuter de votre projet et collaborer avec vous.
© Maël Pécalvel
• 2025
2 places restantes en Juin
Besoin d’un Designer UX/UI ?
Disponible par téléphone, mail ou LinkedIn
pour discuter de votre projet et collaborer avec vous.
© Maël Pécalvel
• 2025
2 places restantes en Juin
Besoin d’un Designer UX/UI ?
Disponible par téléphone, mail ou LinkedIn
pour discuter de votre projet et collaborer avec vous.
© Maël Pécalvel
• 2025
