EcoAir
UX Research | UI Design | Product Designer

🔥 El proyecto

Hay tanta contaminación en el aire que, si no fuera por nuestros pulmones, no habría lugar donde colocarla​

La contaminación del aire es uno los principales retos medioambientales a los que debemos hacer frente lo antes posible. Según Naciones Unidas, “cada cinco segundos alguien muere envenenado por el aire”, la contaminación del aire es “responsable de la muerte prematura de siete millones de personas cada año”.

Según el último informe sobre la calidad del aire anual de la Agencia Europea de Medio Ambiente, la mayoría de las personas que viven en las ciudades europeas siguen expuestas a niveles de contaminación atmosférica que la Organización Mundial de la Salud considera nocivos.

Proyect Details

_Sector_   Ambiental-Sostenibilidad
_Role UX _  Researcher | UI Designer | Product Designer
_Time _  2 meses mayo 2024-julio 2024
_Tools_  Figma |Adobe Photoshop | Adobe illustrator Adobe Premiere

👁️  Ver Proyecto en Medium

Hay tanta contaminación en el aire que, si no fuera por nuestros pulmones, no habría lugar donde colocarla

La contaminación del aire es uno los principales retos medioambientales a los que debemos hacer frente lo antes posible. Según Naciones Unidas, “cada cinco segundos alguien muere envenenado por el aire”, la contaminación del aire es “responsable de la muerte prematura de siete millones de personas cada año”.

Según el último informe sobre la calidad del aire anual de la Agencia Europea de Medio Ambiente, la mayoría de las personas que viven en las ciudades europeas siguen expuestas a niveles de contaminación atmosférica que la Organización Mundial de la Salud considera nocivos.

Proyect Details

_Sector_  Ambiental-Sostenibilidad
_Role UX _ Researcher | UI Designer | Product Designer
_Time_ 2 meses mayo 2024-julio 2024
_Tools_ Figma |Adobe Photoshop | Adobe illustrator Adobe Premiere

👁️  Ver Proyecto en Medium

🔥 Principales problemas

Los población, tiene mucha desinformación sobre como poder mejorar la calidad del aire tanto en sus domicilios como en el exterior. Necesitan estar informados para poder actuar.

Los ciudadanos no tienen sistemas de medición fiables en tiempo real que les permita consultar la calidad del aire tanto de sus casas, espacios de trabajo y las zonas exteriores.

A los padres les preocupa mucho como la calidad del aire puede perjudicar a sus hijos, les gustaría tener información sobre rutas alternativas para poder ir con tranquilidad .

Los industria ganadera es de las que más contaminación provoca , se necesitarían sistemas de control y desparticularización para que no haya tanto impacto en la calidad del aire. 

💡Research

Empezamos por una brainstorming grupal en base a lo que habíamos investigado cada uno, desde sistemas de geotermia aplicada a la construcción de viviendas sostenibles hasta sistemas de descomposición de partículas de ozono, metano y demás agentes nocivos en colegios públicos, estamentos públicos o grandes superficies.

Estudiamos cómo hacer sostenibles las casas, tanto de nueva construcción como por renovación, indagamos sobre todo tipo de dispositivos asociados a la limpieza y purificación del aire y a combatir, en definitiva, todo residuo que afecte a ese agente nocivo invisible que es la contaminación a través del medio por el que respiramos.

Hemos estado investigando 2 meses sobre el problema en cuestión, nos armamos con todas las herramientas que nos proporciona la metodología Design Thinking para construir nuestro sistema. Investigué a través del Benchmarkentrevistas, encuestasdocumentos o normativa para ponernos en el lugar de los usuarios y conocer las necesidades reales demandadas para iterar nuestro proyecto hacia un sistema de valor implantable a escala global.

Realizamos un total de 10 entrevistas en las que yo participé con mis usuarios y obtuvimos 150 resultados en las encuestas lanzadas, de todo ello sacamos insights muy válidos de cara a nuestra investigación.

Principales Insights obtenidos de la investigación

Hemos estado investigando 2 meses sobre el problema en cuestión, nos armamos con todas las herramientas que nos proporciona la metodología Design Thinking para construir nuestro sistema. Investigué a través del Benchmarkentrevistas, encuestasdocumentos o normativa para ponernos en el lugar de los usuarios y conocer las necesidades reales demandadas para iterar nuestro proyecto hacia un sistema de valor implantable a escala global.

