cubee.expert

CUBEE Sachverständigen AG

De l’identité de marque à une plateforme prête pour la production, une solution numérique complète pour les experts automobiles et leurs clients.

Retour aux références

6

Langues

25+

Points de terminaison API

5

Étapes pour déclarer un sinistre

23

Routes

Aperçu du projet

Le point de départ

CUBEE branded vehicle on Frankfurt streets

CUBEE Sachverständigen AG nous a sollicités avec l’objectif de se numériser entièrement. Marque, plateforme client, système de gestion interne et marquage des véhicules — le tout auprès d’un seul prestataire.

Pour nous, le projet parfait : ne pas simplement créer un site web, mais comprendre l’ensemble de l’activité et développer la solution numérique adéquate. Du logo au panneau d’administration, tout a été adapté à la logique métier d’un cabinet d’expertise.

01

Défi

CUBEE avait besoin d’une infrastructure numérique complète : une identité de marque inspirant confiance et professionnalisme, une plateforme orientée client pour la prise de rendez-vous et la déclaration de sinistres, ainsi qu’un système de gestion interne pour piloter tous les processus métier.

02

Approche

Notre approche a couvert l’ensemble du cycle de vie numérique : de la conception du logo et de la typographie au design UX et au développement frontend, jusqu’à l’architecture backend avec base de données en temps réel, authentification et intégration des e-mails.

03

Résultat

Le résultat est une plateforme en six langues avec recherche interactive de sites, gestion des dossiers entièrement automatisée, génération de factures et tableau de bord administrateur centralisant tous les processus métier.

Identité de marque

Branding & design

Pour CUBEE, nous avons développé une identité de marque complète qui allie confiance, expertise technique et accessibilité.

Conception du logo

Le logo CUBEE repose sur une forme de cube géométrique, une référence directe au nom de la marque. Sa couleur jaune emblématique, associée à la géométrie cubique, crée une forte reconnaissance tout en véhiculant stabilité et précision, des valeurs fondamentales d’une entreprise d’expertise.

CUBEE Logo

Système de couleurs

