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 Benchmark, entrevistas, encuestas, documentos 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 Benchmark, entrevistas, encuestas, documentos 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¬†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.

Scroll al inicio