Realizamos un total de 10 entrevistas en las que yo participé con mis usuarios y obtuvimos 150 resultados en las encuestas lanzadas, de todo ello sacamos insights muy válidos de cara a nuestra investigación.

Principales insights obtenidos

Por desconocimiento, y por la falta de aplicación de las normativas señaladas en la introducción, el 90% de los usuarios no tienen ningún sistema de control y medición de calidad del aire, y desconfían en que se puedan cumplir los objetivos de la agenda 2030 en materia de contaminación y ciudades sostenibles, entendiendo que la información está sesgada y que no tenemos educación al respecto.

Principales porcentajes obtenidos de las encuestas

Enseñar a cuidar el medio ambiente es enseñar a valorar la vida

Enseñar a cuidar el medio ambiente es enseñar a valorar la vida

🏁 Objetivo

Hemos ideado una plataforma que ayudara a erradicar la contaminación del aire en las urbes e iterarlo un paso más allá, a través de un sistema de purificación con control total por parte de todos los usuarios, desde empresas y ciudadanos hasta el conjunto de todos los estamentos del país.

Por ello EcoAir, es un sistema de limpieza y purificación de aire basado en pilares fundamentales como la desparticularización de ozono y metano por tuberización a silosmentorización en materia de residuos y alimentos, señalización en tiempo real de rutas saludables y funcionamiento de Inteligencia Artificial en tiempo real para gestión de residuos, economía circular y calidad del aire en todos sus aspectos.

Nuestra tecnología se caracteriza por su alcance a todos los niveles, en el desarrollo de ciudades sostenibles, en infraestructura  ingeniería
tecnologíamentorización e impacto social, ya que iría ligado a un sistema de tuberización controlado por una APP, bajo un seguimiento estricto de un equipo de ingenieros medioambientales, y una BIG DATA actualizada en real time, con el objetivo de tomar todas las vías necesarias para resolver este problema de raíz.

🏗️ Arquitectura de la información

He trabajado en la arquitectura de la información basada en las necesidades de los usuarios y así solventar los problemas.
Decidí diseñar un sistema de navegación muy intuitivo para que el usuario pueda acceder en pocos pasos a las funcionalidades principales  y así encontrar lo que se necesita.

La mayoría de las principales funcionalidades de la app se encuentran en la home, permitiendo al usuario acceder manera más rápida.

Abrazando al aire libre

🏗️ UI Kit

Diseñé un UI kit basado en la identidad visual de la marca, tanto a nivel cromático, tipográfico y visual, optando tonos turquesa como color principal y así relacionarlo con el medio ambiente, además se crearon colores semánticos y variaciones cromáticas para las los diferentes estados de los componentes.
Opté por ilustraciones flat design para utilizarlas en los onboardings o momentos de espera para reducir la fricción de los usuarios.
Todos los elementos fueron componetizados así como las diferentes variantes para los estados de los mismos o sus interacciones.
Creé estilos de color y de tipografía para posteriormente exportar la librería y así utilizarla en el prototipo junto a los componentes.

Abrazando el aire libre

🤖 Prototipado

Una vez que realicé los wireframes en Lo-Fi, debido a que el producto urgía sacarlo adelante en fechas estimadas me puse a diseñar en alta usando todo el material que previamente había diseñado en el UI Kit.

Nuestro sistema de renovación y limpieza de aire establece sus pilares en diferentes funcionalidades potenciales a través del lanzamiento de una APP conectada a un dispositivo analógico instalable fácilmente, que no sólo detecta sino que también absorbe los agentes contaminantes de nuestro espacio para que , a través de la implementación a escala masiva de un sistema de tuberización dirigido a silos de descomposición, permita una renovación continuada del aire que respiramos, en el que intervendrían tanto ingenieros medioambientales como ingenieros industriales o arquitectos en materia de implementación de infraestructura y control de ciudades sostenibles.

Nuestro sistema de renovación y limpieza de aire establece sus pilares en diferentes funcionalidades potenciales a través del lanzamiento de una APP conectada a un dispositivo analógico instalable fácilmente, que no sólo detecta sino que también absorbe los agentes contaminantes de nuestro espacio para que , a través de la implementación a escala masiva de un sistema de tuberización dirigido a silos de descomposición, permita una renovación continuada del aire que respiramos, en el que intervendrían tanto ingenieros medioambientales como ingenieros industriales o arquitectos en materia de implementación de infraestructura y control de ciudades sostenibles.

💡Funcionalidades propuestas

