Archive de réalisations choisies

Dix ans de travail qui ne sont jamais devenus des études de cas

Cinq projets sont décrits en détail. Voici le reste du parcours : sites, portails, tableaux de bord et applications livrés dans la santé, la finance, le commerce local et l'hôtellerie. Certains ont dix ans, certains étaient internes, d'autres ne sont tout simplement plus en ligne. Ensemble, ils expliquent pourquoi un secteur inconnu cesse d'intimider.

30 / entrées

Pourquoi il n'y a pas de liens ici

Une partie de ces travaux a dix ans, une partie était interne, et une partie a depuis été refondue par d'autres. Vous envoyer vers une adresse qui ne reflète plus ce que j'ai construit serait trompeur : chaque entrée indique donc le contexte produit, ma part du travail et la stack, et s'arrête là.

01 / Archive de réalisations choisies

Logiciels médicaux et produits de santé

Les produits médicaux ont une contrainte que la plupart des logiciels ignorent : la personne qui les utilise est en pleine consultation, et le patient attend. L'information doit apparaître en quelques secondes, l'interface doit rester lisible pour quelqu'un qui la regarde à peine, et « demandez au développeur » n'est jamais une réponse pendant les heures de consultation.

Portails, informations sur les médicaments, forums et logiciels de cabinet : le travail revenait toujours au même motif. Réduire l'interface à ce que le moment exige, défendre la lisibilité et garder la cohérence à mesure que les modules s'ajoutent. dr100, issu du même domaine, fait l'objet d'une étude de cas complète.

  1. UI/UX research · Frontend

    01

    Dream in Color

    Recherche et concept frontend pour un produit du secteur médical : l'étape où l'on établit ce que les médecins utiliseront vraiment, avant que quiconque n'écrive du code de production.

    Périmètre et stack: UI/UX research, Frontend

  2. Frontend · UI/UX · Custom animations

    02

    LekSeek

    Un éditeur de logiciels qui vend au secteur médical : le site devait inspirer la confiance qu'on accorde à une équipe à qui l'on confie des données de patients. Frontend sur mesure sous WordPress, animations codées à la main plutôt qu'ajoutées via une extension.

    Périmètre et stack: Frontend, UI/UX, Custom animations · WordPress

  3. Frontend · UI/UX

    03

    drWidget

    Un site de présentation pour un produit médical, construit autour de la première question que pose un médecin : qu'est-ce que cela change concrètement pendant la consultation ?

    Périmètre et stack: Frontend, UI/UX

  4. Frontend · UI/UX

    04

    Leksykon

    Un portail médical construit autour d'outils pratiques plutôt que d'articles : ce qu'un médecin ouvre en pleine consultation et referme une minute plus tard.

    Périmètre et stack: Frontend, UI/UX

  5. Frontend · UI/UX · Accessible interface

    05

    Lek Seniora

    Des informations sur les médicaments pour un lectorat âgé. Taille du texte, contraste et taille des zones tactiles constituaient le brief lui-même, pas une retouche de dernière minute.

    Périmètre et stack: Frontend, UI/UX, Accessible interface

  6. Frontend · UI/UX

    06

    Przychodnia Anin

    Le site d'un centre médical sous WordPress avec un frontend sur mesure, pour que l'établissement puisse modifier ses contenus lui-même sans hériter des travers d'un thème tout fait.

    Périmètre et stack: Frontend, UI/UX · WordPress

  7. Frontend · UI/UX

    07

    MedNT

    Une landing page pour une société de logiciels du marché de la santé : courte et décisive, car elle constituait à elle seule toute la première impression.

    Périmètre et stack: Frontend, UI/UX

  8. Frontend · UI/UX · Community product

    08

    Lekarze Lekarzom

    Un forum de discussion pour médecins. Les produits communautaires meurent de la friction : publier un message, retrouver un ancien fil et lire sur mobile devaient donc se faire sans effort.

    Périmètre et stack: Frontend, UI/UX, Community product

  9. Frontend · UI/UX · Content portal

    09

    MedKiosk

    Un portail d'actualités médicales où le rôle du frontend consiste surtout à ne pas gêner la lecture.

    Périmètre et stack: Frontend, UI/UX, Content portal

  10. Frontend · UI/UX · Content portal

    10

    Zdrowa Strona

    Actualités et informations médicales organisées pour qu'un lecteur arrivé sur un article reparte après en avoir trouvé trois autres.

    Périmètre et stack: Frontend, UI/UX, Content portal

  11. Frontend · UI/UX

    11

    ChPL

    Un portail médical spécialisé pour s'orienter dans une information métier dense : un produit où la recherche et les filtres comptent bien plus que la page d'accueil.

    Périmètre et stack: Frontend, UI/UX

  12. Frontend · UI/UX · Product workflows

    12

    Gabinet drWidget

    Une application de gestion de cabinet qui couvre le volet opérationnel : qui vient, ce qui a été fait, ce qui part en facturation.

    Périmètre et stack: Frontend, UI/UX, Product workflows

  13. Frontend · UI/UX · Product interface

    13

    myDR

    Gestion de clinique sur un frontend Vue.js : rendez-vous, dossiers et processus médicaux qui les entourent.

    Périmètre et stack: Frontend, UI/UX, Product interface · Vue.js

