cubee.expert

CUBEE Sachverständigen AG

Desde la identidad de marca hasta una plataforma lista para producción: una solución digital integral para peritos de vehículos y sus clientes.

Volver a las referencias

6

Idiomas

25+

Endpoints de API

5

Pasos para declarar un siniestro

23

Rutas

Resumen del proyecto

El punto de partida

CUBEE branded vehicle on Frankfurt streets

CUBEE Sachverständigen AG acudió a nosotros con el objetivo de digitalizarse por completo. Marca, plataforma para clientes, sistema interno de gestión y rotulación de vehículos: todo de una sola mano.

Para nosotros, el proyecto perfecto: no se trataba simplemente de crear un sitio web, sino de comprender todo el negocio y desarrollar la solución digital adecuada. Desde el logotipo hasta el panel de administración, todo adaptado a la lógica de negocio de una oficina pericial.

01

Desafío

CUBEE necesitaba una infraestructura digital completa: una identidad de marca que transmitiera confianza y profesionalidad, una plataforma orientada al cliente para reservar citas y notificar daños, así como un sistema interno de gestión para controlar todos los procesos de negocio.

02

Enfoque

Nuestro enfoque abarcó todo el ciclo de vida digital: desde el diseño del logotipo y la tipografía, pasando por el diseño UX y el desarrollo frontend, hasta la arquitectura backend con base de datos en tiempo real, autenticación e integración de correo electrónico.

03

Resultado

El resultado es una plataforma en seis idiomas con buscador interactivo de ubicaciones, gestión de casos totalmente automatizada, generación de facturas y un panel de administración que centraliza todos los procesos de negocio.

Identidad de marca

Branding y diseño

Para CUBEE desarrollamos una identidad de marca completa que combina confianza, competencia técnica y accesibilidad.

Diseño de logotipo

El logotipo de CUBEE se basa en una forma geométrica de cubo, una referencia directa al nombre de la marca. El icónico color amarillo combinado con la geometría cúbica genera un alto reconocimiento y transmite a la vez estabilidad y precisión, valores fundamentales de una empresa pericial.

CUBEE Logo

Sistema de colores

