IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOKOVA E01
Una marca eléctrica conceptual presentada como un lanzamiento de producto completo. Silueta, materiales, energía y configuración forman un relato que permite pasar de la curiosidad a una elección informada.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Automoción eléctrica · Configuración · Lanzamiento
- IDIOMA DEL DISEÑO
- Inglés
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
Un producto complejo. Un recorrido preciso.
KOVA E01 imagina una berlina eléctrica y el sistema digital para descubrirla. La web tiene dos modos complementarios: observar el producto y construir una configuración. El objetivo de la propuesta es demostrar dirección de producto, no anunciar un vehículo real.
- Exploración del producto y materiales
- Configurador y comparación de versiones
- Resumen y registro de interés
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Hacer comprensible la tecnología sin convertir cada sección en una ficha interminable. La configuración debe mantener compatibles acabado, ruedas e interior, mientras el relato sigue siendo inmersivo y rápido.
LA IDEA
Grafito, plata y un acento eléctrico contenido. Tipografía sans de gran escala, reglas finas y vistas de producto precisas. El mismo vehículo se presenta desde el conjunto, el corte técnico y la materia para evitar una sucesión de portadas idénticas.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
El escritorio permite explorar el vehículo junto a sus controles. Acabados y ruedas muestran un estado seleccionado explícito; la comparación de versiones separa diferencias reales de elementos compartidos. El resumen final conserva las decisiones antes de registrar interés.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Grafito · plata · acento eléctrico
Tipografía y jerarquía
Sans precisa, titulares amplios y etiquetas técnicas de ritmo estable.
Imagen y movimiento
Producto, cortes y materiales. La intención de movimiento conecta ángulos y variantes; los diagramas explican relaciones sin efectos de ciencia ficción.
KOVA E01 / 01
Entender lo que no se ve.
Batería, habitáculo y estructura tienen capítulos propios. Los cortes y las escalas de imagen sirven a una explicación; la tipografía y las unidades mantienen continuidad entre emoción y especificación.
KOVA E01 / 02
De la comparación a una elección guardada.
La tabla conserva las mismas filas para cada versión. El cierre devuelve al usuario su configuración completa y una acción sin ambigüedad: registrar interés. No se solicita un pago para un producto imaginario.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
El relato vertical dedica cada capítulo a una idea: forma, energía o interior. El configurador móvil separa decisiones por pasos y mantiene el resumen cerca del botón. E01, Configure, Specs y Reserve conservan su orden e iconos; los detalles técnicos se abren sin reducir una tabla de escritorio.
DEL BRIEF AL SISTEMA
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 06Responsive
El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.
05 / DIRECCIÓN TÉCNICA
Preparado para pensar
en producción.
Implementación recomendada para este concepto; no describe un sitio ya desarrollado o desplegado.
Una implementación podría cargar Three.js/WebGL únicamente al abrir el configurador, con imágenes como alternativa. Un modelo de estado tipado comprobaría opciones compatibles y serializaría la configuración. Animación por transformaciones y diagramas SVG evitarían repintados pesados; las secuencias de canvas tendrían límites de resolución y se detendrían fuera de vista. Teclado, movimiento reducido y una reserva HTML seguirían funcionando sin 3D. Las cifras, prestaciones y precios de los visuales son objetivos inventados para el concepto, no mediciones ni una oferta comercial.
- React
- TypeScript
- Three.js / WebGL
- SVG
- Canvas
- HTML semántico, teclado y contraste
- Imágenes responsive y carga progresiva
- Contenido indexable y estructura SEO
El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.
HABLEMOS
Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.
Cuéntanos
qué tienes en mente.
No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.
Presupuesto a medida. Te proponemos una solución clara, sin compromiso.
PARA ROMPER EL HIELO
- Qué hace tu negocio
- Qué te gustaría mejorar
- Tu web actual, si la tienes