Race Media background

Une transformation en Branding, UX/UI et Développement pour Loopers

Contactez-nous
loopers website on a laptop

Client

Loopers

Délai

90 jours

Livrable

Site Web

Portail Web Loopers

Application Mobile Client

Application Mobile Chauffeur

POINTS DE DOULEUR

Loopers dépendait auparavant de plateformes de VTC tierces, où toutes les opérations de flotte et les chauffeurs fonctionnaient sous un système externe. Cette dépendance impliquait des commissions élevées par course, limitant les marges, réduisant le contrôle opérationnel et restreignant l’accès aux données clients et à la propriété de la marque.

SOLUTIONS

Nous avons développé un écosystème de VTC entièrement indépendant et de bout en bout, adapté aux besoins de Loopers. Grâce à une application client, une application chauffeur et un système backend, Loopers opère désormais sous sa propre marque, conserve ses revenus et gère directement ses opérations.

APERÇU

Loopers est une plateforme moderne de VTC conçue pour éliminer les temps d’attente et améliorer le transport quotidien grâce à la rapidité, la sécurité et une expérience utilisateur premium. Elle permet de réserver des chauffeurs vérifiés, suivre les trajets en temps réel et choisir parmi différentes catégories de véhicules.

Technologies

  • Laravel (Backend)Laravel (Backend)
  • Tailwind CSSTailwind CSS
  • React JS (Frontend)React JS (Frontend)
  • TypeScriptTypeScript
  • MySQL (Base de données)MySQL (Base de données)
  • FlutterFlutter
  • FirebaseFirebase

Logiciels de Design

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator
  • After EffectsAfter Effects

Déploiement & Administration Serveur

  • Amazon EC2Amazon EC2
  • Amazon S3Amazon S3
  • AWS CloudFrontAWS CloudFront
  • AWS Elastic Load BalancerAWS Elastic Load Balancer

SERVICES

Nous avons livré une solution digitale complète pour Loopers, couvrant stratégie produit, design et développement.

Branding & Identité Visuelle
Design UI / UX
Développement Web & Mobile
Architecture Système

Notre Décision

La solution la plus simple aurait été de construire Loopers sur une plateforme white-label de ride-hailing existante. Nous avons déconseillé cette approche — non pas parce que nous voulions construire davantage, mais parce que Loopers ne devrait pas être locataire à long terme dans un système appartenant à quelqu’un d’autre. Contrôle total des données, revenus complets, propre marque. Cette décision coûte plus cher au départ. Elle se rentabilise à chaque course réservée. Nous avons choisi Flutter pour iOS et Android car une seule base de code permet des itérations plus rapides.

Design Graphique

01BRANDING
02PALETTE DE COULEURS
1. couleur principale2. couleur secondaire3. accessibilité (ratio de contraste)
03TYPOGRAPHIE
1. choix de police2. lisibilité
04ICONOGRAPHIE & IMAGES
1. style d’icônes2. illustration
05ILLUSTRATION
01
BRANDING
The Loopers branding banner
The Loopers logo
The Loopers branding top right
dots behind
The loopers branding bottom right
02
PALETTE DE COULEURS
1973BE2CCAFE68C0D0

COULEUR

4090F0C24040E6AD0016D39A

CONTRASTE

# 080808
Black
# FFFFFF
White
# A0A0A0
Dark Grey
# D9D9D9
Border Grey
# F5F5F5
Light Grey
# F1F1F1
Grey Buttons
# EEF2F3
BG For Admin
03

TYPOGRAPHY

The Loopers

READ - ABILITY

fontROBOTO
Extra léger

Le vif renard brun saute par-dessus le chien paresseux

Régulier

Le vif renard brun saute par-dessus le chien paresseux

Moyen

Le vif renard brun saute par-dessus le chien paresseux

Semi-gras

Le vif renard brun saute par-dessus le chien paresseux

Gras

Le vif renard brun saute par-dessus le chien paresseux

04

STYLE DES ICÔNES

trash
edit
user
star
alarm
location
gift
wallet
calendar-fill
calendar-fill
calendar-fill
calendar-fill
calendar-fill
phone
phone
phone
phone
phone
phone
phone
phone
bell
bell
bell
bell
group
group-1
group
group
group
group
group
group
alert
alert-1
alert-2
alert-3
alert-4
alert-5
alert-6
alert-7
alert-8
alert-9
05

ILLUSTRATION

UX/UI Design

Un design centré utilisateur offrant une expérience fluide et intuitive.

Composants UI

widget 1
widget 2
widget 3

Page d’accueil

Optimisée pour l’acquisition et les téléchargements d’application.

Landing page – left scroll
Landing page – right scroll

Application Client

Customer app hero

Permet réservation, suivi en temps réel et paiements sécurisés.

Home
Map
Booking
Schedule
Fare summary
Driver info
Live map

Application Chauffeur

Driver app hero

Permet gestion des trajets, statuts et opérations.

Home
Map
Booking
Trip overview
Trip completed
Wallet
My Earnings

