Sommaire

Pagardim

Ux/Graphisme

Ux/Graphisme

Ux/Graphisme

Website

Website

Website

B2B

B2B

B2B

Pagardim

Pagardim

Pagardim

Logo avant, aprés
Logo avant, aprés
Logo avant, aprés
Logo avant, aprés

Mon Rôle

Freelance
Ux designer

Date

2024

Client

Pagardim

Cible

Directions RH
Gestionnaires de paie

Problématique

Pagardim ne disposait d’aucune présence digitale cohérente.
L’objectif était de renforcer la crédibilité de la marque et d’accompagner la structuration de son offre via un site clair, professionnel, adapté aux acteurs RH.

Pagardim n’a pas encore de site web pour promouvoir ses services et attirer
de nouveaux prospects. L'entreprise souhaite également moderniser son identité visuelle en refondant son logo afin de renforcer sa présence digitale
et sa crédibilité.

Pagardim n’a pas encore de site web pour promouvoir ses services et attirer de nouveaux prospects. L'entreprise souhaite également moderniser son identité visuelle en refondant son logo afin de renforcer sa présence digitale et sa crédibilité.

Objectif du projet

Créer une interface claire et professionnelle permettant à Pagardim de valoriser son offre, tout en refondant son identité graphique. Le livrable principal : un site vitrine conçu pour rassurer, convaincre et faciliter la prise de contact.

À propos de Pagardim

Pagardim est une entreprise d’externalisation de la paie, qui accompagne plus de 50 entreprises dans la gestion complète du cycle de paie : collecte des données, administration du personnel, déclarations sociales. Son logiciel propriétaire, conforme aux obligations réglementaires, s’appuie sur une équipe d’experts réactifs et proches de leurs clients.

Introspection

Fcode

Ce que j’ai appris

100 % autonome sur la partie UX, en lien direct avec le client et le PM. J’ai apporté une expertise produit sur la structure, la lisibilité de l’offre, et la fluidité de navigation.

Ce que j’ai appris

  • Gérer un projet en total autonomie,

  • Adapter mon design aux codes RH,

  • Répondre aux objectifs de conversion et positionnement avec sobriété.

Limitations du périmètre

  • Bonne gestion de la relation client,

  • Pertinence des parcours proposés,

  • Prise en compte des contraintes techniques dès l'amont.

Axes d’amélioration

Avec un budget ou un temps plus conséquent, j’aurais aimé aller plus loin sur la mesure d’impact UX, intervenir sur le design final (UI), et proposer des tests utilisateurs pour valider les parcours. Cela aurait renforcé la cohérence et la pertinence du produit.

Wireframe

Pagardim

En Bref !

J’ai conçu les wireframes desktop puis mobile du site web de Pagardim. Cette étape m’a permis de clarifier les parcours utilisateurs, hiérarchiser les contenus et structurer l’interface en fonction des priorités identifiées avec le Product Manager.

Wireframe

Objectif

Créer une base UX solide en traduisant les besoins fonctionnels en wireframes clairs, cohérents et hiérarchisés.

Étapes clés

  • Analyse du brief et du flow proposé par le PM.

  • Traduction en wireframes desktop → puis adaptation mobile.

  • Mise en avant des call-to-action, avantages clients, services proposés.

Pages conçues

  • Page d’accueil : mise en avant des services clés et chiffres importants.

  • Page "Qui sommes-nous" : présentation claire de l’entreprise, valeurs, équipe.

  • Page produit : détails de l’offre, accompagnement, preuves sociales et appels à l’action.

Wireflow

Wireflow du parcours
Wireflow du parcours
Wireflow du parcours

Méthode

Les wireframes ont été conçus comme outil de dialogue avec le client :

  • Clarifier la structure du site

  • Valider la hiérarchie de l'information

  • S’assurer que les priorités métier étaient respectées

Wireframe
Wireframe
Wireframe
French

2025

Portfolio

French

2025

Sommaire

Sommaire