IDENTITÉ NUMÉRIQUE / DESIGN WEB
PROJET DE STUDIONova Capital
Une plateforme financière conceptuelle qui organise patrimoine, positions, mouvements et objectifs dans un système clair. Le projet explore la densité d’un produit réel, ses données, ses états d’interface et sa continuité entre ordinateur et mobile.
Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.
- SECTEUR
- Fintech · Données · Système produit
- LANGUE DU SITE
- Anglais
- ÉDITION
- 2026
- PÉRIMÈTRE
- Identité, UI et direction de production
01 / LE CONTEXTE
Plus d’informations. Une lecture plus claire.
Nova Capital imagine un espace de lecture financière personnel. Une vue d’ensemble rejoint des outils pour examiner les positions, chercher des mouvements et suivre des projets. Montants, profils et scénarios sont des données de démonstration, sans clients ni résultats réels.
- Portefeuille, répartition et tables filtrables
- Objectifs, alertes et contexte explicatif
- Thèmes clair/sombre et états d’interface
Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.
02 / LE DÉFI
Créer de la densité sans surcharge et du contexte sans transformer chaque chiffre en recommandation. Tables, filtres, graphiques et alertes partagent un vocabulaire ; une erreur de connexion ne doit pas ressembler à un solde vide.
L’IDÉE
Surfaces claires, bleu encre et sarcelle. Grille stable, chiffres alignés et contraste hiérarchisent l’information. La couleur accompagne libellés et symboles ; elle ne porte jamais seule le sens d’une variation.
03 / AU-DELÀ DE L’ACCUEIL
Un système,
au-delà du premier écran.
La vue générale oriente ; le portefeuille permet d’approfondir. Périodes, filtres et tables conservent le contexte choisi. Répartition, mouvements et objectifs utilisent des compositions différentes pour répondre à des questions différentes, sans multiplier les navigations.
LE LANGAGE DU PROJET
Du caractère, avec justesse.
Couleur et matière
Bleu encre · blanc doux · sarcelle
Typographie et hiérarchie
Sans fonctionnelle, chiffres tabulaires et densité cohérente.
Image et mouvement
La donnée remplace la photographie. Graphiques, tables et états s’organisent par tâche ; les changements brefs de focus et de sélection préservent les repères.
Nova Capital / 01
Une question. La bonne vue.
La répartition explique la composition ; la table, les mouvements ; les objectifs, un horizon. Chaque écran choisit la représentation adaptée et rapproche date, unité et contexte de la donnée.
Nova Capital / 02
La qualité se voit aussi entre deux actions.
Alertes et aide expliquent les changements avec sources et contexte. Chargement, vide et erreur font partie du design, comme le changement de thème. Une interface financière doit communiquer ses limites aussi clairement que ses chiffres.
04 / RESPONSIVE ET INTERACTION
Un autre écran.
La même intention.
Le mobile commence par le solde, l’évolution et l’activité récente. Les positions deviennent des lignes dépliables plutôt qu’une table comprimée. Home, Portfolio, Activity et Goals gardent icônes et ordre. La configuration de l’accès reste une étape séparée, sans navigation distrayante.
DU BRIEF AU SYSTÈME
- 01Contexte
- 02Contenu
- 03Structure
- 04Direction visuelle
- 05Système UI
- 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é.
La direction technique propose React et TypeScript, des tokens sémantiques pour les deux thèmes et des contrats de données validés. Les graphiques accessibles auraient une alternative tabulaire, les filtres seraient inscrits dans l’URL et les grandes tables paginées ou virtualisées. Chargement, vide, données anciennes et erreur seraient distincts. L’assistant exigerait sources visibles et limites claires ; un accès réel, autorisations serveur, sessions et revue spécialisée. Ce cas présente des interfaces générées et des données fictives : aucun compte connecté, aucune opération ni conseil financier.
- React
- TypeScript
- Design tokens
- Tables de données
- Graphiques accessibles
- 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
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