Diseño Prototipo Software Sostenibilidad & IA

Trabajo Final de Máster UX/UI · Aula Creactiva · Figma · Junio 2025

EcoSense Suite: Software de Sostenibilidad con IA para la Gestión ESG Empresarial

Plataforma modular SaaS B2B diseñada desde cero con Design Thinking para democratizar el acceso a la gestión ESG. Validada con 5 profesionales del sector ESG. 50+ pantallas en Figma, prototipo funcional interactivo.

SUS Score 67.5 / 100 NPS +20 92% tasa de éxito 50+ pantallas Figma WCAG 2.1 AA
67.5 SUS 92% Éxito +20 NPS E S G
FASE 1 Investigación Discover
FASE 2 Estrategia UX Define
FASE 3 Prototipado Figma
FASE 4 Validación 5 usuarios
Resultados de validación

Métricas de usabilidad validadas con usuarios reales

Validación empírica con 5 profesionales del sector ESG — responsables de sostenibilidad, analistas y consultores — mediante pruebas de tareas con observación directa.

67.5 SUS Score — sobre media del sector ESG software
+20 NPS — satisfacción validada con usuarios reales del sector
92% tasa de éxito en tareas críticas de reporting CSRD
50+ pantallas con design system de 100+ componentes reutilizables
El problema

Brecha tecnológica en gestión ESG: por qué existe este proyecto

La CSRD obliga a miles de empresas europeas a reportar bajo estándares ESRS. El 73% de las empresas españolas gestiona datos ESG con hojas de cálculo manuales, dedicando más de 40 horas mensuales a tareas de reporte.

74% Interfaces complejas
Percepción de usuarios ESG

Las plataformas ESG existentes son percibidas como demasiado complejas. Diseñadas para grandes corporaciones, no para PYMEs ni consultores independientes.

61% Coste prohibitivo
5.000€–20.000€ / año

El 61% percibe el software ESG existente como demasiado caro. Las PYMEs quedan fuera del mercado por coste y complejidad técnica combinados.

40h Horas mensuales perdidas
En reporte manual

Más de 40 horas mensuales de recopilación manual sin trazabilidad garantizada y con elevado riesgo de errores en cálculos complejos de indicadores ESRS.

73% Hojas de cálculo
Sin automatización ni IA

El 73% sigue usando Excel para gestionar datos ESG. Ninguna solución existente aprovecha el potencial de la IA de manera accesible para empresas sin equipo ESG dedicado.

Design Thinking · 4 fases

Metodología: investigación centrada en usuario

Fase 1 — Investigación y descubrimiento

Revisión de normativas (CSRD, ESRS, GRI, SASB, TCFD, ISSB), benchmark de plataformas ESG, entrevistas semiestructuradas a responsables ESG y consultores. Identificación de barreras de adopción y necesidades no cubiertas.

Discover
Fase 2 — Estrategia UX

Buyer personas (Eric, consultor ESG freelance), mapas de empatía, customer journey maps, priorización valor/esfuerzo, arquitectura de información y flujos de navegación.

Define
Fase 3 — Prototipado en Figma

Design system completo (100+ componentes), 50+ pantallas de alta fidelidad: dashboard ESG, módulos E/S/G, informes CSRD, flujo de doble materialidad. WCAG 2.1 nivel AA en todos los elementos.

Figma · AA
Fase 4 — Validación de usabilidad

Tests con 5 profesionales ESG: tasa de éxito, tiempo y clics por tarea. Cuestionario SUS post-test, escala Likert y feedback cualitativo. Resultados: SUS 67.5, NPS +20, 92% éxito.

SUS · NPS
Buyer persona · Investigación en profundidad

Perfil de usuario: Eric, consultor ESG freelance

Construido mediante entrevistas semiestructuradas y mapas de empatía. Define todas las decisiones de diseño de EcoSense Suite.

E
Eric · 39 años · Barcelona · Consultor Ambiental Freelance · 3–5 empleados

PYMEs de comercio, ecommerce, retail y B2B como clientes. Máster en Ciencias Ambientales. Usa HubSpot, calculadoras GHG Protocol, QGIS, SimaPro y OpenLCA — pero gestiona los reportes con hojas de cálculo manuales.

Goals Objetivos
Lo que Eric necesita lograr

Escalar cartera sin ampliar plantilla. Automatizar informes CSRD. Mejorar tiempo de respuesta. No comprometer la calidad del servicio.

Pains Frustraciones
Lo que le impide avanzar

