Toolkit (2023-2024)

Toolkit (2023–2024)

Designer fondateur pour une plateforme de pilotage de chantier

Grid Description

Conception 0→1 d’une plateforme collaborative pour responsables de travaux et constructeurs — du branding aux parcours utilisateurs, en passant par les fondations du design system.

Introduction

Toolkit voulait transformer la gestion de chantier. Remplacer les tableaux Excel éparpillés, les WhatsApp chaotiques, et les post-its collés sur les murs de préfabriqués.

L’ambition : une plateforme collaborative où tous les acteurs — conducteurs de travaux, chefs de chantier, sous-traitants — peuvent piloter ensemble : planning, tâches, fournitures, documents.

J’ai rejoint le projet comme premier designer produit, travaillant directement avec le CEO et le CTO pour concevoir l’expérience de A à Z.

01. Contexte

Le problème La construction est une industrie de complexité — physique et administrative. Les responsables de chantier jonglent avec des dizaines de sous-traitants, livraisons, protocoles sécurité, contraintes planning chaque jour. Leurs outils ? Souvent fragmentés, voire du papier-crayon.

L’opportunité Toolkit voulait changer ça : offrir une plateforme légère et intuitive pour organiser, tracker et anticiper les activités chantier en temps réel.

Pas un ERP lourd — de la clarté, de l’immédiateté, de l’actionnabilité sur le terrain.

Le brief

Zero lignes de code
Vision forte
Deux fondateurs (CEO + CTO) avec expertise métier solide
Aucune infra design ou stratégie produit en place

02. Mon Rôle

Premier Product Designer (Freelance, Juil 2023 – Juil 2024)

Responsabilités :

Conception 0→1 à partir du pitch deck initial du CEO
Branding complet : logo, identité visuelle, direction artistique
Parcours utilisateurs clés web et mobile
Fondations design system : composants, grille, couleurs, typo
Collaboration permanente avec CEO et CTO (itérations quotidiennes)
Prototypage haute-fidélité pour validation et dev handoff

03. Immersion Métier

Comprendre le domaine La construction, c’est complexe. J’ai commencé par une immersion profonde :

Interviews terrain avec conducteurs de travaux et chefs de chantier
Reverse-engineering de spreadsheets et workflows WhatsApp
Mapping contraintes réelles : retards, météo, logistique, doc réglementaire

Insight clé : Les outils existants sont soit trop lourds (ERP), soit trop basiques (Excel). Il manque le juste milieu : accessible, actionnable, terrain-compatible.

04. Flows & Modèles Utilisateurs

J’ai designé tous les flows backbone du produit :

Architecture de navigation

Structure claire adaptée aux rôles (conducteur travaux, chef chantier, sous-traitant)
Accès rapide aux zones critiques : planning, tâches, docs

Authentification

Onboarding simplifié avec activation rapide
Gestion permissions et rôles

Gestion Chantier

Création et édition de chantier (infos, paramètres, zones)
Création et gestion des zones de travail
Inventaire fournitures

Planning & Tâches

Dashboard planning vue calendrier avec tâches, milestones, alertes
Création et assignation tâches (work packages, fichiers, équipes/sous-traitants)
Visualisation timeline : phases livraison, détection conflits ressources
Gestion planning collaborative (modifications temps réel)

Collaboration

Feed chantier temps réel : progression, updates, incidents
Capture mobile-first : photos, notes, voice memos depuis terrain + sync
Gestionnaire documents avec partage et mentions
Système messaging intégré

Modèle utilisateur :

Distinction conducteurs, opérateurs terrain, sous-traitants, clients
Niveaux permissions et scopes visibilité (qui voit quoi, quand)
Rôles par défaut avec actions contextuelles

05. Branding & Design System

Au-delà de l’UX, j’ai créé toute l’identité visuelle du produit :

Logo & Direction de marque

Simple, typographique, robuste — pas de fioritures
Incarner la solidité et la praticité du métier

Système couleur

Clarté avant branding
Contraste fort et indices sémantiques pour états (livraison retard, tâche en cours, tâche bloquée)

Typographie

Modulaire, lisible en plein soleil ou conditions chantier
Testé sur tablet, mobile, laptop avec contraintes terrain

Composants & Layout

Boutons, tableaux, bottom sheets mobile, toast messages, overlays
Grid system responsive
States management (loading, error, success, empty)

L’UI devait être actionnable et robuste — comme une ceinture à outils numérique — pas comme un site marketing.

Tests layouts sur tablet, mobile, laptop sous conditions contraintes (soleil, gants, mains sales).

06. Interactions Desktop & Mobile

Design d’interaction desktop :

Sélection multi-éléments (tâches, zones, docs)
Édition inline et bulk actions
Gestion souris optimisée (hover states, right-click, shortcuts)
Drag & drop pour réorganisation planning

Expérience responsive & mobile :

Web responsive adapté aux breakpoints
UI mobile native-feeling pour capture terrain
Gestes touch optimisés
Mode offline partiel avec sync auto

07. Co-construction avec Fondateurs

Travail direct avec CEO et CTO :

Itérations en loops très serrés (prototype matin, feedback midi, validation 18h)
Affinage scope MVP selon vélocité équipe dev
Guidelines design et assets pour équipe dev (tokens Figma, specs animation, états vides)
Edge cases behaviors (mode offline, conflits tâches, updates simultanés)
Pitch material pour investisseurs et partenaires (landing page, deck démo produit)

Pas un rôle design passif — pensée produit full-stack, du positionnement à l’exécution.

08. Impact & Apprentissages

Ce que Toolkit m’a apporté :

Maîtrise du prototypage rapide en environnement startup pre-seed
Adaptation design systems à utilisateurs non digital natives (pros construction sans temps pour onboarding)
Construction pour contraintes terrain réelles (usage chantier, latency, offline partiel)
Navigation du process 0→1 du sketch aux specs prêtes pour dev

Surtout : rappel de ce que j’aime le plus. Construire avec des gens qui se soucient profondément du problème. Designer depuis les premiers principes.

Leçons clés :

En startup early-stage, designer = aussi product thinker, facilitateur, traducteur
Les vraies contraintes (terrain, météo, mains sales) inspirent les meilleures solutions
La clarté UX en environnement industriel = respect des utilisateurs

09. Assets

toolkit-dashboard@2x.png — Dashboard planning principal
toolkit-mobile-capture@2x.png — Interface capture mobile
toolkit-branding@2x.png — Identité visuelle
toolkit-design-system@2x.png — Composants et guidelines
toolkit-flows.pdf — User flows complets
toolkit-pitch-deck.pdf — Deck démo produit