02 / Archive de réalisations choisies

Applications web, tableaux de bord et finance

Les outils internes reçoivent le moins d'attention en design et sont les plus utilisés au quotidien, et c'est précisément là que se logent les erreurs coûteuses : un chiffre obsolète dans une vue d'investissement, une file de modération que personne n'arrive à suivre, un rapport construit à partir de données saisies deux fois.

Des interfaces produit où la justesse et la rapidité d'utilisation l'emportent sur l'ambition visuelle : collaboration en temps réel, panneaux d'administration que les modérateurs ouvrent vraiment, et données financières affichées de façon à voir tout de suite quand quelque chose cloche.

  1. Web application · Product development

    01

    ReportNest

    Une application de gestion de projet sous Meteor.js, où la collaboration en temps réel signifie que deux personnes qui modifient la même chose ne doivent pas se surprendre mutuellement.

    Périmètre et stack: Web application, Product development · Meteor.js, MongoDB, Blaze

  2. Admin panel · Frontend · Product interface

    02

    ODI Chat

    L'administration d'un chat anonyme. Les outils de modération sont ingrats et pourtant essentiels : s'ils sont lents, les modérateurs cessent discrètement de s'en servir.

    Périmètre et stack: Admin panel, Frontend, Product interface · Meteor.js, React, MongoDB

  3. Frontend · Financial interface · API integration

    03

    eCapitalist

    Une application d'investissement qui lit des données financières via une API REST, où un chiffre obsolète ou mal lu n'a rien d'un bug cosmétique.

    Périmètre et stack: Frontend, Financial interface, API integration · React, REST API

  4. Admin panel · Frontend · UI/UX

    04

    SWPS dashboard

    Un tableau de bord interne pour les enseignants, conçu pour des personnes qui l'ouvrent deux fois par semestre et ne devraient pas avoir à le réapprendre à chaque fois.

    Périmètre et stack: Admin panel, Frontend, UI/UX

03 / Archive de réalisations choisies

Sites d'entreprise et commerces locaux

Pour une entreprise de services, le site est généralement tout le processus de vente : quelqu'un cherche, arrive, juge en quelques secondes si ces gens ont l'air compétents, puis appelle ou s'en va. La plupart de ces entreprises doivent aussi modifier leurs contenus elles-mêmes sans casser la mise en page.

