Etude de cas

Laast.io est une plateforme unifiée pour booster les activités de réparation et gérer les défis auxquels les réparateurs sont confrontés au quotidien.

Laast

Outils utilisés

Outils et technologies utilisés dans Laast.io

Kubernetes

Docker

Node.js

TypeScript

Directus

Nuxt

Tailwind CSS

Linear

Figma

Introduction

Récemment apparu dans le secteur des technologies, Laast est le fruit de plus d'une décennie d'expérience en réparation, acquise par Lucas, son fondateur.

Face à un marché doté d'outils d'organisation et de facturation inadaptés au métier de la réparation en plus d'être couteux, Laast offre une solution clefs en main au sein d’une plateforme pensée à partir des réalités du terrain.

De la gestion des stocks et des pièces détachées avec les fournisseurs, au suivi et à la facturation des interventions avec le matériel des clients, Laast est conçu pour simplifier le quotidien des réparateurs et grandement améliorer leur productivité.

C'est dans ce contexte prometteur et porteur que notre équipe a été sélectionnée pour concrétiser cette solution SaaS B2B.

Laast

Conception

La stratégie de conception est un élément majeur qui doit être questionné tout au long du projet. Il est difficile de trouver toutes les bonnes solutions du premier coup.

Le client est arrivé avec une conception d'identité réalisée par un autre prestataire. Nous avons dû adapter cette identité à l'interface utilisateur de l'application, sans trop en faire.

Initialement, nous nous concentrons sur les problématiques clés, souvent les plus complexes, à l’inverse des fonctionnalités génériques que l’on retrouve dans la plupart des SaaS.

