Retour aux projets

IDENTITÉ NUMÉRIQUE / DESIGN WEB

PROJET DE STUDIO

KOVA E01

Une marque électrique conceptuelle présentée comme un lancement complet. Silhouette, matériaux, énergie et configuration composent un récit qui mène de la curiosité à un choix éclairé.

Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.

SECTEUR
Automobile électrique · Configuration · Lancement
LANGUE DU SITE
Anglais
ÉDITION
2026
PÉRIMÈTRE
Identité, UI et direction de production
La présentation du véhicule : design, caractère et accès à la configuration.DESIGN DU SITE

01 / LE CONTEXTE

Un produit complexe. Un parcours précis.

KOVA E01 imagine une berline électrique et son système de découverte numérique. Deux modes se complètent : explorer le produit et construire une configuration. La proposition démontre une direction produit sans annoncer de véhicule réel.

  • Exploration du produit et des matériaux
  • Configurateur et comparaison des versions
  • Récapitulatif et inscription d’intérêt

Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.

02 / LE DÉFI

Rendre la technologie compréhensible sans transformer chaque section en fiche interminable. La configuration doit préserver la compatibilité des finitions, roues et habitacle tout en gardant un récit immersif et rapide.

L’IDÉE

Graphite, argent et accent électrique contenu. Grande typographie sans serif, filets fins et vues précises. Le même véhicule apparaît en vue d’ensemble, en coupe technique et en étude de matière, sans répéter la même composition.

03 / AU-DELÀ DE L’ACCUEIL

Un système,
au-delà du premier écran.

L’ordinateur place le véhicule à côté des commandes. Finitions et roues affichent une sélection explicite ; la comparaison distingue différences et éléments communs. Le récapitulatif final conserve les choix avant l’inscription d’intérêt.

Configuration : finition, roues et version.DESIGN DU SITE

LE LANGAGE DU PROJET

Du caractère, avec justesse.

Couleur et matière

Graphite · argent · accent électrique

Typographie et hiérarchie

Sans précise, grands titres et libellés techniques au rythme stable.

Image et mouvement

Produit, coupes et matériaux. Le mouvement relie angles et variantes ; les schémas expliquent les relations sans effets de science-fiction.

KOVA E01 / 01

Comprendre ce qui ne se voit pas.

Batterie, habitacle et structure disposent de chapitres dédiés. Coupes et échelles d’image soutiennent l’explication ; typographie et unités relient émotion et spécification.

Énergie, autonomie et recharge conceptuelleDESIGN DU SITE
Habitacle et matériauxDESIGN DU SITE
Performances et spécifications proposéesDESIGN DU SITE
Architecture technique et sécurité conceptuelleDESIGN DU SITE

KOVA E01 / 02

De la comparaison au choix enregistré.

La comparaison garde les mêmes lignes pour chaque version. La dernière étape restitue la configuration et une action claire : enregistrer son intérêt. Aucun paiement n’est demandé pour un produit imaginaire.

Comparaison des versionsDESIGN DU SITE
Configuration finale et inscription d’intérêtDESIGN DU SITE

04 / RESPONSIVE ET INTERACTION

Un autre écran.
La même intention.

Le récit vertical consacre chaque chapitre à une idée : forme, énergie ou habitacle. Le configurateur mobile sépare les choix par étapes et rapproche le résumé de l’action. E01, Configure, Specs et Reserve gardent ordre et icônes ; les détails évitent une table de bureau miniaturisée.

KOVA E01 — Lancement · long récit vertical
Lancement · long récit vertical
KOVA E01 — Finitions et configuration
Finitions et configuration
KOVA E01 — Énergie et spécifications
Énergie et spécifications
KOVA E01 — Récapitulatif et prochaine étape
Récapitulatif et prochaine étape

DU BRIEF AU SYSTÈME

  1. 01Contexte
  2. 02Contenu
  3. 03Structure
  4. 04Direction visuelle
  5. 05Système UI
  6. 06Responsive