Des frontends sur mesure sous WordPress et Joomla plutôt qu'un thème acheté, pour que le design résiste à l'épreuve des vrais contenus, avec un travail sur la vitesse partout où les visiteurs arrivent depuis un téléphone avec deux barres de réseau.

  1. Frontend · UI implementation · CMS integration

    01

    Mute Design

    Le site d'une entreprise proposant des produits architecturaux qui réduisent le bruit dans les bâtiments. Un frontend Next.js qui récupère les contenus de WordPress via l'API REST, pour que l'équipe marketing garde l'éditeur qu'elle connaissait déjà.

    Périmètre et stack: Frontend, UI implementation, CMS integration · React, Next.js, Material UI, WordPress REST API

  2. Frontend · UI/UX

    02

    WIWTech DSP

    Le site d'une entreprise polonaise qui conçoit des solutions numériques sur mesure : le problème classique de décrire un travail à la demande sans ressembler à tous les autres.

    Périmètre et stack: Frontend, UI/UX

  3. Frontend · UI/UX

    03

    Royal Lab

    Un atelier de detailing automobile à Varsovie, où le site a une seule vraie mission : transformer une recherche locale en rendez-vous réservé.

    Périmètre et stack: Frontend, UI/UX · WordPress

  4. Frontend · UI/UX

    04

    ElektroFive

    Un garage automobile de quartier à Varsovie. Même mission, en plus direct : le téléphone, l'adresse et assez d'indices pour voir que ces gens savent ce qu'ils font.

    Périmètre et stack: Frontend, UI/UX · WordPress

  5. Frontend · UI/UX

    05

    MC5 Germany

    Le site corporate d'une agence de branding active sur le marché allemand. Le site d'une agence est le brief le plus difficile qui soit, car c'est aussi son portfolio.

    Périmètre et stack: Frontend, UI/UX

  6. Frontend · UI/UX

    06

    MC5 Poland

    Son pendant pour le marché polonais : le même langage visuel, mais pour une autre clientèle.

    Périmètre et stack: Frontend, UI/UX

  7. Frontend · UI/UX · Load speed optimization

    07

    Bäckerei Langrehr

    Une chaîne de boulangeries allemande sous WordPress : frontend et travail sur la vitesse de chargement, car la plupart des visites arrivent depuis un téléphone, quelque part entre deux magasins.

    Périmètre et stack: Frontend, UI/UX, Load speed optimization · WordPress

  8. Frontend · UI/UX

    08

    Bäckerei Schiffer

    Une autre chaîne de boulangeries allemande, cette fois sous Joomla avec un frontend sur mesure par-dessus.

    Périmètre et stack: Frontend, UI/UX · Joomla

  9. Frontend · UI/UX

    09

    Zimmerei Robrecht

    Une entreprise de charpente allemande : Joomla, frontend sur mesure et cette clarté simple à laquelle le secteur du bâtiment réagit mieux qu'à la décoration.

    Périmètre et stack: Frontend, UI/UX · Joomla

  10. Frontend · UI/UX

    10

    Bäckerei Krechel Café

    Une boulangerie-café qui se présente à ses clients : horaires d'ouverture, ce qu'il y a vraiment au comptoir et comment s'y rendre.

    Périmètre et stack: Frontend, UI/UX

04 / Archive de réalisations choisies

Commerce, recherche d'offres et hôtellerie

C'est le même problème sous des habits différents : quelqu'un compare des options et choisira la plus facile à comprendre. Une chaussure, une chambre d'hôtel et une maison d'hôtes qui accepte les chiens perdent toutes face à un concurrent plus clair.

Des interfaces client conçues pour trouver et comparer : les photos ont de la place, les filtres répondent à la question avec laquelle les gens sont réellement venus, et rien ne s'interpose entre l'envie et la possibilité de demander une disponibilité.

  1. Frontend · UI/UX · Product presentation

    01

    Aurelka

    Une marque polonaise de chaussures pour enfants, où le frontend doit faire ce que fait une bonne vendeuse : bien montrer le produit et viser juste sur la pointure.

    Périmètre et stack: Frontend, UI/UX, Product presentation

  2. Frontend · UI/UX · Discovery interface

    02

    Pies w Hotelu

    Un service pour les propriétaires de chiens à la recherche d'hôtels qui acceptent leur animal. Le filtrage n'y est pas une fonctionnalité, c'est le produit lui-même.

    Périmètre et stack: Frontend, UI/UX, Discovery interface

  3. Frontend · UI/UX · Hospitality website

    03

    Hotel Buntrock

    Un hôtel allemand qui présente ses chambres et ses offres, avec l'objectif discret de tout site hôtelier : obtenir la réservation en direct plutôt que via une plateforme.

    Périmètre et stack: Frontend, UI/UX, Hospitality website

Projet suivant

Votre projet n'a pas besoin de ressembler à l'un de ceux-ci

Ce qui se transpose, ce n'est pas le secteur, c'est la méthode : entrer dans un domaine inconnu, établir ce que l'interface doit vraiment faire et livrer un frontend que la personne suivante pourra maintenir. C'est arrivé assez souvent pour être reproductible, et non une question de chance.

Parlons de votre projetLire les études de cas complètes