La couleur primaire bleue (#316C97) inspire confiance et sérieux, tandis que le rouge corail secondaire (#BA491D) sert de couleur d’accentuation pour les appels à l’action et les mises en avant. Le jaune CUBEE caractéristique (#F9C227) constitue le cœur de l’identité de marque et se retrouve du logo au marquage des véhicules.

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 & médias

CUBEE n’a pas seulement attiré l’attention dans le monde numérique : l’entreprise a également été présentée lors de salons professionnels et dans des médias renommés tels que Focus Online. Cette présence médiatique souligne le professionnalisme et la pertinence de la marque sur son marché.

Artikel lesen
CUBEE auf der Messe – Focus Artikel

Cartes de visite

Chaque carte de visite reflète l’identité de CUBEE : le verso bleu marine distinctif avec son motif hexagonal contraste avec le recto jaune vif et son logo. Un design réfléchi qui laisse une impression dans toutes les poches.

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

Site web

La plateforme finalisée

Le résultat de notre travail : une plateforme moderne et conviviale qui numérise l’ensemble du processus, de la déclaration de sinistre au rapport d’expertise finalisé. Le site est disponible en six langues et optimisé pour maximiser la 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 a parfaitement concrétisé notre vision d’une plateforme numérique d’expertise. De l’identité de marque au panneau d’administration, tout est parfaitement cohérent.

CUBEE Sachverständigen AG

CUBEE Sachverständigen AG

Direction

Design itératif des véhicules

Le marquage des véhicules a été conçu dans le cadre d’un processus itératif, des premières ébauches à plusieurs cycles de révision jusqu’au covering final qui circule aujourd’hui dans les rues de Francfort. Faites défiler l’évolution du design et découvrez comment le concept s’est progressivement concrétisé.

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

Architecture technique

Développement & infrastructure

La plateforme a été conçue comme une application full-stack basée sur des technologies web modernes, avec pour objectifs une performance, une évolutivité et une maintenabilité maximales.

Décisions d’architecture

01

Nuxt 4, en tant que méta-framework, offre le rendu côté serveur pour l’optimisation SEO, la division automatique du code et une excellente expérience développeur. La combinaison avec Vue 3.5 et l’API Composition permet de créer des composants réactifs et typés.

02

Supabase, en tant que backend en tant que service, fournit une base de données PostgreSQL, une authentification avec contrôle d’accès basé sur les rôles et des abonnements en temps réel, sans la surcharge d’une infrastructure serveur propre.

03

Pour la recherche interactive de sites, nous utilisons Mapbox GL en combinaison avec l’API Google Maps. Les utilisateurs trouvent l’expert le plus proche grâce à une recherche cartographique avec calcul des distances.

1

Frontend

Nuxt 4 + Vue 3.5

Nuxt 4Vue 3.5Tailwind CSSshadcnPinia

SSR avec division automatique du code. Tailwind CSS et shadcn comme système de design, Pinia pour la gestion de l’état.

2

Couche API

Nitro Server

NitroValibotREST API

Points de terminaison REST typés avec validation automatique via Valibot. Protection CSRF et limitation de débit pour une sécurité maximale.

3

Services backend

Supabase + Resend

SupabasePostgreSQLResendRealtime

Base de données PostgreSQL avec sécurité au niveau des lignes. Abonnements en temps réel pour les mises à jour en direct. Workflows d’e-mails automatisés via l’API Resend.

4

Infrastructure

Docker + GCP

DockerGCPPostHogGTM

Déploiement conteneurisé sur Google Cloud Platform. PostHog et Google Tag Manager pour le suivi.

Stack technique

  • 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 (État)
  • Valibot (Validation)

Fonctionnalités de la plateforme

Fonctionnalités principales

01

Recherche interactive de sites

Recherche cartographique de sites d’experts avec calcul des distances, options de filtrage et prise de rendez-vous directe.

02

Système de prise de rendez-vous

Flux de réservation complet avec choix du rendez-vous, déclaration de sinistre et confirmation automatique par e-mail via l’API Resend.

03

Gestion des dossiers

Déclaration de sinistre numérique avec suivi des statuts, création de rapports d’expertise et génération automatisée de factures avec export PDF.

04

Tableau de bord administrateur

Panneau de gestion centralisé pour les dossiers, demandes et sites partenaires, avec contrôle d’accès basé sur les rôles via Supabase Auth.

05

Multilinguisme

Internationalisation complète en six langues (DE, EN, FR, IT, TR, RU) avec routage dynamique et contenus spécifiques à chaque langue.

06

Intégration WhatsApp

Communication client directe via l’API Superchat pour des demandes rapides et des mises à jour de statut.

Livrables

  • Identité de marque complète (logo, système de couleurs, typographie)
  • Design de covering pour la flotte de véhicules de terrain
  • Conception UX/UI pour les interfaces client et administrateur
  • Développement frontend (Nuxt 4, Vue 3, Tailwind CSS)
  • Architecture backend (Nitro, Supabase, API REST)
  • Tableau de bord administrateur avec gestion des dossiers
  • Recherche interactive de sites (Mapbox GL)
  • Système d’e-mails (Resend)
  • Internationalisation (6 langues)
  • Intégration analytique (PostHog, GTM, GA4)
  • Conteneurisation Docker et déploiement sur GCP
  • Système de blog (Nuxt Content, Markdown)

Aperçu du projet

Détails techniques et décisions clés derrière le projet CUBEE

La plateforme repose sur Nuxt 4 avec Vue 3.5, Supabase comme backend en tant que service (PostgreSQL, Auth, Realtime), Nitro Server pour les points de terminaison API, Mapbox GL pour la recherche de sites et Resend pour l’envoi d’e-mails. Le déploiement est conteneurisé via Docker sur Google Cloud Platform.

L’ensemble du projet, de la stratégie de marque initiale à la plateforme prête pour la production en passant par le design UX/UI, a été réalisé en plusieurs phases sur une période d’environ 4 mois.

Supabase propose une base de données PostgreSQL prête à l’emploi avec sécurité au niveau des lignes, authentification et abonnements en temps réel. Cela réduit considérablement le temps de développement tout en conservant un contrôle total sur la logique de la base de données.

Oui, la plateforme est entièrement disponible en six langues : allemand, anglais, français, italien, turc et russe. L’internationalisation couvre à la fois le frontend, les contenus dynamiques et les modèles d’e-mails.

La gestion des dossiers couvre l’ensemble du processus : déclaration de sinistre par le client, attribution automatique aux experts, création de rapports d’expertise, génération de factures avec export PDF et suivi des statuts. Toutes les actions sont gérées de manière centralisée dans le tableau de bord administrateur.

Absolument. Grâce à Nuxt 4 avec rendu côté serveur, chaque page est entièrement rendue pour les moteurs de recherche. Des données structurées (JSON-LD), des balises Open Graph, des URL canoniques et des balises Hreflang ont également été implémentées pour les six langues.

Prends contact avec nous

De la marque à la plateforme finie : si ton projet demande plus qu'un site web, parlons-en. Nous te montrons comment une idée devient un produit abouti.