Développement, intégrations et validation de production relèvent d’une phase ultérieure, définie selon le périmètre réel.

05 / DIRECTION TECHNIQUE

Pensé pour envisager
la production.

Une mise en œuvre recommandée pour ce concept, sans prétendre à un site déjà développé ou déployé.

Une réalisation pourrait charger Three.js/WebGL à l’ouverture du configurateur, avec des images en alternative. Un modèle d’état typé vérifierait les compatibilités et sérialiserait la configuration. Transformations et schémas SVG limiteraient les recalculs ; les séquences canvas auraient une résolution plafonnée et s’arrêteraient hors écran. Clavier, mouvement réduit et formulaire HTML fonctionneraient sans 3D. Chiffres, performances et prix sont inventés pour le concept, sans mesure ni offre commerciale.

  • React
  • TypeScript
  • Three.js / WebGL
  • SVG
  • Canvas
  • HTML sémantique, clavier et contraste
  • Images responsive et chargement progressif
  • Contenu indexable et structure SEO

Hébergement, mesure avec consentement et données structurées seraient définis à partir d’informations vérifiées et de besoins concrets.

PARLONS-EN

Un nouveau site, une refonte ou une idée encore à préciser. Écrivez-nous : nous verrons ensemble ce qui mérite d’être construit.

Parlez-nous
de votre idée.

Donner forme à mon projet
Que souhaitez-vous faire ?
Le contexte

Quel site avez-vous en tête ?

Parlez-nous de votre activité et de ce que votre futur site doit vous apporter.

Type de site

Choisissez une option. Vous pourrez la modifier.

Que doit vous apporter ce site ?
Quelle est votre activité ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?
Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’est-ce qui ne fonctionne plus ?

Dites-nous ce qui doit changer et ce qui mérite d’être conservé.

Ce que vous souhaitez changer

Plusieurs choix sont possibles.

Que souhaitez-vous conserver ?
Un changement est-il prioritaire ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Où souhaitez-vous être plus visible ?

Parlez-nous de votre offre et des endroits où vous voulez être trouvé.

Le public à atteindre

Choisissez une option. Vous pourrez la modifier.

Que souhaitez-vous améliorer ?
Quels produits ou services proposez-vous ?

Indiquez votre site ou décrivez brièvement votre offre. L’un des deux suffit.

Dans quelle ville, région ou sur quel marché travaillez-vous ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’avez-vous en tête ?

Vous n’avez pas besoin d’avoir tout défini. Dites-nous ce que vous souhaitez accomplir.

La forme de votre idée

Choisissez une option. Vous pourrez la modifier.

Qui l’utiliserait ?
Que souhaitez-vous automatiser ?
Où l’IA pourrait-elle être utile ?
Que mettrait la plateforme en relation ?
De quoi votre commerce a-t-il besoin ?
Par quoi aimeriez-vous commencer ?
Qu’aimeriez-vous simplifier ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Le contact

Vos coordonnées

Quelques lignes suffisent. N’incluez pas d’informations sensibles.

Votre message est envoyé uniquement lorsque vous choisissez « Envoyer mon projet ».

hola@asturaweb.com

Basé dans les Asturies. Des projets à distance en Espagne, en Europe et à l’international.

Pas besoin de maîtriser la technique ni d’avoir tout décidé. Dites-nous ce que vous faites et ce que vous souhaitez améliorer. C’est notre point de départ.

Un devis sur mesure. Une proposition claire, sans engagement.

POUR LANCER LA CONVERSATION

  • Ce que fait votre entreprise
  • Ce que vous aimeriez améliorer
  • Votre site actuel, si vous en avez un

Consulter la politique et les données stockées dans le navigateur

ASTURA / BRIEF

Votre projet, en clair.

  1. 01L’idée
  2. 02Le contexte
  3. 03Le contact
Que souhaitez-vous faire ?

Vous pouvez aussi nous écrire directement.

hola@asturaweb.comWhatsApp ↗