Panneau d’administration

Gestion centralisée des opérations et performances.

Loopers Admin Panel on laptop

Modules principaux

icon

HRMS

Gestion des employés et des horaires.

HRMS
icon

Gestion de flotte

Contrôle des véhicules en temps réel.

Gestion de flotte
icon

Gestion des zones

Suivi des chauffeurs par zone.

Gestion des zones
icon

Gestion des trajets

Suivi des trajets en temps réel.

Gestion des trajets

Aperçu des Écrans

Screen 1
Screen 2
Screen 3
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6
Screen 4
Screen 5
Screen 6
Screen 7
Screen 8
Screen 9
Screen 7
Screen 8
Screen 9

DÉVELOPPEMENT

La plateforme Loopers a été développée avec une approche centrée sur l'utilisateur, garantissant un onboarding rapide, une navigation intuitive et une réactivité en temps réel sur tous les appareils.

Indicateurs de Performance (KPIs)

Pour mesurer l'impact de la plateforme et l'efficacité opérationnelle, les indicateurs clés suivants ont été atteints.

Performance de Chargement des Pages

Réduction du LCP de 3,5s à 1,1s, soit un temps de chargement 68% plus rapide.

Temps de chargementAvant
3,5s
Temps de chargementAprès
1,1s

Design Responsive

Élimination de 10 erreurs CSS spécifiques aux mobiles pour atteindre 99% d'utilisabilité.

UtilisabilitéAvant
40%
UtilisabilitéAprès
90%

Optimisation SEO

Temps de réponse serveur réduit de 70% tout en maintenant 99,99% de disponibilité.

Score SEOAvant
65
Score SEOAprès
99

Engagement Utilisateur

Augmentation de 40% des vues d'écran par session et taux d'adoption des fonctionnalités augmenté de 22%.

Vues d'AppAvant
15%
Vues d'AppAprès
40%

Croissance & Rétention de l'App

Augmentation de 24,8% MoM des utilisateurs actifs et amélioration de 14% du taux de churn.

MoMAvant
10%
MoMAprès
24,8%

Principaux défis de développement et solutions

01Défi : Gestion des trajets et de la localisation en temps réel
02Défi : Restauration faciale « artificielle »
03Défi : Confidentialité et sécurité des données

Problème:Gérer le suivi en direct de la localisation et les mises à jour des trajets sans latence.

Solution:Mise en place d’APIs en temps réel optimisées et d’un système basé sur des événements pour garantir un suivi précis et des mises à jour instantanées.

01

Problème:Les premières versions de l’optimisation faciale étaient critiquées pour un rendu artificiel ou une perte de ressemblance.

Solution:Intégration de réseaux antagonistes génératifs (GAN) avec un accent sur la préservation de la texture de la peau plutôt que sur un simple lissage.

02

Problème:Garantir que les données des utilisateurs ne soient pas compromises lors du transfert.

Solution:Déploiement d’un chiffrement de bout en bout pour toutes les données en transit et utilisation d’un stockage cloud conforme SOC 2.

03

Architecture technique & Stack

Architecture cloud évolutive pour opérations en temps réel.

Reactjs

Bibliothèque JS pour créer des interfaces web dynamiques et réactives.

Laravel

Framework PHP open-source pour construire une architecture backend robuste.

MySQL

Système de gestion de base de données pour stocker et gérer les données structurées de l’application.

Flutter

Kit de développement logiciel UI pour créer des applications mobiles multiplateformes.

Conclusion

Loopers avait un problème concret : la dépendance. Chaque course passant par une plateforme tierce signifiait une marge perdue, des données perdues, une souveraineté de marque perdue. La question n’était pas de savoir s’ils avaient besoin de leur propre système — mais s’ils pouvaient se permettre de ne pas le construire.

En 90 jours, nous avons livré un écosystème complet — application client, application chauffeur, panneau d’administration, portail web. Chaque composant conçu pour fonctionner sous charge réelle : 1M+ de courses effectuées, 500+ chauffeurs vérifiés, disponibilité 24h/24. Ce ne sont pas des chiffres de démo.

Loopers est la preuve qu’une startup n’a pas à choisir entre vitesse et qualité — quand les fondations sont solides dès le départ. Pour les fondateurs qui souhaitent construire une plateforme qui leur appartient vraiment : voilà le standard.

Prêt à commencer ?

sds_logo

Snow Dream Studios est un studio digital premium de Zurich — spécialisé dans le web, les logiciels et la stratégie digitale. Nous créons des produits digitaux qui fonctionnent, convainquent et grandissent.

Switzerland (CH)

location_icon

Schärenmoosstrasse 77
8052 Zürich

location_icon

+41 79 667 68 17

alarm_icon

Lundi - Vendredi (UTC+02:00)
Heures sur site : 08:00 - 17:00

© 2026 Snow Dream Studios GmbH — Zurich, SwitzerlandPolitique de confidentialité Conditions générales Mentions Légales