cubee.expert

CUBEE Sachverständigen AG

Van merkidentiteit tot productieklare platform, een complete digitale oplossing voor auto-experts en hun klanten.

Terug naar de referenties

6

Talen

25+

API-endpoints

5

Stappen om schade te melden

23

Routes

Projectoverzicht

Het uitgangspunt

CUBEE branded vehicle on Frankfurt streets

CUBEE Sachverständigen AG kwam bij ons met het doel om volledig digitaal te gaan werken. Merk, klantplatform, intern beheersysteem en voertuigbelettering - alles uit één hand.

Voor ons het perfecte project: niet zomaar een website bouwen, maar de hele bedrijfsvoering begrijpen en daarvoor de juiste digitale oplossing ontwikkelen. Van logo tot adminpanel, alles afgestemd op de bedrijfslogica van een expertisebureau.

01

Uitdaging

CUBEE had een volledige digitale infrastructuur nodig: een merkidentiteit die vertrouwen en professionaliteit uitstraalt, een klantgericht platform voor afspraakboekingen en schademeldingen, en een intern beheersysteem voor de aansturing van alle bedrijfsprocessen.

02

Aanpak

Onze aanpak omvatte de volledige digitale levenscyclus: van logo-ontwerp en typografie via UX-ontwerp en frontendontwikkeling tot backendarchitectuur met realtime database, authenticatie en e-mailintegratie.

03

Resultaat

Het resultaat is een zestalig platform met interactieve locatiewijzer, volledig geautomatiseerd casemanagement, factuurgeneratie en een admindashboard dat alle bedrijfsprocessen centraal weergeeft.

Merkidentiteit

Branding & design

Voor CUBEE ontwikkelden we een volledige merkidentiteit die vertrouwen, technische expertise en toegankelijkheid verenigt.

Logo-ontwerp

Het CUBEE-logo is gebaseerd op een geometrische kubusvorm, een directe verwijzing naar de merknaam. De iconische gele kleur in combinatie met de kubische geometrie zorgt voor hoge herkenbaarheid en brengt tegelijk stabiliteit en precisie over, kernwaarden van een expertisebureau.

CUBEE Logo

Kleurensysteem

