Koder

Une marketplace américaine qui assemble à la demande des équipes d’ingénieurs sélectionnées. La page d’accueil a une seule mission : convaincre un CTO qu’une équipe de freelances sélectionnés est plus sûre qu’une agence et plus rapide qu’un recrutement.

Site webUX / UIStructure éditoriale

ClientKoder

Année2020

RôleDesign + UI

Durée8 semaines

Demander un audit ↗Parler d’un projet similaire

La page d’accueil, de haut en bas : la promesse, le rail de développeurs, le produit, le fonctionnement, le tableau comparatif et les deux appels à l’action.

Détails du projet

TypeSite marketing · marketplace

SecteurMarketplaces de talents · staffing tech

ClientKoder (US)

RôleDesign du site, UI et système de pages

Année2020

Durée8 semaines

StatutLivré

LivrablesSystème de page d’accueil, tableau comparatif, set d’illustrations

Polices

PoppinsInter

Couleurs

Réalisé avec

Umbraco

InVision

Bootstrap

JavaScript

Livré en composants, avec le set d’illustrations en bibliothèque unique : aucune nouvelle page n’a nécessité un nouveau dessin.

Le besoin

Deux audiences sur une page, et une promesse que personne ne croit.

Koder vend aux entreprises et recrute des freelances : les deux arrivent sur la même page. Et la promesse centrale — une équipe de haut niveau en quelques jours — est exactement ce que promet chaque site de staffing, donc l’acheteur l’écarte d’emblée. La page devait démontrer le mécanisme au lieu d’affirmer le résultat, et le faire avant que le visiteur ne sache à laquelle des deux audiences il appartient.

Ce que j’ai fait

Promesse

Une phrase et deux boutons en haut — réserver une démo pour les entreprises, devenir développeur du côté de l’offre — pour que la séparation se fasse dès le premier écran plutôt que dans un menu.

Preuve

De vrais développeurs juste après, visages et technos dans un rail : l’objection ne porte jamais sur le processus, mais sur le niveau des gens.

Mécanisme

Le fonctionnement se déroule en quatre étapes numérotées, chacune avec son écran : lancer un projet, être matché, points hebdomadaires, livrables. Les captures produit portent l’explication.

Objections

Un seul tableau comparatif face aux agences et au recrutement interne — délai, coût de recrutement, garantie de qualité, coût de sortie — avec le bouton de démo posé dans la colonne Koder.

Illustration

Un set de personnages, une épaisseur de trait, une palette, utilisés seulement là où une capture ne suffisait pas.