Pantallas Dashboard Home

🤖 Información de AIQ Real Time​

He diseñado un sistema de información basado en un dashboard las 24 horas del día, indicándonos el estado de la calidad del aire y atmosférica en tiempo real, desde nuestras residencias hasta nuestros centros de trabajo, pasando por las rutas que transitamos o espacios abiertos a los que tengamos que acudir.

Desde el Dashboard de la home se puede controlar los niveles de calidad del aire en tiempo real, de una manera rápida, además se pueden añadir más ciudades para ver también esa información, las cuales se quedarán en la home para tenerlas siempre a mano. Además de tener acceso directo a otras funcionalidades de la app.


También se podrá controlar el estado de nuestro dispositivo receptor en materia de actualizaciones, batería. El usuario podrá acceder a un programa de bonificaciones sobre sostenibilidad  en las que podrá informarse sobre ello.

Todo ello esta personalizado mediante la IA y también la conexión a estaciones metereológicas que son las que nos aportan los datos de las métricas e índices.

🔔 Notificaciones personalizadas AIQ en una estancia del domicilio

Pantallas recepción notificaciones interior

En este caso diseñé un sistema de notificaciones basado en el modelo de IOS

El usuario recibirá una notificación en la pantalla de su smartphone aunque la app no se encuentre abierta alertando de niveles negativos o positivos del estado de la calidad del aire.

La idea principal para solventar las necesidades que tienen los usuarios es 
tener un sistema de notificaciones completamente personalizado, para que los usuarios puedan recibir información de cada una de las estancias de su domicilio.

El usuario podrá conocer que estado tiene el AIQ de cualquiera de sus estancias, recibir consejos de como mejorarlo en el caso de que este sea perjudicial, una vez finalizado el usuario puede  escanear de nuevo el espacio de la estancia para verificar si esto ha sido solventado.

En este caso diseñé un sistema de notificaciones basado en el modelo de IOS

El usuario recibirá una notificación en la pantalla de su smartphone aunque la app no se encuentre abierta alertando de niveles negativos o positivos del estado de la calidad del aire.

La idea principal para solventar las necesidades que tienen los usuarios es 
tener un sistema de notificaciones completamente personalizado, para que los usuarios puedan recibir información de cada una de las estancias de su domicilio.

El usuario podrá conocer que estado tiene el AIQ de cualquiera de sus estancias, recibir consejos de como mejorarlo en el caso de que este sea perjudicial, una vez finalizado el usuario puede  escanear de nuevo el espacio de la estancia para verificar si esto ha sido solventado.

🔔 Notificaciones personalizadas AIQ del exterior

Pantallas recepción notificaciones exterior

Al igual que en la funcionalidad anterior, el usuario recibirá una notificación en función de la calidad del aire del exterior, en este caso incluso con localización exacta del punto donde se encuentra.

El usuario podrá acceder al panel del dashboard en el que se encuentra, donde prodrá ver todos los valores, métricas y además tendrá la opción de ver consejos por categoría en función  a una actividad, o deporte, en las cuales se darán unos consejos de si es óptimo o no realizar esa actividad, además podrá recibir consejos o rutas alternativas para variar esa práctica o el lugar de donde poder realizarla.

Al igual que en la funcionalidad anterior, el usuario recibirá una notificación en función de la calidad del aire del exterior, en este caso incluso con localización exacta del punto donde se encuentra.

El usuario podrá acceder al panel del dashboard en el que se encuentra, donde prodrá ver todos los valores, métricas y además tendrá la opción de ver consejos por categoría en función  a una actividad, o deporte, en las cuales se darán unos consejos de si es óptimo o no realizar esa actividad, además podrá recibir consejos o rutas alternativas para variar esa práctica o el lugar de donde poder realizarla.

Chatbot con IA para recibir consejos

Pantallas Chatbot IA

Para facilitar la comunicación de los usuarios y solventar las dudas de los mismos diseñé un chatbot conectado a un sistema de IA por aprendizaje.

El usuario podrá establecer conversaciones en las que preguntará al asistente dudas acerca de la calidad del aire, pedir consejos, las cuales serán respondidas en apenas segundos.

Además se podrá comunicar tanto por medio de voz, texto o bien mandar un documento o foto para que está puede ser interpretada por la IA.

En este caso tuve que iterar al investigar más en el benchmark para añadir alguna funcionalidad más.