El color primario azul (#316C97) transmite confianza y seriedad, mientras que el rojo coral secundario (#BA491D) sirve como color de acento para llamadas a la acción y destacados. El distintivo amarillo CUBEE (#F9C227) constituye el núcleo de la identidad de marca y aparece desde el logotipo hasta la rotulación de vehículos.

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%

Prensa y medios

CUBEE no solo ha atraído atención en el mundo digital: la empresa también se presentó en ferias especializadas y apareció en medios de renombre como Focus Online. Esta presencia mediática subraya la profesionalidad y relevancia de la marca en el mercado.

Artikel lesen
CUBEE auf der Messe – Focus Artikel

Tarjetas de visita

Cada tarjeta de visita refleja la identidad de CUBEE: el distintivo reverso azul marino con patrón hexagonal contrasta con el luminoso anverso amarillo con el logotipo. Un diseño bien pensado que deja huella en cualquier bolsillo.

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

Sitio web

La plataforma finalizada

El resultado de nuestro trabajo: una plataforma moderna y fácil de usar que digitaliza todo el proceso, desde la notificación de daños hasta el informe pericial finalizado. El sitio está disponible en seis idiomas y optimizado para maximizar la conversión.

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 hizo realidad a la perfección nuestra visión de una plataforma digital de informes periciales. Desde la identidad de marca hasta el panel de administración, todo con una coherencia total.

CUBEE Sachverständigen AG

CUBEE Sachverständigen AG

Dirección

Diseño iterativo de vehículos

La rotulación del vehículo se creó mediante un proceso de diseño iterativo, desde los primeros bocetos y varias rondas de revisión hasta el wrap final que hoy circula por las calles de Fráncfort. Desplázate por la evolución del diseño y descubre cómo el concepto se fue consolidando paso a paso hasta el resultado final.

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

Arquitectura técnica

Desarrollo e infraestructura

La plataforma fue concebida como una aplicación full-stack basada en tecnologías web modernas, con el objetivo de lograr el máximo rendimiento, escalabilidad y facilidad de mantenimiento.

Decisiones de arquitectura

01

Nuxt 4 como meta-framework ofrece renderizado del lado del servidor para optimización SEO, división automática de código y una excelente experiencia de desarrollo. La combinación con Vue 3.5 y la Composition API permite crear componentes reactivos y con seguridad de tipos.

02

Supabase como backend como servicio proporciona una base de datos PostgreSQL, autenticación con control de acceso basado en roles y suscripciones en tiempo real, sin la sobrecarga de una infraestructura de servidores propia.

03

Para la búsqueda interactiva de ubicaciones utilizamos Mapbox GL en combinación con la API de Google Maps. Los usuarios encuentran al perito más cercano mediante una búsqueda basada en mapas con cálculo de distancia.

1

Frontend

Nuxt 4 + Vue 3.5

Nuxt 4Vue 3.5Tailwind CSSshadcnPinia

SSR con división automática de código. Tailwind CSS y shadcn como sistema de diseño, Pinia para la gestión del estado.

2

Capa de API

Servidor Nitro

NitroValibotREST API

Endpoints REST con seguridad de tipos y validación automática mediante Valibot. Protección CSRF y limitación de tasa para máxima seguridad.

3

Servicios de backend

Supabase + Resend

SupabasePostgreSQLResendRealtime

Base de datos PostgreSQL con seguridad a nivel de fila. Suscripciones en tiempo real para actualizaciones en directo. Flujos de trabajo de correo electrónico automatizados mediante la API de Resend.

4

Infraestructura

Docker + GCP

DockerGCPPostHogGTM

Despliegue contenerizado en Google Cloud Platform. PostHog y Google Tag Manager para seguimiento.

Stack tecnológico

  • Nuxt 4 + Vue 3.5
  • Tailwind CSS + shadcn
  • Supabase (PostgreSQL + Auth)
  • Nitro Server (Node.js)
  • Mapbox GL + Google Maps
  • Resend (correo electrónico)
  • PostHog (analítica)
  • Docker + GCP
  • Pinia (estado)
  • Valibot (validación)

Funciones de la plataforma

Funciones principales del sistema

01

Buscador interactivo de ubicaciones

Búsqueda basada en mapas de ubicaciones de peritos con cálculo de distancia, opciones de filtrado y reserva directa de citas.

02

Sistema de reserva de citas

Flujo de reserva completo con selección de cita, registro de daños y confirmación automática por correo electrónico mediante la API de Resend.

03

Gestión de casos

Notificación digital de daños con seguimiento de estado, creación de informes periciales y generación automatizada de facturas con exportación a PDF.

04

Panel de administración

Panel de administración central para casos, solicitudes y ubicaciones de socios, con control de acceso basado en roles mediante Supabase Auth.

05

Multilingüismo

Internacionalización completa en seis idiomas (DE, EN, FR, IT, TR, RU) con enrutamiento dinámico y contenidos específicos por idioma.

06

Integración de WhatsApp

Comunicación directa con clientes mediante la API de Superchat para consultas rápidas y actualizaciones de estado.

Entregables

  • Identidad de marca completa (logotipo, sistema de colores, tipografía)
  • Diseño de wrap para la flota de vehículos de servicio externo
  • Diseño UX/UI para interfaces de clientes y administración
  • Desarrollo frontend (Nuxt 4, Vue 3, Tailwind CSS)
  • Arquitectura backend (Nitro, Supabase, API REST)
  • Panel de administración con gestión de casos
  • Buscador interactivo de ubicaciones (Mapbox GL)
  • Sistema de correo electrónico (Resend)
  • Internacionalización (6 idiomas)
  • Integración de analítica (PostHog, GTM, GA4)
  • Contenerización con Docker y despliegue en GCP
  • Sistema de blog (Nuxt Content, Markdown)

Información del proyecto

Detalles técnicos y decisiones clave detrás del proyecto CUBEE

La plataforma se basa en Nuxt 4 con Vue 3.5, Supabase como backend como servicio (PostgreSQL, Auth, Realtime), Nitro Server para endpoints de API, Mapbox GL para la búsqueda de ubicaciones y Resend para el envío de correos electrónicos. El despliegue se realiza de forma contenerizada mediante Docker en Google Cloud Platform.

El proyecto completo, desde la estrategia de marca inicial y el diseño UX/UI hasta la plataforma lista para producción, se desarrolló en varias fases durante un periodo de aproximadamente 4 meses.

Supabase ofrece una base de datos PostgreSQL lista para usar con seguridad a nivel de fila, autenticación y suscripciones en tiempo real. Esto reduce considerablemente el tiempo de desarrollo y, aun así, permite un control total sobre la lógica de la base de datos.

Sí, la plataforma está disponible íntegramente en seis idiomas: alemán, inglés, francés, italiano, turco y ruso. La internacionalización abarca tanto el frontend como los contenidos dinámicos y las plantillas de correo electrónico.

La gestión de casos cubre todo el proceso: notificación de daños por parte del cliente, asignación automática a peritos, elaboración de informes periciales, generación de facturas con exportación a PDF y seguimiento del estado. Todas las acciones se gestionan de forma centralizada en el panel de administración.

Por supuesto. Gracias a Nuxt 4 con renderizado del lado del servidor, cada página se renderiza completamente para los motores de búsqueda. Además, se implementaron datos estructurados (JSON-LD), etiquetas Open Graph, URL canónicas y etiquetas Hreflang para los seis idiomas.

Ponte en contacto con nosotros

De la marca a la plataforma terminada: si tu proyecto necesita más que una web, hablemos. Te mostramos cómo una idea se convierte en un producto redondo.