cubee.expert

CUBEE Sachverständigen AG

Von der Markenidentität bis zur produktionsreifen Plattform, eine digitale Komplettlösung für Kfz-Sachverständige und ihre Kunden.

Zurück zu den Referenzen
Projektüberblick

Der Ausgangspunkt

CUBEE branded vehicle on Frankfurt streets

Die CUBEE Sachverständigen AG kam mit dem Ziel zu uns, sich komplett digital aufzustellen. Marke, Kundenplattform, internes Verwaltungssystem und Fahrzeugbeschriftung - alles aus einer Hand.

Für uns das perfekte Projekt: Nicht einfach eine Website bauen, sondern das gesamte Geschäft verstehen und die richtige digitale Lösung dafür entwickeln. Vom Logo bis zum Admin-Panel, alles auf die Geschäftslogik eines Sachverständigenbüros zugeschnitten.

01
Step 1

Challenge

CUBEE benötigte eine vollständige digitale Infrastruktur: Eine Markenidentität, die Vertrauen und Professionalität vermittelt, eine kundenorientierte Plattform zur Terminbuchung und Schadensmeldung, sowie ein internes Verwaltungssystem zur Steuerung aller Geschäftsprozesse.

02
Step 2

Approach

Unser Ansatz umfasste den gesamten digitalen Lebenszyklus: Vom Logodesign und der Typografie über das UX-Design und die Frontend-Entwicklung bis hin zur Backend-Architektur mit Echtzeit-Datenbank, Authentifizierung und E-Mail-Integration.

03
Step 3

Outcome

Das Ergebnis ist eine sechssprachige Plattform mit interaktiver Standortsuche, vollautomatisiertem Fallmanagement, Rechnungsgenerierung und einem Admin-Dashboard, das alle Geschäftsprozesse zentral abbildet.

Markenidentität

Branding & Design

Für CUBEE haben wir eine vollständige Markenidentität entwickelt, die Vertrauen, technische Kompetenz und Zugänglichkeit vereint.

Logo-Design

Das CUBEE-Logo basiert auf einer geometrischen Würfelform, eine direkte Referenz zum Markennamen. Die ikonische gelbe Farbgebung in Kombination mit der kubischen Geometrie schafft hohe Wiedererkennbarkeit und transportiert gleichzeitig Stabilität und Präzision, Kernwerte eines Sachverständigenunternehmens.

CUBEE Logo

Design System

