Crewsader Events

Le projet est né d'un constat simple : l'association jonglait quotidiennement entre tableurs partagés, fils de discussion et plans de salle dessinés à la main. La première étape a consisté à cartographier précisément les usages — gestion des contacts, suivi des actions commerciales, communication interne, plan de salle événementiel — et à hiérarchiser les fonctionnalités pour livrer un MVP réellement utilisable au quotidien. Des ateliers ont été organisés avec les futurs utilisateurs (commerciaux, organisateurs, direction) pour identifier les frictions actuelles et définir les KPI de succès : temps de mise à jour d'un contact, délai de production d'un plan de salle, fiabilité des données partagées.

L'application devait fonctionner en desktop natif sur Windows et macOS tout en restant maintenable par une équipe réduite. Le choix s'est porté sur Tauri couplé à Next.js : une UI moderne en React/TypeScript, un binaire natif léger (Rust), et la possibilité de réutiliser tout l'écosystème web pour itérer rapidement. Supabase a été retenu comme backend pour sa Postgres managée, son authentification, ses politiques RLS et son temps réel sur les tables. Cela a permis de livrer en quelques semaines une synchronisation multi-utilisateur fiable sans construire d'infrastructure dédiée. TypeScript a été imposé sur l'ensemble du stack pour garantir la cohérence des modèles entre client, base et logique métier.

Pour garantir une cohérence visuelle sur des dizaines d'écrans (CRM, communication, plans de salle, paramètres, logs), j'ai construit un design system complet sur Figma : tokens (couleurs, typographies, espacements), composants atomiques (boutons, inputs, modales, tooltips, tableaux) et patterns d'interaction (formulaires, sélections multiples, drag & drop). L'objectif était double : produire des interfaces lisibles et professionnelles pour un usage prolongé, et permettre à l'équipe d'ajouter de nouvelles vues sans réinventer chaque pattern. Le design a été pensé en priorité pour la densité d'information (vues commerciales, listes de contacts), tout en gardant des respirations sur les écrans à fort enjeu (plan de salle).

Le module phare est un éditeur de plan de salle inspiré des outils de design : pan, zoom, snapping, sélection multiple, raccourcis clavier. L'utilisateur peut modéliser l'espace (zones or, gradins, tables, allées), placer des personnes par drag & drop depuis sa base de contacts, et regrouper des assises selon des règles métier (groupes, sponsors, accompagnateurs). Les performances étaient un point dur : il fallait gérer plusieurs centaines d'éléments interactifs sans saccade. La couche de rendu a été optimisée avec du virtual scrolling sur les listes, du batching d'updates et une séparation claire entre l'état persistant et l'état d'interaction.

Plusieurs profils utilisent l'application avec des niveaux d'accès différents (lecture, édition, administration). Un système de rôles et de permissions granulaires a été implémenté côté Supabase via les politiques RLS, avec une vérification miroir côté UI pour éviter d'afficher des actions non autorisées. Un journal d'événements horodatés trace toutes les actions sensibles (création, modification, suppression, export) afin d'offrir traçabilité et audit. Cette transparence rassure l'équipe sur l'usage partagé d'une base unique et facilite la résolution d'incidents.

L'application a été livrée sous forme de binaires signés pour Windows et macOS, avec un canal de mise à jour automatique. Les premiers utilisateurs rapportent un gain de temps significatif sur les tâches récurrentes (mise à jour de contacts, génération de plans de salle, partage d'informations entre membres) et la disparition des doublons et incohérences liés aux tableurs partagés. Le socle technique (Tauri + Next.js + Supabase + TypeScript) reste accessible pour faire évoluer l'outil au fil des saisons d'événements, et permet d'ajouter de nouveaux modules métier sans repartir de zéro.