cubee.expert

CUBEE Sachverständigen AG

From brand identity to production-ready platform. a complete digital solution for vehicle appraisers and their customers.

Back to References
Project Overview

The Starting Point

CUBEE branded vehicle on Frankfurt streets

CUBEE Sachverständigen AG came to us with the goal of going fully digital. Brand, customer platform, internal management system and vehicle wraps - everything from a single source.

The perfect project for us: don't just build a website, but understand the entire business and develop the right digital solution. From logo to admin panel, everything tailored to the business logic of an appraisal firm.

01
Step 1

Challenge

CUBEE needed a complete digital infrastructure: A brand identity that conveys trust and professionalism, a customer-facing platform for appointment booking and damage reporting, and an internal management system to control all business processes.

02
Step 2

Approach

Our approach covered the entire digital lifecycle. from logo design and typography through UX design and frontend development to backend architecture with real-time database, authentication, and email integration.

03
Step 3

Outcome

The result is a six-language platform with interactive location finder, fully automated case management, invoice generation, and an admin dashboard that centrally manages all business processes.

Brand Identity

Branding & Design

For CUBEE, we developed a complete brand identity that unites trust, technical competence, and accessibility.

Logo Design

The CUBEE logo is based on a geometric cube form. a direct reference to the brand name. The iconic yellow color combined with cubic geometry creates high recognizability while conveying stability and precision, core values of an appraisal company.

CUBEE Logo

Design System

The primary blue (#316C97) conveys trust and seriousness, while the secondary coral (#BA491D) serves as an accent color for call-to-actions and highlights. The distinctive CUBEE yellow (#F9C227) forms the core of the brand identity, present from the logo to the vehicle livery.

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%

Press & Media

CUBEE has garnered attention beyond the digital space. the company was showcased at industry trade fairs and featured in renowned media outlets like Focus Online. This media presence underscores the brand's professionalism and market relevance.

Artikel lesen
CUBEE auf der Messe – Focus Artikel

Business Cards

Every business card reflects the CUBEE identity. the striking navy back with hexagon patterns contrasts the vibrant yellow front with the logo. A thoughtful design that leaves a lasting impression.

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

The Finished Platform

The result of our work: A modern, user-friendly platform that digitally maps the entire process from damage reporting to the finished appraisal. The site is available in six languages and optimized for maximum conversion.

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 perfectly realized our vision of a digital appraisal platform. From brand identity to admin panel. everything seamlessly integrated.
CUBEE Sachverständigen AG

CUBEE Sachverständigen AG

Management

Iterative Vehicle Design

The vehicle wrap was created through an iterative design process. from initial concepts through multiple revision rounds to the final wrap that now drives through Frankfurt's streets. Scroll through the design evolution and experience how the concept refined step by step into the finished result.

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

Development & Infrastructure

The platform was designed as a full-stack application built on modern web technologies. with the goal of maximum performance, scalability, and maintainability.

Architecture Decisions

Nuxt 4 as meta-framework provides server-side rendering for SEO optimization, automatic code splitting, and first-class developer experience. Combined with Vue 3.5 and the Composition API, it enables reactive, type-safe components.

Supabase as backend-as-a-service delivers PostgreSQL database, authentication with role-based access control, and real-time subscriptions. without the overhead of custom server infrastructure.

For the interactive location finder, we leverage Mapbox GL combined with the Google Maps API. Users find the nearest appraiser through a map-based search with distance calculation.

1

Frontend

Nuxt 4 + Vue 3.5

Nuxt 4Vue 3.5Tailwind CSSshadcnPinia

SSR with automatic code splitting. Tailwind CSS and shadcn as design system, Pinia for state management.

2

API Layer

Nitro Server

NitroValibotREST API

Type-safe REST endpoints with automatic validation via Valibot. CSRF protection and rate limiting for maximum security.

3

Backend Services

Supabase + Resend

SupabasePostgreSQLResendRealtime

PostgreSQL database with row-level security. Real-time subscriptions for live updates. Automated email workflows via Resend API.

4

Infrastructure

Docker + GCP

DockerGCPPostHogGTM

Containerized deployment on Google Cloud Platform. PostHog and Google Tag Manager for tracking.

Tech Stack

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

Core System Features

Interactive Location Finder

Map-based search for appraiser locations with distance calculation, filter options, and direct appointment booking.

Appointment Booking System

Complete booking flow with date selection, damage capture, and automatic email confirmation via Resend API.

Case Management

Digital damage reporting with status tracking, report generation, and automated invoice creation with PDF export.

Admin Dashboard

Central management panel for cases, inquiries, and partner locations with role-based access control via Supabase Auth.

Internationalization

Full internationalization in six languages (DE, EN, FR, IT, TR, RU) with dynamic routing and language-specific content.

WhatsApp Integration

Direct customer communication via Superchat API for quick inquiries and status updates.

Deliverables

  • Complete brand identity (logo, color system, typography)
  • Vehicle wrap design for field service fleet
  • UX/UI design for customer and admin interfaces
  • Frontend development (Nuxt 4, Vue 3, Tailwind CSS)
  • Backend architecture (Nitro, Supabase, REST APIs)
  • Admin dashboard with case management
  • Interactive location finder (Mapbox GL)
  • Email system (Resend)
  • Internationalization (6 languages)
  • Analytics integration (PostHog, GTM, GA4)
  • Docker containerization and GCP deployment
  • Blog system (Nuxt Content, Markdown)
0
Languages
0
API Endpoints
0
Vue Components
0
Routes

Project Insights

Technical details and key decisions behind the CUBEE project

The platform is built on Nuxt 4 with Vue 3.5, Supabase as backend-as-a-service (PostgreSQL, Auth, Realtime), Nitro Server for API endpoints, Mapbox GL for location search, and Resend for email delivery. Deployment is containerized via Docker on Google Cloud Platform.

The entire project. from initial brand strategy through UX/UI design to the production-ready platform. was realized in multiple phases over approximately 4 months.

Supabase provides an instantly ready PostgreSQL database with row-level security, authentication, and real-time subscriptions. This significantly reduces development time while maintaining full control over database logic.

Yes, the platform is fully available in six languages: German, English, French, Italian, Turkish, and Russian. Internationalization covers the frontend as well as dynamic content and email templates.

The case management covers the entire process: damage reporting by the customer, automatic assignment to appraisers, report creation, invoice generation with PDF export, and status tracking. All actions are centrally managed in the admin dashboard.

Absolutely. Through Nuxt 4 with server-side rendering, every page is fully rendered for search engines. Additionally, structured data (JSON-LD), Open Graph tags, canonical URLs, and hreflang tags were implemented for all six languages.

Get in Touch

Now that you've learned about our process, why not take the next step and let us help you take your online presence to the next level? Don't wait – schedule a call with us today and let's discuss how we can give your business the recognition it deserves.