IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIONova Capital
Una plataforma financiera conceptual que organiza patrimonio, posiciones, movimientos y objetivos en un sistema claro. El proyecto explora la densidad de un producto real, con atención al dato, los estados de interfaz y la continuidad entre escritorio y móvil.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Fintech · Datos · Sistema de producto
- IDIOMA DEL DISEÑO
- Inglés
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
Más información. Menos incertidumbre al leerla.
Nova Capital imagina un espacio de lectura financiera personal. La propuesta reúne una visión general con herramientas para examinar posiciones, buscar movimientos y seguir planes. Los importes, perfiles y escenarios son datos de demostración; no representan clientes ni resultados reales.
- Cartera, distribución y tablas filtrables
- Objetivos, alertas y contexto explicativo
- Temas claro/oscuro y estados de interfaz
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Dar densidad sin saturación y contexto sin convertir cada dato en una recomendación. Tablas, filtros, gráficos y avisos deben compartir vocabulario; un fallo de conexión no puede parecer un saldo vacío.
LA IDEA
Superficies claras, azul tinta y verde azulado. Retícula estable, cifras alineadas y contraste para distinguir jerarquías. El color acompaña etiquetas y símbolos; nunca es la única forma de indicar un cambio.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
La vista general orienta; la cartera permite profundizar. Los periodos, filtros y tablas mantienen el contexto seleccionado. Distribución, movimientos y objetivos usan composiciones distintas porque responden a preguntas distintas, sin multiplicar patrones de navegación.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Azul tinta · blanco suave · verde azulado
Tipografía y jerarquía
Sans funcional, cifras tabulares y un sistema de densidad consistente.
Imagen y movimiento
El dato ocupa el lugar de la fotografía. Gráficos, tablas y estados se organizan por tarea; los cambios breves de foco y selección mantienen la orientación.
Nova Capital / 01
Una pregunta. La vista adecuada.
La distribución explica composición; la tabla explica movimientos; los objetivos explican un horizonte. Cada pantalla usa la representación adecuada y mantiene fecha, unidad y contexto cerca del dato.
Nova Capital / 02
La calidad también aparece entre dos acciones.
Alertas y ayuda explican qué ha cambiado con fuentes y contexto. Los estados de carga, vacío y error forman parte del diseño, igual que el cambio de tema. Una interfaz financiera necesita comunicar límites con la misma claridad que comunica cifras.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
El móvil presenta primero saldo, evolución y actividad reciente. Las posiciones se convierten en filas desplegables, no en una tabla comprimida. Home, Portfolio, Activity y Goals mantienen iconos y orden. La configuración de acceso es un paso separado, sin distraer con navegación antes de terminar.
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.
La dirección técnica propone React y TypeScript, tokens semánticos para ambos temas y contratos de datos con validación. Gráficos accesibles tendrían alternativa tabular, filtros reflejados en la URL y tablas grandes paginadas o virtualizadas. Carga, vacío, datos antiguos y error se representarían por separado. El asistente necesitaría fuentes visibles y límites claros; el acceso real, autorización de servidor, sesiones y revisión especializada. Este caso muestra interfaces generadas y datos ficticios: no conecta cuentas, no ejecuta operaciones ni ofrece asesoramiento financiero.
- React
- TypeScript
- Design tokens
- Data tables
- Accessible charts
- 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