Para facilitar la comunicación de los usuarios y solventar las dudas de los mismos diseñé un chatbot conectado a un sistema de IA por aprendizaje.

El usuario podrá establecer conversaciones en las que preguntará al asistente dudas acerca de la calidad del aire, pedir consejos, las cuales serán respondidas en apenas segundos.

Además se podrá comunicar tanto por medio de voz, texto o bien mandar un documento o foto para que está puede ser interpretada por la IA.

En este caso tuve que iterar al investigar más en el benchmark para añadir alguna funcionalidad más.

📷 Uso de la cámara para obtener información sobre productos y alimentos

Pantallas uso de cámara para escanear código de barras

Para esta funcionalidad, diseñé un sistema que mediante el uso de la cámara de nuestro smartphone el usuario puede tomar una fotografía, escanear un producto o bien introducir los datos a mano, para recibir información exacta sobre la trazabilidad de dicho producto, conocer el impacto que tiene sobre la calidad del aire, o bien conocer el valor nutricional.

Para ello me basé en otros productos que investigué mediante la herramienta de benchmark

El acceso se encuentra en la tap bar de la aplicación para que así sea fácil y cómodo para el usuario.

Para esta funcionalidad, diseñé un sistema que mediante el uso de la cámara de nuestro smartphone el usuario puede tomar una fotografía, escanear un producto o bien introducir los datos a mano, para recibir información exacta sobre la trazabilidad de dicho producto, conocer el impacto que tiene sobre la calidad del aire, o bien conocer el valor nutricional.

Para ello me basé en otros productos que investigué mediante la herramienta de benchmark

El acceso se encuentra en la tap bar de la aplicación para que así sea fácil y cómodo para el usuario.

🎓 Tips y recomendaciones personalizados para el usuario

Pantallas tips personalizados

Para esta funcionalidad y basándome en otras apps, pensé y diseñé un sistema de aprendizaje que fuese fácil y llamativo para el usuario.

El usuario podrá elegir entre diferentes temáticas para aprender sobre ello e ir completando las mismas.

El sistema está basado basado en pequeños onboardings ilustrados los cuales tienen el objetivo de representar gráficamente y mediante el apoyo del texto dicha acción o función, además tienen una progress bar en la parte inferior que guiará al usuario para saber cuanto le queda para completar la lección.

Para esta funcionalidad y basándome en otras apps, pensé y diseñé un sistema de aprendizaje que fuese fácil y llamativo para el usuario.

El usuario podrá elegir entre diferentes temáticas para aprender sobre ello e ir completando las mismas.

El sistema está basado basado en pequeños onboardings ilustrados los cuales tienen el objetivo de representar gráficamente y mediante el apoyo del texto dicha acción o función, además tienen una progress bar en la parte inferior que guiará al usuario para saber cuanto le queda para completar la lección.

🚙 🌱 Control de tráfico con rutas alternativas y trayectos recomendados para tus desplazamientos a corta y larga distancia

Pantallas mapa ofreciendo rutas alternativas

Para está vital funcionalidad que vimos durante la fase de research, participé en el diseño aportando ideas que ayudasen a construir un modelo de GPS totalmente funcional para las necesidades del usuario.

Dentro de lo más destacado es que la app te sugiera opciones de turismo ecológico cerca de ti en lugares que la AIQ es relativamente buena, o también por ejemplo y muy importante aspecto era paliar el pain point que tenían los usuarios de que necesitaban tener rutas alternativas para poder pasear o circular tranquilamente con sus hijos sin tener que preocuparse por la calidad del aire.

Con esta funcionalidad podremos obtener todos esos resultados representados de una manera gráfica y mediante el uso de los colores semánticos como indicadores y con el apoyo de los mapas para ver el recorrido.

Para está vital funcionalidad que vimos durante la fase de researchparticipé en el diseño aportando ideas que ayudasen a construir un modelo de GPS totalmente funcional para las necesidades del usuario.

Dentro de lo más destacado es que la app te sugiera opciones de turismo ecológico cerca de ti en lugares que la AIQ es relativamente buena, o también por ejemplo y muy importante aspecto era paliar el pain point que tenían los usuarios de que necesitaban tener rutas alternativas para poder pasear o circular tranquilamente con sus hijos sin tener que preocuparse por la calidad del aire.

Con esta funcionalidad podremos obtener todos esos resultados representados de una manera gráfica y mediante el uso de los colores semánticos como indicadores y con el apoyo de los mapas para ver el recorrido.

Scroll al inicio