Valve · Plateforme de covoiturage

Plateforme réfléchie pour harmoniser covoiturage, location et signalement sous une identité noire/jaune inspirée de Valve/Steam. Chaque module fonctionne comme une mini-application avec champs clairs et pictos significatifs.

Covoiturage

Formulaires modulaires pour réserver un trajet, lister les passagers et afficher les informations de l’entreprise.

Location

Maquettes pour la réservation d’un véhicule avec horaires, assurances et rangements clairs.

Signalement

Workflow conçu pour remonter incidents avec champs contextuels, pics et illustration sur mesure.

Identité

Charte noire/jaune assumée, typographies singulières et micro-interactions pour un rendu high-tech.

Soft Skills — illustrés par des situations concrètes

Organisation

Découpage par module

On a réparti le travail en modules fonctionnels (covoiturage, location, signalement, identité). Cette division claire m'a appris à anticiper les dépendances entre pages et à définir ce qui devait être mutualisé avant de commencer à coder.

Communication

Charte graphique partagée

Pour que la charte noire/jaune reste cohérente entre les membres, j'ai proposé qu'on aligne d'abord les variables CSS et les composants de base. J'ai appris que communiquer des décisions de design passe par des conventions écrites, pas juste par un accord oral.

Travail en équipe

Harmonisation finale

Après le développement parallèle de chaque module, j'ai participé à la phase d'harmonisation du rendu : comparer les pages, identifier les divergences visuelles et les corriger ensemble. Cette relecture croisée m'a montré l'importance de revérifier le tout avant de livrer.

Analyse réflexive

Ce que j'ai appris

Penser en système de design

Ce projet m'a appris à structurer un design system avant de coder : variables CSS globales, composants réutilisables, palette cohérente. Travailler à plusieurs sur du CSS m'a montré que sans convention commune, chaque page dérive dans sa propre direction.

Difficultés rencontrées

Cohérence multi-pages en groupe

Maintenir une cohérence visuelle quand plusieurs personnes développent des modules en parallèle a été la difficulté principale. Les formulaires responsive sur petits écrans ont aussi demandé beaucoup d'ajustements car certains champs complexes cassaient la mise en page.

Ce que je ferais différemment

Design guide avant la répartition

J'établirais un fichier de variables CSS partagé et une bibliothèque de composants de base avant de distribuer le travail. Cela éviterait d'avoir à harmoniser les styles en fin de projet. Je documenterais aussi mieux les choix d'identité graphique pour les justifier à l'équipe.