De primaire kleur blauw (#316C97) straalt vertrouwen en betrouwbaarheid uit, terwijl het secundaire koraalrood (#BA491D) dient als accentkleur voor call-to-actions en highlights. Het markante CUBEE-geel (#F9C227) vormt de kern van de merkidentiteit en komt terug van het logo tot de voertuigbelettering.

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%

Pers & media

CUBEE heeft niet alleen in de digitale wereld aandacht getrokken: het bedrijf werd ook gepresenteerd op vakbeurzen en voorgesteld in gerenommeerde media zoals Focus Online. Deze media-aandacht onderstreept de professionaliteit en marktrelevantie van het merk.

Artikel lesen
CUBEE auf der Messe – Focus Artikel

Visitekaartjes

Elk visitekaartje weerspiegelt de CUBEE-identiteit: de markante marineblauwe achterzijde met het hexagonpatroon contrasteert met de felgele voorzijde met het logo. Een doordacht ontwerp dat in elke tas indruk maakt.

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

Website

Het voltooide platform

Het resultaat van ons werk: een modern, gebruiksvriendelijk platform dat het volledige proces van schademelding tot het afgewerkte rapport digitaal in kaart brengt. De site is beschikbaar in zes talen en geoptimaliseerd voor maximale conversie.

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 heeft onze visie van een digitaal expertiseplatform perfect gerealiseerd. Van de merkidentiteit tot het adminpanel, alles vormt één geheel.

CUBEE Sachverständigen AG

CUBEE Sachverständigen AG

Directie

Iteratief voertuigontwerp

De voertuigbelettering ontstond in een iteratief ontwerpproces, van de eerste schetsen via meerdere revisierondes tot de definitieve wrap die vandaag door de straten van Frankfurt rijdt. Scroll door de ontwerpontwikkeling en ervaar hoe het concept stap voor stap is uitgegroeid tot het eindresultaat.

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

Technische architectuur

Ontwikkeling & infrastructuur

Het platform is ontworpen als full-stackapplicatie op basis van moderne webtechnologieën, met als doel maximale prestaties, schaalbaarheid en onderhoudbaarheid.

Architectuurkeuzes

01

Nuxt 4 als meta-framework biedt server-side rendering voor SEO-optimalisatie, automatische code-splitting en een uitstekende developer experience. De combinatie met Vue 3.5 en de Composition API maakt reactieve, typesafe componenten mogelijk.

02

Supabase als Backend-as-a-Service levert een PostgreSQL-database, authenticatie met rolgebaseerde toegangscontrole en realtime subscriptions, zonder de overhead van een eigen serverinfrastructuur.

03

Voor de interactieve locatiewijzer gebruiken we Mapbox GL in combinatie met de Google Maps API. Gebruikers vinden de dichtstbijzijnde expert via een kaartgebaseerde zoekfunctie met afstandsberekening.

1

Frontend

Nuxt 4 + Vue 3.5

Nuxt 4Vue 3.5Tailwind CSSshadcnPinia

SSR met automatische code-splitting. Tailwind CSS en shadcn als design-systeem, Pinia voor state management.

2

API-laag

Nitro Server

NitroValibotREST API

Typesafe REST-endpoints met automatische validatie via Valibot. CSRF-bescherming en rate limiting voor maximale veiligheid.

3

Backenddiensten

Supabase + Resend

SupabasePostgreSQLResendRealtime

PostgreSQL-database met Row-Level Security. Realtime subscriptions voor live-updates. Geautomatiseerde e-mailworkflows via de Resend API.

4

Infrastructuur

Docker + GCP

DockerGCPPostHogGTM

Gecontaineriseerde deployment op Google Cloud Platform. PostHog en Google Tag Manager voor tracking.

Techstack

  • 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 (validatie)

Platformfuncties

Kernfuncties van het systeem

01

Interactieve locatiewijzer

Kaartgebaseerde zoekfunctie naar expertlocaties met afstandsberekening, filteropties en directe afspraakboeking.

02

Afspraakboekingssysteem

Volledige boekingsflow met afspraakkeuze, schademelding en automatische e-mailbevestiging via de Resend API.

03

Casemanagement

Digitale schademelding met statustracking, rapportopstelling en geautomatiseerde factuurgeneratie met PDF-export.

04

Admindashboard

Centraal beheerpaneel voor dossiers, aanvragen en partnerlocaties met rolgebaseerde toegangscontrole via Supabase Auth.

05

Meertaligheid

Volledige internationalisering in zes talen (DE, EN, FR, IT, TR, RU) met dynamische routing en taalspecifieke inhoud.

06

WhatsApp-integratie

Directe klantcommunicatie via de Superchat API voor snelle vragen en statusupdates.

Opleveringen

  • Volledige merkidentiteit (logo, kleurensysteem, typografie)
  • Voertuigwrap-ontwerp voor buitendienstvloot
  • UX/UI-ontwerp voor klant- en admininterfaces
  • Frontendontwikkeling (Nuxt 4, Vue 3, Tailwind CSS)
  • Backendarchitectuur (Nitro, Supabase, REST API's)
  • Admindashboard met casemanagement
  • Interactieve locatiewijzer (Mapbox GL)
  • E-mailsysteem (Resend)
  • Internationalisering (6 talen)
  • Analytics-integratie (PostHog, GTM, GA4)
  • Docker-containerisatie en GCP-deployment
  • Blogsysteem (Nuxt Content, Markdown)

Projectinzichten

Technische details en belangrijke beslissingen achter het CUBEE-project

Het platform is gebaseerd op Nuxt 4 met Vue 3.5, Supabase als Backend-as-a-Service (PostgreSQL, Auth, Realtime), Nitro Server voor API-endpoints, Mapbox GL voor de locatiewijzer en Resend voor het versturen van e-mails. De deployment gebeurt gecontaineriseerd via Docker op Google Cloud Platform.

Het totale project, van de initiële merkstrategie via het UX/UI-ontwerp tot het productieklare platform, werd in meerdere fasen gerealiseerd over een periode van ongeveer 4 maanden.

Supabase biedt een direct inzetbare PostgreSQL-database met Row-Level Security, authenticatie en realtime subscriptions. Dit verkort de ontwikkelingstijd aanzienlijk en biedt toch volledige controle over de databaselogica.

Ja, het platform is volledig beschikbaar in zes talen: Duits, Engels, Frans, Italiaans, Turks en Russisch. De internationalisering omvat zowel de frontend als dynamische inhoud en e-mailsjablonen.

Het casemanagement omvat het volledige proces: schadeaangifte door de klant, automatische toewijzing aan experts, opstellen van rapporten, factuurgeneratie met PDF-export en statusopvolging. Alle acties worden centraal beheerd in het admindashboard.

Absoluut. Dankzij Nuxt 4 met server-side rendering wordt elke pagina volledig voor zoekmachines gerenderd. Daarnaast werden gestructureerde gegevens (JSON-LD), Open Graph-tags, canonieke URL's en hreflang-tags voor alle zes talen geïmplementeerd.

Neem contact met ons op

Van merk tot afgewerkt platform: heeft jouw project meer nodig dan een website, laten we dan praten. We laten zien hoe een idee een afgerond product wordt.