Plazaap

Una app para que la plaza deje de ser un punto en el mapa: toda la información de los espacios verdes de CABA en un solo lugar.

  • UX research
  • Arquitectura
  • UI
  • Pruebas con usuarios
Plazaap: el logo junto a dos pantallas de la app, el mapa de plazas y la ficha de Plaza 25 de Agosto con su equipamiento puntuado.
Proyecto
Plazaap, app de espacios verdes de CABA
Año
2026
Contexto
Curso de UX/UI de Coderhouse, con Laura Esposito y Carla Montani
Rol
Investigación, UX, UI y marca (proyecto individual)
Plataforma
App mobile

El desafío

Salir a la plaza, a ciegas.

En CABA, la información sobre las plazas está dispersa y es poco confiable. No sabés si hay sombra, si los baños están limpios o qué actividades hay, y esa incertidumbre termina en salidas frustradas.

En la investigación, el 90% de los usuarios consultados dijo que quería tener toda esa información en un solo lugar.

La idea

Cada plaza, con su ficha técnica.

Tomé como referencia cómo Despegar muestra los servicios de un hotel: cada plaza tiene su ficha con datos concretos (sombra, limpieza, juegos, canil, accesibilidad), puntuados por la comunidad, y una agenda de talleres y ferias.

El proceso completo, del problema al prototipo: investigación, arquitectura, marca, UI y pruebas con usuarios.

Investigación

Antes de diseñar: qué existe, quién lo va a usar y qué le pasa hoy.

01

Benchmarking

Los portales de la Ciudad, Google Maps y Eventbrite o Meetup resuelven una parte cada uno. Ninguno da una ficha real de la plaza.

Tabla de benchmarking: publicaciones oficiales, Google Maps y Eventbrite o Meetup, con descripción, aspectos positivos y negativos.
Benchmarking
02

Personas

Tres perfiles de CABA: Julián, que busca un “detox digital” con sus hijos; Martina, que entrena con su mascota; y Marta, abuela que cuida el bolsillo y la seguridad.

Fichas de las personas Julián, Martina y Marta, con objetivos, motivaciones y frustraciones.
Personas
Ilustración del punto de vista: un padre agobiado mientras sus hijos miran pantallas en el sillón.
Punto de vista: Julián
03

Storyboard

La historia completa: de la duda en el sillón a la tarde en la plaza, con la app en el medio.

Storyboard en cinco viñetas: la familia en casa, la propuesta de ir a la plaza, la búsqueda en la app, la ficha de la plaza y el relax logrado.
Storyboard

La solución

Una estructura que se entiende sola, una ficha que responde las dudas y una interfaz clara.

  1. Arquitectura de la información

    Card sorting abierto con 8 usuarios y 16 tarjetas. Con los resultados armé el dendrograma y el mapa del sitio, ordenado en cuatro secciones: Explorar, Favoritos, Eventos y Menú.

    Dendrograma con los resultados del card sorting.
    Dendrograma del card sorting
    Mapa del sitio de Plazaap con las secciones Explorar, Favoritos, Eventos y Menú.
    Mapa del sitio
  2. La ficha de cada plaza

    Cada espacio con su equipamiento puntuado por la comunidad: seguridad, canil, bancos, bebederos, baños, juegos, sombra y accesibilidad. Cualquiera puede sumar su reseña y mantenerla al día.

    Ficha técnica de una plaza con el equipamiento puntuado con estrellas, y la pantalla para crear una reseña.
  3. Marca y UI

    Un isotipo de triángulos que forma un árbol, Montserrat para la marca y Roboto para la app. Verde como color principal y un UI kit completo, que ves más abajo.

    Logo de Plazaap: construcción del isotipo, versiones de color y variantes con y sin miBA.
    Marca

UI kit

Las piezas con las que se arma toda la app: color, grilla, tipografía, íconos y componentes.

01

Color y grilla

Verdes como color principal, azul y rojo como secundarios, y una escala de negros y grises. Grilla de 4 columnas y cuadrícula de 8 px.

Paleta cromática, grilla y cuadrícula aplicadas sobre una pantalla.
Paleta y grilla
02

Tipografía e íconos

Roboto en cuatro tamaños, íconos de navegación y un set propio para cada tipo de equipamiento de la plaza.

Tipografía Roboto e iconografía de navegación y de equipamiento.
Tipografía e íconos
03

Componentes

Barras de navegación, botones, tarjetas, filtros y controles, con todos sus estados.

Barras de navegación en sus estados y botones primarios, secundarios y de agenda.
Navegación y botones
Tarjetas de plazas y eventos, con acciones de ver, editar y eliminar.
Tarjetas
Checkboxes, buscador, slider de distancia, campos, toggles y favoritos.
Controles

Del boceto al prototipo

De los bocetos en papel al prototipo en alta que probaron los usuarios.

01

Wireframes a mano

Las primeras ideas en papel: navegación, novedades, explorar y la ficha de la plaza.

Wireframes dibujados a mano de las pantallas principales.
Wireframes a mano
02

Wireframes digitales

Registro, perfil de intereses, mapa, listado y ficha, ya en baja fidelidad digital.

Wireframes digitales en escala de grises.
Wireframes digitales
03

Prototipo en alta

Onboarding, eventos, resultados de búsqueda, mapa, novedades y reseñas, con la marca aplicada.

Prototipo final en alta: onboarding, eventos, resultados, splash, mapa, novedades y reseñas.
Prototipo final

Qué hice

Resultados

Un producto validado con usuarios, con los próximos ajustes ya identificados.

de los usuarios consultados quiere la información de las plazas en un solo lugar.
90%
usuarios en el card sorting, con 16 tarjetas.
8
usuarios en las pruebas de usabilidad.
5
tareas completadas por todos los usuarios.
5/6

¿Tenés un proyecto en mente?

Hablemos

WhatsApp