Race Media background

Eine Branding-, UX/UI- und Entwicklungs-Transformation für Loopers

Kontaktieren Sie uns
loopers website on a laptop

Kunde

The Loopers

Zeitrahmen

90 Tage

Lieferung

Website

Loopers Web-Portal

Kunden-Mobile-App

Fahrer-Mobile-App

SCHMERZPUNKTE

Loopers war zuvor auf Drittanbieter-Ride-Hailing-Plattformen angewiesen, bei denen alle Flottenoperationen und Fahrer unter einem externen System liefen. Diese Abhängigkeit erforderte hohe Provisionen pro Fahrt.

LÖSUNGEN

Wir entwickelten ein vollständig unabhängiges End-to-End-Ride-Hailing-Ökosystem, das auf die operativen Anforderungen von Loopers zugeschnitten ist.

ÜBERBLICK

Loopers ist eine moderne Ride-Hailing-Plattform, die entwickelt wurde, um Wartezeiten zu eliminieren und den täglichen Transport durch Geschwindigkeit, Sicherheit und ein Premium-Nutzererlebnis zu verbessern. Entwickelt für urbane Mobilität in den VAE ermöglicht die Plattform die Buchung verifizierter Fahrer in Sekunden, Live-Tracking und die Auswahl verschiedener Fahrzeugkategorien.

Technologien

  • Laravel (Backend)Laravel (Backend)
  • Tailwind CSSTailwind CSS
  • React JS (Frontend)React JS (Frontend)
  • TypeScriptTypeScript
  • MySQL (Datenbank)MySQL (Datenbank)
  • FlutterFlutter
  • FirebaseFirebase

Design-Software

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

Deployment & Serververwaltung

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

LEISTUNGEN

Wir haben eine vollständige End-to-End-Digitallösung für Loopers geliefert, einschliesslich Produktstrategie, Design und Entwicklung.

Branding & Visuelle Identität
UI / UX Design
Web- & App-Entwicklung
Systemarchitektur

Unsere Entscheidung

Die einfachere Lösung wäre gewesen, Loopers auf einer bestehenden Ride-Hailing-White-Label-Plattform aufzubauen. Wir haben davon abgeraten — nicht weil wir mehr bauen wollten, sondern weil Loopers langfristig kein Mieter in einem fremden System sein sollte. Volle Datenkontrolle, voller Umsatz, eigene Marke. Diese Entscheidung kostet mehr am Anfang. Sie zahlt sich auf jedem gebuchten Kilometer aus. Flutter haben wir für iOS und Android gewählt, weil eine einzelne Codebasis schnellere Iterationen erlaubt.

Grafikdesign

01BRANDING
02FARBPALETTE
1. Primärfarbe2. Sekundärfarbe3. Barrierefreiheit (Kontrastverhältnis)
03TYPOGRAFIE
1. Schriftauswahl2. Lesbarkeit
04IKONOGRAFIE & BILDER
1. Icon-Stil2. Illustration
05ILLUSTRATION
01
BRANDING
The Loopers branding banner
The Loopers logo
The Loopers branding top right
dots behind
The loopers branding bottom right
02
FARBPALETTE
1973BE2CCAFE68C0D0

FARBE

4090F0C24040E6AD0016D39A

KONTRAST

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

TYPOGRAFIE

The Loopers

READ - ABILITY

fontROBOTO
Extra Leicht

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern

Regulär

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern

Mittel

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern

Halbfett

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern

Fett

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern

04

ICON-STIL

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

Ein nutzerzentriertes UI/UX-Design für nahtlose Buchungen und ein Premium-Erlebnis.

UI-Komponenten

widget 1
widget 2
widget 3

Landingpage

Die Landingpage steigert Nutzerakquise und App-Downloads durch klare Kommunikation.

Landing page – left scroll
Landing page – right scroll

Kunden-App

Customer app hero

Ermöglicht Buchungen, Live-Tracking, sichere Zahlungen und Verlauf.

Home
Map
Booking
Schedule
Fare summary
Driver info
Live map

Fahrer-App

Driver app hero

Ermöglicht Fahrtenmanagement, Status-Updates und Schichtverfolgung.

Home
Map
Booking
Trip overview
Trip completed
Wallet
My Earnings

Admin-Panel

Zentralisierte Plattform zur Verwaltung von Fahrten, Fahrern und Leistung.

Loopers Admin Panel on laptop

Hauptmodule

icon

HRMS

Verwaltung von Arbeitszeiten und Schichten.

HRMS
icon

Flottenmanagement

Kontrolle und Überwachung aller Fahrzeuge.

Flottenmanagement
icon

Zonenmanagement

Tracking der Fahrer nach Zonen.

Zonenmanagement
icon

Fahrtenmanagement

Überwachung aller Fahrten in Echtzeit.

