Case Study · Design Challenge

Wincher — Dark mode & custom views pour un SaaS SEO

Un test de recrutement de 12 heures : analyser un produit SaaS SEO en tant qu'utilisateur, identifier des frictions, et proposer un concept de redesign fondé sur la compréhension des usages.

Contexte Test de recrutement Wincher
Durée 12 heures
Mon rôle UX/UI Designer (solo)
Résultat Embauche chez Wincher
Design Challenge Wincher — Introduction

Le brief

Wincher m'a donné accès à leur produit et m'a demandé d'analyser l'interface, d'identifier des opportunités d'amélioration, et de proposer un concept de redesign. Pas de consigne figée sur la direction à prendre — juste : montre-moi comment tu penses design.

S'abonner pour comprendre

Première étape : m'abonner à Wincher et explorer le produit comme un utilisateur ordinaire. Familier du SEO sans en être expert, j'ai volontairement navigué sans tutoriel pour ressentir les frictions naturelles.

Pour aller plus loin dans ma compréhension, j'ai recréé la page principale dans Figma — une technique qui force à analyser chaque élément, sa logique, sa hiérarchie. C'est en faisant ça que les idées sont venues.

Exploration du produit
Exploration du produit en tant qu'utilisateur
Figma vs screenshot réel
Recréation Figma vs screenshot réel

Penser comme un expert SEO

Wincher s'adresse à des pros du SEO : ils gèrent des volumes importants de mots-clés, parfois pour plusieurs clients, avec des budgets Google Ads en jeu. Ils manipulent beaucoup de données, travaillent souvent en mode focus, longues sessions.

Deux besoins émergent clairement : réduire la fatigue visuelle (dark mode) et permettre de personnaliser sa vue pour accéder rapidement à ce qui compte selon le contexte.

UX Assessment et concept
UX assessment + concept

Dark mode + vues personnalisées

Le concept propose deux améliorations complémentaires : un thème sombre pour le confort de travail, et des vues sauvegardées (VIEW 1 / VIEW 2 / VIEW 3) permettant de configurer l'affichage une fois pour toutes.

Vue d'ensemble du dark mode
Vue d'ensemble — dark mode redesign

4 zones, 4 décisions de design

Navbar redesign
Navigation bar
Filtering section
Zone de filtres
Save view feature
Vues personnalisées
Website navigation
Navigation par site
Website data at a glance
Données à la volée — grille 5 colonnes

Le prototype présenté lors du recrutement

Clique et navigue dans le prototype Figma original — les interactions Pin to top, Minimize, Save view et la navigation dark mode sont toutes jouables.

Original vs redesign

Avant après redesign Wincher
Interface originale (gauche) vs redesign dark mode (droite)

Des hypothèses, pas des certitudes

Ce concept reste une hypothèse fondée sur une exploration courte. Sans tests utilisateurs, A/B testing ou observation via Hotjar, impossible de valider que ces changements améliorent réellement l'expérience. C'est la limite honnête d'un exercice de 12 heures.

Ce que j'ai voulu montrer : ma façon de raisonner design — partir de l'utilisateur, identifier les tensions, proposer des solutions cohérentes avec le système existant.

Conclusion
Slide de conclusion
Retour au portfolio Projet suivant — Tests Wero (Crédit Agricole)