top of page

Techyourlab

Refonte UI - web app client (desktop)

TechYourLab c'est qui ? 

TechYourLab est une Start-up qui propose aux RH du monde de la tech des moyens rapides de campagnes de test afin de sélectionner les meilleurs candidats pour un poste.

But de la mission :

Le but de la mission était de revoir l’UX de l’interface afin d’améliorer l’expérience client sur le produit.

La mission s’étendait sur le Dashboard d’accueil et le flow Campagne (création de campagnes, lancement de campagnes et résultats de la campagne). J’ai réalisé un benchmark ainsi qu’une analyse des concurrents afin d’avoir une vision globale du marché.

60eea8b4d0732b417fa64f9f_SOURIS COMPARER.png
Brown and White Minimalist Desktop Mockup Instagram Post.jpg
Capture d’écran 2025-02-27 à 19.14.59.png
1/ Persona

Nathalie, 42ans, directrice des ressources humaines soucieuse de réaliser son travail de la meilleure façon qu'il soit et de la manière la plus optimisée.

Elle doit à la fois évaluer les différents candidats afin de sélectionner les meilleurs pour les différents process, mais elle doit également continuer à prendre soin de ses employés actuels en leur proposant des formations .

2/ Site Map

Il facilite la compréhension de la structure du site, améliore la navigation, favorise la communication entre les équipes, valide les objectifs du site, optimise le référencement, et permet une évolutivité efficace.

Il contribue ainsi à créer une expérience utilisateur cohérente et positive.

Capture d’écran 2025-02-27 à 19.15.50.png
Black and White Minimalist Desktop Mockup Instagram Post.jpg
Ancien dashboard
  • Possibilité de voir les campagnes

  • Possibilité de voir les tests

Nouveau Dashboard :
  • Ajout de statistiques pour avoir une vue d’ensemble

     

  • Card Campagne améliorée afin que l’utilisateur ait une vue globale des campagnes depuis la page d’accueil.
    (Ajout d’informations sur le statut de la campagne, un bouton pour accéder directement aux résultats, vision des 3 meilleurs profils, vision des catégories de compétences)

     

  • Ajout d’un calendrier afin d’avoir un repère dans le temps

  • Amélioration des Card Test (Ajout du niveau de difficultés, de la matière, du temps du test, du nombre de questions, bouton pour accéder directement au test en question)

  •  

  • Ajout d’une vision d’ensemble des meilleurs candidats

  •  

  • Barre de navigation : Ajout d’une barre de recherche en Navigation, Un centre de notifications, Une rubrique « aide »

  •  

  • Menu : Possibilité d’un menu retractable, Ajout d’une page profil, Possibilité de se déconnecter depuis le menu.

Brown and White Minimalist Desktop Mockup Instagram Post.jpg
Capture d’écran 2025-02-27 à 19.37.17.png

Ancienne page d'accueil du module Campagnes

  • L'ancienne page ne comprenait :

  • Qu’une bar de recherche au travers les différentes campagnes,

  • La possibilité de voir la durée de la campagne, son état, et les candidats présents

Nouvelle Page d'accueil du module Campagnes
Capture d’écran 2025-02-27 à 19.37.40.png
Capture d’écran 2025-02-27 à 19.48.42.png
Capture d’écran 2025-02-27 à 19.37.40.png

Ajouter un bouton primaire

Nouvelle campagne car il n’était pas assez visible pour l’utilisateur.

Amélioration de la présentation des différentes campagnes

Ajout du type de tests

Du nombre de candidats

Du statut du test (En cours, Terminé, En attente, Archivé, Planifié)

Ajout la possibilité de voir en différentes vues (card ou list)

Possibilité de filtrer les campagnes

En fonction de leur statut, de leurs tests, de leur date de création, afin de retrouver le plus rapidement une campagne particulière.

Capture d’écran 2025-02-27 à 19.37.53.png

Ancienne page de création de campagnes

Nouvelle page de création de campagnes :

1.jpg
3.jpg
Capture d’écran 2025-02-27 à 19.42_edited.jpg

Ajout de plusieurs champs :

  • Description de la campagne,

  • Entête du mail pour les invitations à la campagne,

  • Le corps du mail (avec un nombre de caractères restreint)

  • Un calendrier pour ancrer la campagne dans le temps,

  • Bouton pour « ajouter un nouveau test » (ouvre une modale)

  • Card test avec plus de description

  • Bouton pour «ajouter un candidat» (ouvre une modale)

bottom of page