Die Primärfarbe Blau (#316C97) vermittelt Vertrauen und Seriosität, während das sekundäre Korallrot (#BA491D) als Akzentfarbe für Call-to-Actions und Hervorhebungen dient. Das markante CUBEE-Gelb (#F9C227) bildet den Kern der Markenidentität und findet sich vom Logo bis zur Fahrzeugbeschriftung.

CUBEE Sachverständigen AG

Dark Mode

CUBEE Sachverständigen AG

Light Mode

Primary

#FCC322

#FEF3CD
#FDE68A
#FCD54E
#FCC322
#DAA40E
#B8860B

Headline

Aa

Geist · Bold · 700

Buttons

Navy

#101827

Body

Aa

Poppins · Regular · 400

Line Weights

1px · Accent

2px · Divider

4px · Section

Icons

Location
Calendar
Document
Shield
Globe
Chat

Blue

#316C97

Components

Gutachten suchen...
Aktiv In Bearbeitung Entwurf

Gutachten #2024-0847

75%

Presse & Medien

CUBEE hat nicht nur in der digitalen Welt Aufmerksamkeit erregt: Das Unternehmen wurde auch auf Fachmessen präsentiert und in renommierten Medien wie Focus Online vorgestellt. Diese Medienpräsenz unterstreicht die Professionalität und Marktrelevanz der Marke.

Artikel lesen
CUBEE auf der Messe – Focus Artikel

Visitenkarten

Jede Visitenkarte spiegelt die CUBEE-Identität wider: Die markante Navy-Rückseite mit dem Hexagon-Muster kontrastiert die leuchtend gelbe Vorderseite mit dem Logo. Ein durchdachtes Design, das in jeder Tasche Eindruck hinterlässt.

CUBEE Business Card — Front
CUBEE Business Card — Back
Drag to rotate
Website

Die fertige Plattform

Das Ergebnis unserer Arbeit: Eine moderne, nutzerfreundliche Plattform, die den gesamten Prozess von der Schadensmeldung bis zum fertigen Gutachten digital abbildet. Die Seite ist in sechs Sprachen verfügbar und für maximale Conversion optimiert.

cubee.expert

Dein unabhängiger
Kfz-Sachverständiger
nach dem Unfall.

Kostenloser Service bei unverschuldetem Unfall. Wir sichern deine Ansprüche und erstellen dein Gutachten — unabhängig, schnell und fair.

Schaden melden 0800 - 28 23 333

Kostenlos bei unverschuldetem Unfall

Unabhängig & fair

Express-Gutachten möglich

Zertifizierte Sachverständige

4.9/5
aus über 500 Bewertungen

Das sagen unsere Kunden

Hunderte zufriedene Kunden vertrauen auf unsere Sachverständigen.

Schnell und professionell

"Nach meinem Unfall hatte ich innerhalb von 24 Stunden einen Sachverständigen vor Ort. Das Gutachten war detailliert und die Kommunikation top."

Michael S.
Verifiziert

Unkompliziert und fair

"Alles lief digital und reibungslos. Vom Schaden melden bis zum fertigen Gutachten hat alles gepasst. Klare Empfehlung!"

Anna K.
Verifiziert

Erstklassiger Service

"Die WhatsApp-Kommunikation war super praktisch. Innerhalb kürzester Zeit hatte ich alle Unterlagen und konnte den Schaden regulieren lassen."

Thomas W.
Verifiziert

Wie können wir dir helfen?

Wähle den passenden Service für deine Situation.

Für Geschädigte

Schaden melden

Du hattest einen Unfall? Melde deinen Schaden und erhalte innerhalb von 24 Stunden dein Gutachten.

Jetzt Schaden melden
Für Werkstätten

Partner werden

Schließe dich unserem bundesweiten Netzwerk an und profitiere von digitalem Fallmanagement.

Jetzt bewerben
So einfach geht's

In 4 Schritten zum Gutachten

Von der Schadensmeldung bis zum fertigen Gutachten — wir begleiten dich durch jeden Schritt.

1

Schaden melden

Online-Formular ausfüllen oder per WhatsApp melden

2

Termin erhalten

Wir vermitteln den nächsten Sachverständigen

3

Begutachtung

Vor-Ort-Termin oder Remote-Bewertung

4

Gutachten erhalten

Detailliertes Gutachten innerhalb 24h

Bereit für dein Gutachten?

Melde deinen Schaden in wenigen Minuten und erhalte schnelle Hilfe von unseren Sachverständigen.

Schaden melden 0800 - 28 23 333
Scrollen um mehr zu sehen
Modernice hat unsere Vision einer digitalen Gutachten-Plattform perfekt umgesetzt. Von der Markenidentität bis zum Admin-Panel, alles aus einem Guss.
CUBEE Sachverständigen AG

CUBEE Sachverständigen AG

Geschäftsführung

Iteratives Fahrzeugdesign

Die Fahrzeugbeschriftung entstand in einem iterativen Designprozess, von den ersten Entwürfen über mehrere Revisionsrunden bis zum finalen Wrap, der heute auf Frankfurts Straßen unterwegs ist. Scrolle durch die Designentwicklung und erlebe, wie sich das Konzept Schritt für Schritt zum fertigen Ergebnis verdichtet hat.

 
Base Car
Version 1
Version 2
Version 3
Version 4
Final Design
front wheelrear wheel
Technische Architektur

Entwicklung & Infrastruktur

Die Plattform wurde als Full-Stack-Anwendung auf Basis moderner Web-Technologien konzipiert, mit dem Ziel maximaler Performance, Skalierbarkeit und Wartbarkeit.

Architekturentscheidungen

Nuxt 4 als Meta-Framework bietet serverseitiges Rendering für SEO-Optimierung, automatisches Code-Splitting und eine erstklassige Developer Experience. Die Kombination mit Vue 3.5 und der Composition API ermöglicht reaktive, typsichere Komponenten.

Supabase als Backend-as-a-Service liefert PostgreSQL-Datenbank, Authentifizierung mit rollenbasierter Zugriffskontrolle und Echtzeit-Subscriptions, ohne den Overhead einer eigenen Server-Infrastruktur.

Für die interaktive Standortsuche setzen wir auf Mapbox GL in Kombination mit der Google Maps API. Nutzer finden den nächsten Sachverständigen über eine kartenbasierte Suche mit Entfernungsberechnung.

1

Frontend

Nuxt 4 + Vue 3.5

Nuxt 4Vue 3.5Tailwind CSSshadcnPinia

SSR mit automatischem Code-Splitting. Tailwind CSS und shadcn als Design-System, Pinia für State-Management.

2

API Layer

Nitro Server

NitroValibotREST API

Typsichere REST-Endpunkte mit automatischer Validierung über Valibot. CSRF-Schutz und Rate-Limiting für maximale Sicherheit.

3

Backend Services

Supabase + Resend

SupabasePostgreSQLResendRealtime

PostgreSQL-Datenbank mit Row-Level-Security. Echtzeit-Subscriptions für Live-Updates. Automatisierte E-Mail-Workflows über die Resend-API.

4

Infrastructure

Docker + GCP

DockerGCPPostHogGTM

Containerisiertes Deployment auf Google Cloud Platform. PostHog und Google Tag Manager für Tracking.

Tech Stack

Nuxt 4 + Vue 3.5
Tailwind CSS + shadcn
Supabase (PostgreSQL + Auth)
Nitro Server (Node.js)
Mapbox GL + Google Maps
Resend (E-Mail)
PostHog (Analytics)
Docker + GCP
Pinia (State)
Valibot (Validation)
Plattform-Features

Kernsystem-Features

Interaktive Standortsuche

Kartenbasierte Suche nach Sachverständigen-Standorten mit Entfernungsberechnung, Filteroptionen und direkter Terminbuchung.

Terminbuchungssystem

Vollständiger Buchungsflow mit Terminwahl, Schadenserfassung und automatischer E-Mail-Bestätigung via Resend-API.

Fallmanagement

Digitale Schadensmeldung mit Status-Tracking, Gutachten-Erstellung und automatisierter Rechnungsgenerierung mit PDF-Export.

Admin-Dashboard

Zentrales Verwaltungs-Panel für Fälle, Anfragen und Partner-Standorte mit rollenbasierter Zugriffskontrolle über Supabase Auth.

Mehrsprachigkeit

Vollständige Internationalisierung in sechs Sprachen (DE, EN, FR, IT, TR, RU) mit dynamischem Routing und sprachspezifischen Inhalten.

WhatsApp-Integration

Direkte Kundenkommunikation über die Superchat-API für schnelle Rückfragen und Statusupdates.

Lieferumfang

  • Vollständige Markenidentität (Logo, Farbsystem, Typografie)
  • Fahrzeug-Wrap-Design für Außendienstflotte
  • UX/UI-Design für Kunden- und Admin-Interfaces
  • Frontend-Entwicklung (Nuxt 4, Vue 3, Tailwind CSS)
  • Backend-Architektur (Nitro, Supabase, REST-APIs)
  • Admin-Dashboard mit Fallmanagement
  • Interaktive Standortsuche (Mapbox GL)
  • E-Mail-System (Resend)
  • Internationalisierung (6 Sprachen)
  • Analytics-Integration (PostHog, GTM, GA4)
  • Docker-Containerisierung und GCP-Deployment
  • Blog-System (Nuxt Content, Markdown)
0
Sprachen
0
API Endpoints
0
Vue-Komponenten
0
Routen

Projekt-Einblicke

Technische Details und Schlüsselentscheidungen hinter dem CUBEE-Projekt

Die Plattform basiert auf Nuxt 4 mit Vue 3.5, Supabase als Backend-as-a-Service (PostgreSQL, Auth, Realtime), Nitro Server für API-Endpunkte, Mapbox GL für die Standortsuche und Resend für den E-Mail-Versand. Das Deployment erfolgt containerisiert via Docker auf Google Cloud Platform.

Das Gesamtprojekt, von der initialen Markenstrategie über das UX/UI-Design bis zur produktionsreifen Plattform, wurde in mehreren Phasen über einen Zeitraum von etwa 4 Monaten realisiert.

Supabase bietet eine sofort einsatzbereite PostgreSQL-Datenbank mit Row-Level-Security, Authentifizierung und Echtzeit-Subscriptions. Das reduziert die Entwicklungszeit erheblich und ermöglicht dennoch volle Kontrolle über die Datenbank-Logik.

Ja, die Plattform ist vollständig in sechs Sprachen verfügbar: Deutsch, Englisch, Französisch, Italienisch, Türkisch und Russisch. Die Internationalisierung umfasst sowohl das Frontend als auch dynamische Inhalte und E-Mail-Templates.

Das Fallmanagement deckt den gesamten Prozess ab: Schadensmeldung durch den Kunden, automatische Zuweisung an Sachverständige, Gutachten-Erstellung, Rechnungsgenerierung mit PDF-Export und Statusverfolgung. Alle Aktionen werden im Admin-Dashboard zentral verwaltet.

Absolut. Durch Nuxt 4 mit serverseitigem Rendering wird jede Seite vollständig für Suchmaschinen gerendert. Zusätzlich wurden strukturierte Daten (JSON-LD), Open Graph Tags, kanonische URLs und Hreflang-Tags für alle sechs Sprachen implementiert.

Nimm Kontakt mit uns auf

Du kennst nun unseren Prozess, jetzt ist der nächste Schritt an der Reihe. Lass uns gemeinsam daran arbeiten, deine Online-Präsenz auf das nächste Level zu bringen. Warte nicht länger, vereinbare noch heute ein Gespräch mit uns und wir schauen, wie wir deinem Business mehr Sichtbarkeit verschaffen können.