hola@mariohurtado.studio

hola@mariohurtado.studio

Home EDINT

EDINT

Conectamos personas, tecnología y conocimiento compartido

— Colaboración
Agencia XUL

— Servicios

UX / UI

— Producto final desarrollado y publicado

Web de EDINT

El proyecto Espacio de Datos para las Infraestructuras Urbanas Inteligentes (EDINT), es una iniciativa impulsada por la Federación Española de Municipios y Provincias (FEMP) con el respaldo del Plan de Recuperación, Transformación y Resiliencia (PRTR) y los fondos NextGenerationEU.

EDINT busca crear un ecosistema de innovación urbana basado en el uso compartido, ético y seguro de los datos generados en las ciudades. Una apuesta estratégica para convertir los datos urbanos en soluciones reales para mejorar los servicios públicos, fomentar la innovación y el empleo local e impulsar la colaboración.


La forma de hacerlo es mediante los Centros de Excelencia y Oficinas del Dato (CEODs); donde se recopilan, analizan y reutilizan los datos municipales para diseñar soluciones innovadoras.

Identidad visual - EDINT
Identidad visual - EDINT

Contexto

EDINT necesitaba construir su presencia digital de forma alineada a su posicionamiento profesional y a la identidad visual ya creada previo a este proyecto.
El reto por tanto era transformar un discurso institucional denso, en una narrativa visual estructurada y accesible.

Aunque ocupaba un puesto junior en XUL, mi rol dentro de este proyecto fue la de Responsable de diseño de Interfaz de Usuario, bajo la supervisión y aprobación de dirección de arte.

Por tanto, me encargué de:

  • Estructuración visual de contenidos

  • Diseño de bloques y módulos

  • Interpretación y aplicación a partir del manual de marca

  • Definición de un sistema de diseño para la creación de páginas

El proyecto se desarrolló en un contexto de tiempos ajustados y necesidades de cliente muy enfocadas desde el punto de vista visual, por lo que hubo que centrarse en el diseño UI del sitio web, aunque siempre pensando en el usuario final del producto digital.

Imagen de un hombre usando el ordenador
Imagen de un hombre usando el ordenador
Imagen de un hombre enseñando el teléfono móvil
Imagen de un hombre enseñando el teléfono móvil

Justificación de diseño

El proyecto se ha planteado desde un enfoque desktop first por las necesidades de EDINT.

Esto nos permite mayor control sobre la disposición modular, así como poder hacer una estructura de información clara para posteriormente, trasladarlo a mobile.

Aun así, se ha tenido en cuenta en todo momento los breakpoints hacia mobile o tablet.

Se trabajó agrupando la información en grandes bloques alineados con la estrategia del proyecto.

Además, se estableció un sistema visual basado en una retícula principal, permitiendo tomar decisiones de diseño de manera más ágil y coherente.

El lenguaje visual busca equilibrar el carácter institucional del proyecto, con una estética actual que refuerce su enfoque innovador y estratégico.

Oportunidades futuras de mejora

El proyecto como ya he mencionado se ha trabajado desde un punto de vista más superficial centrado en la capa visual.

Por tanto, existen claras oportunidades para ampliar el impacto y mejorar la experiencia de usuario:

  1. Validación con usuarios mediante research o testing

  2. Optimizar la arquitectura de información así como screenflow

  3. Estar en constante medición y ajustes de mejora

  4. Formar un sistema de diseño completo

Aprendizajes

En primer lugar, mencionar que ha sido un verdadero reto haber asumido el papel de responsable y diseñador de este proyecto institucional de fuerte alcance, permitiéndome reforzar mi capacidad de decisión y justificación de la misma.

He aprendido lo importante que es primero entender cómo el diseño es fundamental que vaya cohesionado con un marco estratégico previo, para que se entienda la identidad visual junto a las diferentes aplicaciones de la marca.

Home - EDINT

Home

Home - EDINT

Home

El Proyecto - EDINT

El Proyecto

El Proyecto - EDINT

El Proyecto

Agenda - EDINT

Agenda

Agenda - EDINT

Agenda

Evento - EDINT

Evento

Evento - EDINT

Evento

Actualidad y prensa - EDINT

Actualidad y prensa

Actualidad y prensa - EDINT

Actualidad y prensa

Multimedia - EDINT

Multimedia

Multimedia - EDINT

Multimedia

CEODs - EDINT

CEODs

CEODs - EDINT

CEODs

Contacto - EDINT

Contacto

Contacto - EDINT

Contacto

Favicon
Favicon
Mockup footer EDINT
Mockup footer EDINT

Málaga (España)

Málaga (España)

Málaga (España)