Fahrtenmanagement

Bildschirm-Übersicht

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

ENTWICKLUNG

Die Loopers-Plattform wurde mit einem nutzerzentrierten Ansatz entwickelt, der ein schnelles Onboarding, eine intuitive Navigation und Echtzeit-Reaktionsfähigkeit auf allen Geräten gewährleistet.

Leistungskennzahlen (KPIs)

Zur Messung der Plattformwirkung und betrieblichen Effizienz wurden folgende wichtige Leistungsindikatoren erreicht.

Seitenladeleistung

LCP von 3,5s auf 1,1s reduziert – 68% schnellere Ladezeit.

LadezeitVorher
3,5s
LadezeitNachher
1,1s

Responsives Design

10 mobile-spezifische CSS-Fehler eliminiert und 99% Usability erreicht.

UsabilityVorher
40%
UsabilityNachher
90%

SEO-Optimierung

Server-Antwortzeit um 70% reduziert bei 99,99% Verfügbarkeit.

SEO-ScoreVorher
65
SEO-ScoreNachher
99

Nutzer-Engagement

In-App Screen Views pro Session um 40% gesteigert und Feature-Adoption um 22% erhöht.

App ViewsVorher
15%
App ViewsNachher
40%

App-Wachstum & Retention

24,8% MoM-Steigerung bei aktiven Nutzern und 14% Verbesserung der Churn-Rate.

MoMVorher
10%
MoMNachher
24,8%

Wichtige Entwicklungs-Herausforderungen & Lösungen

01Herausforderung: Echtzeit-Fahrten-und Standortverarbeitung
02Herausforderung: „Künstliche“ Gesichtsrestaurierung
03Herausforderung: Datenschutz & Sicherheit

Problem:Verwaltung von Live-Standortdaten und Fahrten-Updates ohne Verzögerung.

Lösung:Implementierung optimierter Echtzeit-APIs und ereignisgesteuerter Updates für präzises Tracking und sofortige Statusänderungen.

01

Problem:Frühere Versionen der Gesichtsoptimierung wurden kritisiert, da sie unnatürlich wirkten oder die ursprüngliche Ähnlichkeit verloren ging.

Lösung:Integration von Generative Adversarial Networks (GANs) mit Fokus auf die Erhaltung der Hauttextur statt nur auf Glättung.

02

Problem:Sicherstellen, dass Benutzerdaten während der Übertragung nicht kompromittiert werden.

Lösung:Einsatz von Ende-zu-Ende-Verschlüsselung für alle Datenübertragungen sowie Nutzung von SOC 2-konformen Cloud-Speicherlösungen.

03

Technische Architektur & Stack

Skalierbare Cloud-Architektur für Echtzeitbetrieb.

Reactjs

JS-Bibliothek zur Erstellung dynamischer und responsiver Webanwendungen.

Laravel

Open-Source-PHP-Webframework zum Aufbau einer soliden Backend-Architektur.

MySQL

Datenbankverwaltungssystem zur Speicherung und Verwaltung strukturierter Anwendungsdaten.

Flutter

UI-Softwareentwicklungskit zur Erstellung plattformübergreifender mobiler Anwendungen.

Fazit

Loopers hatte ein konkretes Problem: Abhängigkeit. Jede Fahrt, die über eine Drittplattform lief, bedeutete verlorene Marge, verlorene Daten, verlorene Markenhoheit. Die Frage war nicht, ob man ein eigenes System braucht — sondern ob man es sich leisten kann, es nicht zu bauen.

In 90 Tagen haben wir ein vollständiges Ökosystem geliefert — Kunden-App, Fahrer-App, Admin-Panel, Web-Portal. Jede Komponente so gebaut, dass sie unter realer Last funktioniert: 1M+ abgeschlossene Fahrten, 500+ verifizierte Fahrer, 24/7 Verfügbarkeit. Das sind keine Demo-Zahlen.

Loopers ist der Beweis, dass ein Startup nicht zwischen Geschwindigkeit und Qualität wählen muss — wenn das Fundament von Anfang an stimmt. Für Gründer, die eine Plattform bauen wollen, die ihnen wirklich gehört: Das ist der Standard.

Bereit loszulegen?

sds_logo

Snow Dream Studios ist ein Premium Digital Studio aus Zürich — spezialisiert auf Web, Software und digitale Strategie. Wir bauen digitale Produkte, die funktionieren, überzeugen und wachsen.

Switzerland (CH)

location_icon

Schärenmoosstrasse 77
8052 Zürich

location_icon

+41 79 667 68 17

alarm_icon

Montag - Freitag (UTC+02:00)
Öffnungszeiten : 08:00 - 17:00

© 2026 Snow Dream Studios GmbH — Zurich, SwitzerlandDatenschutzerklärung AGBs Impressum