Interfaz de la app ELCANO — Elecnor Deimos / Adif

Trabajar sobre el sistema visual de una organización como Adif exige precisión y criterio. El cliente llegaba con un sistema ya escrito: colores, proporciones, iconos, normas de uso y documentación gráfica que debían respetarse con exactitud. Nuestro trabajo empezaba donde acaba la identidad corporativa y comenzaba la experiencia de usuario.

El reto tenía varias dimensiones:

• 01interpretar el sistema visual existente y trasladarlo a interfaz móvil con total fidelidad
• 02diseñar una experiencia clara y funcional para un entorno de uso técnico y operativo
• 03resolver pantallas complejas —búsquedas, resultados, avisos, estados, navegación— manteniendo coherencia visual en todo el recorrido
• 04producir assets finales con la precisión que requiere la implementación en la plataforma
• 05trabajar dentro de los márgenes del sistema corporativo y elevar con ellos la calidad de la interfaz

Cuando la identidad ya está definida, el trabajo de diseño UI se convierte en un ejercicio de precisión y coherencia. La creatividad se expresa en decisiones certeras: qué color va en qué estado, cómo escala la tipografía en pantallas pequeñas, qué icono comunica mejor cada acción dentro del lenguaje visual ya establecido.

Planteamos el proyecto desde dos principios:

• 01fidelidad al sistema corporativo como punto de partida e impulso
• 02claridad funcional en cada pantalla como criterio de decisión

La interfaz debía sentirse parte natural de Adif. Por eso asimilamos a fondo la documentación gráfica antes de diseñar la primera pantalla.

La app ELCANO manejaba información ferroviaria operativa: búsquedas, resultados, avisos, navegación entre secciones y estados del sistema. Ese contenido exigía interfaces claras, legibles en distintas condiciones de luz y capaces de comunicar prioridades con total claridad.

Diseñamos cada pantalla desde la experiencia de usuario y su contexto de uso: movilidad, información técnica, toma de decisiones rápida. La jerarquía visual fue el principal instrumento de diseño: qué va primero, qué puede esperar, qué requiere acción inmediata.

Los estados fueron una parte crítica del trabajo. Una app operativa acompaña al usuario en cada situación: un error, unos resultados vacíos, una carga en curso o una acción en espera. Cada uno de esos estados se diseñó con el mismo rigor que las pantallas principales.

La entrega de la app va más allá de los mockups. Los assets tienen que llegar al equipo de desarrollo organizados, nombrados correctamente y disponibles en todas las densidades de pantalla necesarias.

Preparamos la exportación completa: iconos, elementos gráficos, fondos y componentes visuales en densidades mdpi, hdpi, xhdpi y xxhdpi, con la nomenclatura y estructura esperada por el equipo de desarrollo de Elecnor Deimos. La entrega fue documentada para facilitar la implementación y hacer fluido el paso de diseño a desarrollo.

La identidad gráfica de Adif tiene un carácter institucional y técnico muy definido. Colores sólidos, paleta verde como eje cromático, tipografía funcional y una iconografía con criterio de uso riguroso. Trasladar ese sistema a la app exigió tomar decisiones sobre cómo se comporta la paleta en pantalla, cómo se adaptan los iconos corporativos a pequeños formatos táctiles y cómo se mantiene la coherencia visual cuando la interfaz cambia de estado.

El resultado respeta el sistema de origen y le da vida en pantalla. Cada pantalla funciona como un elemento del conjunto: reconocible como parte de Adif, usable como parte de una app real.