Le premier défi c’est d’abord de convaincre notre client, qui est (c'est une bonne chose) perfectionniste mais surtout, d'identifier des objectifs pertinents dont l'objectif est d'améliorer l'expérience des usagers de la solution.

Laast

Couleurs

Palette de couleurs utilisée dans Laast.io

01

#fff1d0

02

#eeddba

03

#004dfc

04

#fc1f1f

05

#fec832

06

#f4f4f5

07

#78716c

08

#424040

09

#292524

10

#1c1917

Laast.io c'est quoi?

Laast.io est une plateforme unifiée pour booster les activités de réparation et gérer les défis auxquels les réparateurs sont confrontés au quotidien. L'application, développée sur le modèle SaaS, permet de gérer les stocks, les interventions, les factures et les paiements en un seul endroit. Un catalogue robuste permet d'effectuer le suivi des pièces détachées et des fournisseurs, tandis que le calendrier et le tableau kanban facilitent la planification et l'exécution des interventions.

L'orchestrateur

Une application indépendante permettant d'administrer de manière centralisée les instances déployées pour les clients du service Laast.io. Autrement dit, l'élimination d'un casse-tête pour l'administrateur.

Laast

Instances clientes

Des instances personnalisables destinées aux boutiques de réparation et aux réparatuers indépendants utilisant la solution Laast, avec des fonctionnalités adaptées à leurs besoins.

Laast

Le catalogue

Le catalogue joue un rôle absolument central dans l'application. Il permet de gérer les pièces détachées, les fournisseurs et les appareils. La recherche est facilitée par des filtres et des catégories, tandis que les détails des pièces détachées sont accessibles en un clic. Les fournisseurs peuvent être ajoutés et gérés facilement, et les appareils peuvent être associés aux pièces détachées pour une gestion plus efficace des stocks, permettant ainsi d'éviter des ruptures dommageables pour l'activité.
Laast

Catégories du catalogue

Le catalogue permet une certaine granularité dans la gestion des pièces détachées. Les catégories permettent de classer les pièces par type, par marque ou par modèle d'appareil. Les pièces peuvent être associées à des appareils pour une gestion plus efficace des stocks, et les fournisseurs peuvent être associés à des pièces pour une gestion plus efficace des achats.
Laast
Laast
Laast

Le Kanban

Le kanban est la vue centrale du réparateur. Il permet de visualiser les interventions en cours, les interventions planifiées, et les interventions terminées. Les interventions peuvent être déplacées d'une colonne à l'autre pour indiquer leur statut, et les détails des interventions sont accessibles en un clic. Le kanban permet de planifier et d'exécuter les interventions de manière efficace, et de suivre leur avancement en temps réel.
Laast

Panneaux latéraux

La gestion de pièces détachées et de réparations peuvent induire une complexité importante dans l'interface utilisateur. Nous avons donc travaillé sur de nombreux pannels latéraux pour faciliter la navigation et l'accès aux informations essentielles.

Chaque panneau a été refondu à plusieurs reprises suite à des retour utilisateurs. L'expérience a été progressivement améliorée pour offrir une interface intuitive et efficace.

Ils ont également été pensés pour être facilement accessibles et utilisables depuis une tablette ou un smartphone, en cas de besoin lors d'un déplacement, par exemple.

Laast

Le calendrier

Le calendrier vient en support du kanban pour la planification des interventions. Il permet de visualiser les interventions sur une période donnée, de les déplacer pour les planifier, et de les associer à des appareils. Les interventions peuvent être filtrées par statut, par technicien, ou par appareil, pour une planification plus précise et une exécution plus efficace.
Laast

Personnalisation

Nous avons conçu des fonctionnalités complètes de personnalisation de l'application. Les utilisateurs peuvent modifier leur profil, leur entreprise, et leur catalogue. Ils peuvent également personnaliser les paramètres de l'application, les notifications, et les préférences de paiement. Les administrateurs peuvent également ajouter ou supprimer des agents, et gérer leurs rôles et leurs permissions.
Laast
Laast

Export / Import .CSV

Dans un projet comme celui-ci, il est souvent souhaitable d'intégrer rapidement un premier lot de données structurées depuis un outil efficace comme Excel ou Google Sheets. Nous avons choisi un système d’exportation et d'importation .CSV qui est également le format utilisé par les fournisseurs. Notre fonctionnalité traite les données et offre un rapport complet sur les erreurs de saisie tout en offrant une visibilité sur les informations créées ou mises à jour.
Laast

La messagerie

La messagerie est un élément récurrent des applications SaaS modernes. Elle permet aux acteurs de communiquer entre eux, de partager des informations, et de collaborer sur des projets. Nous avons conçu une messagerie simple et intuitive, avec des conversations individuelles et de groupe, des notifications en temps réel, et la possibilité de partager des fichiers. La messagerie est intégrée à l'application, et permet aux acteurs de communiquer facilement, sans quitter l'application.
Laast

De nombreux défis

Le développement d'une application web comme Laast présente plusieurs défis majeurs. Tout d'abord, la diversité des modèles et des marques de smartphones implique la nécessité de gérer une vaste base de données de pièces détachées et de procédures spécifiques à chaque appareil, ce qui peut rapidement devenir complexe et difficile à maintenir.

Interface

Garantir une interface utilisateur intuitive et conviviale est crucial pour attirer et fidéliser les clients.

UI / UX

Donner une attention toute particulière à l'expérience utilisateur (UX) et aux tests d'utilisabilité, ainsi qu'aux retours clients.

Robustesse

Le suivi des réparations en temps réel, et les paiements sécurisés nécessite une infrastructure technique robuste et sécurisée.

La stratégie de déploiement

La scalabilité de l'architecture est cruciale pour accompagner la croissance des utilisateurs et gérer les migrations liées aux mises à jour. Dans notre approche, chaque espace de réparation constitue un environnement virtualisé comprenant un socle backend et une base de données distincte, le tout piloté par Kubernetes au sein d’une application maître qui manage l’ensemble des instances.
Laast

Scalabilité et sécurité

Cette configuration nous permet d’adapter des performances granulaires pour chaque environnement client tout en évitant une architecture monolithique centralisée. Cela présente plus de complexité sur l’infrastructure avec toutefois deux avantages :
  • Une réduction des coûts de développement sur les espaces de travail et l’authentification
  • Un socle plus exportable pour correspondre aux exigences de grands comptes ou de clients en marque blanche.

La maintenabilité du code

Limiter les nouveaux bugs et les régressions par des tests devient critique lorsque votre roadmap s'étend sur la durée. Nous évoluons dans un cadre d’intégration continue avec un versioning des environnements qui permet de déployer progressivement les mises à jour du socle après des phases de tests manuels. TypeScript offre une sécurité et un confort important dans la maintenabilité du code source, du moins en phase de MVP.

La sécurité du socle

La sécurité implique le code mais aussi l’architecture des environnements déployés sur les serveurs. Nous collectons certaines informations personnelles pour gérer le système de facturation des clients. Pour cela, nous utilisons des points de montage et des bases de données distinctes pour chaque instance, accessibles via le backend par des jetons à durée limitée.

Le périmètre exclu

Dans certains contextes, il est nécessaire de redéfinir les fonctionnalités d'un projet si elles présentent des conditions désavantageuses.

Nous avons réduit les ambitions sur la gestion de caisse qui offrait des contours bien trop flous sur le traitement des paiements et la gestion comptable. Cette première version se concentre sur la facturation et l’indication des modes de paiement. Cette approche pourra être révisée de façon appropriée lors de la mise en œuvre de la facture électronique par l'Union Européenne en 2025.

En parallèle, les retours des premiers usagers nous permettront de connaître le panel de solutions utilisé par les professionnels de la réparation. Franchir cette étape permettra de mieux déterminer s'il est préférable de développer des fonctionnalités spécifiques ou de raccorder la solution vers des services tiers au moyen d’APIs et d’autres services d’automatisation (Zapier, Make, etc.).

Conclusion

Travailler avec Lucas a été une expérience extrêmement stimulante, car il maîtrisait parfaitement son domaine, avait le souci du détail, au-delà d’être parfaitement impliqué à digitaliser l’organisation et l’automatisation de son environnement de travail.

Sur le plan conceptuel, Laast est un projet cohérent qui embrasse un large spectre technologique. L’interactivité y est constante, les fonctionnalités interagissent intensément avec le backend et l'infrastructure nécessite une architecture personnalisée. Les possibilités d'évolution sont nombreuses, et ce projet a véritablement représenté un défi plaisant et à la fois complexe pour aller vers un objectif produit qui a réellement du sens.

Organisation

Laast est un projet qui a nécessité beaucoup d'organisation en amont ainsi qu'une réflexion sur les fonctionnalités à développer.

Défis techniques

Beaucoup de défis techniques et de situations de challenge ont été relevés pour garantir la robustesse et la sécurité de la solution.

Communication

Une communication régulière et transparente a été nécessaire pour garantir la pertinence du projet sur le marché.

Branding

Un gros challenge au niveau branding a été relevé pour garantir une identité visuelle forte et cohérente, sans dénaturer l'application.

Performance

Beaucoup de temps a été consacré à la performance de l'application pour garantir une expérience utilisateur optimale.

Agilité

L'agilité a été un facteur clé pour garantir la pertinence du projet sur le marché et pour s'adapter aux retours des utilisateurs.

Lucas Grewis

Le mot de Lucas

Fondateur de Laast.io

Choisir une équipe de développeurs sérieuse a été un réel défi, notamment quand on n'est pas du métier, puisque n'importe quelle agence digitale se présume capable de réaliser un travail sur un projet qui a pourtant nécessité plusieurs années de réflexion.

La compréhension de la vision de mon projet a été immédiate, même sur le long terme. Les questions que Driss, Sasha et Théo m'ont posées ont été pertinentes, rassurantes et extrêmement proactives. Dans l'avancement du projet, Digisquad m'a aussi permis de prendre du recul et de devenir versatile. C’était une opportunité de collaborer avec une équipe de développeurs qui prend soin de son porteur de projet en lui donnant des conseils avisés tout au long de la vie d'une mission de cette envergure.