Agotamiento por tareas manuales. Dificultad para integrar múltiples herramientas. Presupuesto limitado para software especializado. Poco tiempo con equipo reducido.

Gains Lo que valora
Su definición de éxito

"Pagar solo por una suite que integra lo que necesitan mis clientes." Herramienta que explica qué dato pide y por qué, con referencia normativa visible.

La solución · 6 módulos

EcoSense Suite: qué hace la plataforma

Plataforma modular SaaS B2B con activación progresiva. El usuario solo paga y usa lo que necesita en cada momento.

01 — Dashboard ESG con métricas en tiempo real

KPIs ESG destacados, navegación por tarjetas modulares, filtros avanzados por indicador CSRD/ESRS, alertas visuales para indicadores fuera de rango.

ESRS · KPI
02 — Módulos independientes E · S · G

Ambiental (emisiones, energía, agua), Social (RRHH, diversidad, comunidad), Gobernanza (ética, compliance, anticorrupción). Adaptación a ESRS, GRI o SASB.

Modular
03 — Reporting CSRD automatizado con IA

Generación automática de informes ESRS. Templates por marco normativo. Exportación PDF/Excel/CSV con trazabilidad para auditoría. Historial de versiones.

CSRD · IA
04 — Accesibilidad WCAG 2.1 nivel AA

Contraste 4.5:1 mínimo. Navegación completa por teclado. Etiquetas ARIA para lectores de pantalla. Tamaños de texto adaptables.

WCAG 2.1
05 — Arquitectura SaaS escalable

100+ componentes reutilizables. Flujos validados para tareas CSRD. Integración con ERPs vía API. Escala sin refactorización visual completa.

SaaS · API
AI
06 — Asistente IA para ESG (roadmap)

Análisis predictivo, NLP para narrativas de doble materialidad, detección de anomalías, chatbot asesor CSRD/ESRS, recomendaciones automáticas de mejora. Reduce tiempo de reporting hasta un 70%.

Roadmap
Sistema de diseño

Design system: paleta, tipografía y componentes

Sistema completo en Figma con tokens de diseño, 100+ componentes reutilizables y guía de estilos para coherencia en las 50+ pantallas.

Navy #1E3A5F — color primario de confianza institucional y autoridad normativa
Gold #BE9B00 — acento de acción, alertas y elementos de alta prioridad
AA WCAG 2.1 nivel AA — contraste mínimo 4.5:1 garantizado en todos los elementos
100+ componentes — cards, badges, formularios, gráficas, modales, sidebars con variantes Premium/Corpo/Basic
Accede al design system completo en Figma

Componentes, variantes de sidebar (Premium, Corpo, Basic), estados activos/hover/disabled y tokens de color. Ver componentes →

Conexión con el ecosistema Greentech

Por qué este proyecto conecta con el trabajo real

EcoSense Suite no es solo un ejercicio académico. Es la versión diseñada de un ecosistema ESG que existe y funciona en consultoría real con PYMEs españolas.

Diagnóstico ESG para Pymes

La herramienta real que EcoSense Suite diseña como onboarding. 52 indicadores en 5 módulos, alineada con VSME, SIR y FEDER.

Herramienta real
Generador de Memoria GRI

El módulo de reporting de EcoSense Suite en versión open source. GRI 2021, CSRD, ESRS. Lo que la plataforma haría automatizado con IA.

Herramienta real
Consultoría ESG — Servicios Greentech

EcoSense Suite visualiza la digitalización que Greentech implementa con PYMEs reales. El diseño parte de necesidades documentadas en proyectos activos.

Greentech
E-E-A-T · Autoría verificable

Sobre la autora de este proyecto

Yel Martínez · Digital Strategist & Tecnóloga · Greentech

Yel Martínez — Digital Strategist, tecnóloga y consultora ESG. EcoSense Suite es el TFM del Máster UX/UI con Figma (Aula Creactiva, junio 2025). Auditora medioambiental oficial (SEAG002PO · SEAG0211 Nivel 3), formación en GRI Digital Reporting bajo CSRD, más de 10 años en tecnología aplicada a sostenibilidad.

¿Buscas implementar software ESG en tu organización?

EcoSense Suite demuestra cómo debería ser el software de sostenibilidad con IA para PYMEs. Si necesitas implementar soluciones ESG reales — desde herramientas open source hasta consultoría CSRD — puedo acompañarte.

Ver servicios ESG → Ver caso de éxito estratégico

Scroll al inicio