DIGITAL IDENTITY / WEB DESIGN
STUDIO PROJECTNova Capital
A conceptual financial platform that organises wealth, positions, activity and goals into a clear system. The project explores the density of a real product, with attention to data, interface states and continuity across desktop and mobile.
An independent AsturaWeb exploration. Digital experience design, rather than a client commission.
- INDUSTRY
- Fintech · Data · Product system
- WEBSITE LANGUAGE
- English
- EDITION
- 2026
- SCOPE
- Identity, UI and production direction
01 / THE CONTEXT
More information. Less uncertainty in reading it.
Nova Capital imagines a personal financial workspace. It combines an overview with tools to examine positions, find transactions and follow plans. Amounts, profiles and scenarios are demonstration data, not real clients or results.
- Portfolio, allocation and filterable tables
- Goals, alerts and explanatory context
- Light/dark themes and interface states
The artwork keeps its original language. The case study follows your chosen AsturaWeb language.
02 / THE CHALLENGE
Create density without overload and context without turning every number into a recommendation. Tables, filters, charts and alerts share a vocabulary; a connection failure must not look like an empty balance.
THE IDEA
Light surfaces, ink blue and teal. A stable grid, aligned figures and contrast distinguish hierarchy. Colour supports labels and symbols; it is never the only way to indicate a change.
03 / BEYOND THE HOMEPAGE
A complete system,
beyond the first screen.
The overview provides orientation; the portfolio enables depth. Periods, filters and tables retain selected context. Allocation, transactions and goals use different compositions because they answer different questions, without multiplying navigation patterns.
THE PROJECT’S VISUAL LANGUAGE
Character, with purpose.
Colour & material
Ink blue · soft white · teal
Typography & hierarchy
Functional sans, tabular figures and a consistent density system.
Imagery & motion
Data takes the place of photography. Charts, tables and states are organised by task; brief focus and selection changes preserve orientation.
Nova Capital / 01
One question. The right view.
Allocation explains composition; the table explains activity; goals explain a horizon. Each screen uses the appropriate representation and keeps date, unit and context close to the data.
Nova Capital / 02
Quality also lives between actions.
Alerts and help explain what changed with sources and context. Loading, empty and error states are part of the design, as is theme switching. A financial interface must communicate limits as clearly as figures.
04 / RESPONSIVE & INTERACTION
Another screen.
The same intention.
Mobile leads with balance, performance and recent activity. Positions become expandable rows rather than a compressed table. Home, Portfolio, Activity and Goals retain icons and order. Access setup is a separate step without distracting navigation before completion.
FROM BRIEF TO SYSTEM
- 01Context
- 02Content
- 03Structure
- 04Visual direction
- 05UI system
- 06Responsive
Development, integrations and production validation belong to a later phase, defined around the actual scope.
05 / TECHNICAL DIRECTION
Designed with
production in mind.
A recommended implementation for this concept, not a claim about an already built or deployed website.
The technical direction proposes React and TypeScript, semantic tokens for both themes and validated data contracts. Accessible charts would have tabular alternatives, URL-backed filters and large tables with pagination or virtualisation. Loading, empty, stale and error states would remain distinct. An assistant would need visible sources and clear limits; real access would require server authorisation, sessions and specialist review. This case shows generated interfaces and fictional data: it connects no accounts, executes no trades and provides no financial advice.
- React
- TypeScript
- Design tokens
- Data tables
- Accessible charts
- Semantic HTML, keyboard access and contrast
- Responsive images and progressive loading
- Indexable content and SEO structure
Hosting, consent-based measurement and structured data would be defined around verified information and practical needs.
LET’S TALK
A new website, a redesign or an idea you haven't quite worked out yet. Write to us and we’ll explore what makes sense together.
Tell us
what you have in mind.
Shape my project
Based in Asturias. Working remotely across Spain, Europe and worldwide.
You don't need technical knowledge or a fully formed plan. Tell us what you do and what you’d like to improve. We’ll start there.
A tailored quote. A clear proposal, with no obligation.
TO GET THE CONVERSATION STARTED
- What your business does
- What you’d like to improve
- Your current website, if you have one