← Volver al rótulo
Brief de la app

Directorio gastronómico interactivo para la comunidad de la Facultad de Arquitectura, Diseño y Urbanismo · Ciudad Universitaria, UBA.

01 · Brief y resumen

Qué es FADU Come

FADU COME es una aplicación móvil (web app, mobile-first) pensada como directorio gastronómico interactivo para estudiantes, docentes y trabajadores de la FADU UBA, con sede en Ciudad Universitaria.

Centraliza en un solo lugar toda la oferta de locales de comida del campus —comedores, bares, kioscos, stands y food trucks—. El usuario puede explorar opciones, filtrar por categorías dietarias o precio, ver ubicaciones en un mapa interno, guardar favoritos y acceder a las promos del día. El producto adopta una estética editorial universitaria, con una interfaz que simula una app nativa iOS: status bar, splash screen animado, bottom navigation y modal de detalle tipo sheet.

Web app · HTML/CSS/JS Mobile-first · máx 430px Estado: prototipo funcional (V0)
02 · El problema

Una oferta diversa, difícil de navegar

El campus concentra miles de personas a diario, con una oferta gastronómica amplia pero dispersa. Hoy no hay un recurso centralizado y actualizado, accesible desde el celular, que diga qué hay disponible, dónde, a qué precio y con qué medios de pago.

01

Desinformación

No hay forma rápida de saber qué locales están abiertos, qué tienen en el menú del día o si aceptan débito / Mercado Pago.

02

Dispersión física

Los puntos de venta están repartidos en distintos pisos, edificios y sectores exteriores: cuesta decidir hacia dónde ir en recreos cortos.

03

Sin filtros dietarios

Celíacos, veganos y vegetarianos no tienen forma de identificar rápido qué opciones les corresponden.

04

Promos invisibles

Las promociones del día o combos económicos no tienen un canal de difusión unificado para el público estudiantil.

05

Tiempo perdido en pico

Sin información previa, los estudiantes se trasladan a un local para descubrir que está lleno, caro o cerrado.

03 · Requerimientos

Módulos funcionales

Módulo 1

Autenticación

Acceso con correo institucional y contraseña. En el prototipo los campos se autocompletan; "Ingresar" dispara el splash.

Módulo 2

Splash Screen

Bienvenida animada en azul: logo tipográfico, barra de carga y stickers flotantes (~2.4 s).

Módulo 3

Home

Saludo dinámico por hora, buscador full-text, filtros por chips, carrusel de promos, grilla de cards y banner editorial.

Módulo 4

Mapa del campus

Mapa esquemático con pines por local: regulares, destacados, food trucks y usuario. Pines clickeables → detalle.

Módulo 5

Promos

Listado completo del día en cards full-screen: nombre, descripción, local, precio, validez y tag.

Módulo 6

Favoritos

Locales guardados; el estado persiste vía localStorage. Estado vacío y badge en home en tiempo real.

Módulo 7

Modal de detalle

Sheet deslizable: hero, rating, tags, medios de pago, descripción, menús, productos y reseñas.

Módulo 8

Reloj y saludos

Status bar con reloj en tiempo real. El saludo cambia según el bloque horario, elegido al azar por franja.

04 · Fuera de alcance

Lo que no cubre el prototipo

Los siguientes elementos no están contemplados en la versión actual y quedan fuera del alcance del prototipo:

05 · Público objetivo

Para quién está hecho

Se dirige a toda la comunidad que circula a diario por Ciudad Universitaria —docentes, estudiantes de grado, ingresantes del CBC y personal no docente—, con uso frecuente en los recreos y las pausas de cursada o de trabajo.

📐
Persona · Docente fiel
Rodrigo Fuentes

46 · Docente titular · 18 años en la facu. Contexto: compra casi todos los días, conoce el campus de memoria y siempre vuelve a los mismos dos o tres lugares.

Necesidades

  • Saber al toque cuál de sus locales fijos está abierto hoy
  • Pagar con tarjeta de crédito sin vueltas
  • Algo más que sándwiches para el almuerzo
  • Llegar a sus favoritos sin tener que buscarlos cada vez

Frustraciones

  • Caminar hasta su lugar de siempre y encontrarlo cerrado
  • Filas largas justo en su pausa entre clases
🗺️
Persona · Ingresante CBC
Brian Aguirre

18 · CBC · primer cuatrimestre. Contexto: recién llegado, no entiende la estructura del campus y se mueve guiándose por el mapa para no perderse entre pabellones.

Necesidades

  • Ubicar en el mapa qué hay cerca de su próxima aula
  • Opciones económicas que le rindan el presupuesto
  • Entender qué se vende en cada sector sin recorrerlo entero

Frustraciones

  • Perderse buscando un lugar para comer entre clase y clase
  • No conocer a nadie a quien preguntarle dónde ir

Comportamiento

  • Entra a la app directo por el mapa, no por la grilla
  • Explora antes de decidir; le da seguridad ver dónde queda todo
Persona · En semana de entrega
Camila Ortiz

23 · Diseño Industrial · 4to año. Contexto: atrapada en el taller esperando una entrega, con poco tiempo y sin ganas de alejarse del puesto de trabajo.

Necesidades

  • Algo rápido y cercano que no le robe la espera de la entrega
  • Café y combos económicos para aguantar la jornada larga
  • Saber qué está abierto sin moverse a chequear

Frustraciones

  • Perder el lugar en la fila de entrega por ir a comprar
  • Que el local más cercano ya haya cerrado a esa hora
🧰
Persona · No docente
Marcela Quiroga

41 · Personal administrativo · turno mañana. Contexto: trabaja en el campus a diario con una pausa fija y acotada; necesita resolver el almuerzo sin improvisar.

Necesidades

  • Menús del día económicos y con lugar para sentarse
  • Horarios claros que coincidan con su pausa fija
  • Confirmar de antemano que el local va a estar abierto

Frustraciones

  • Que las opciones cierren antes de su descanso
  • Gastar la media hora de pausa caminando sin saber adónde ir
06 · Arquitectura de información

Estructura y flujos

FADU COME
│
├── Login → Splash → App
│
├── Home (vista principal)
│   ├── Header → saludo · buscador · chips
│   ├── Promos del día (carrusel)
│   ├── Banner editorial (tip del día)
│   ├── Locales (grilla filtrable)
│   └── Mini mapa (acceso rápido)
│
├── Mapa
│   ├── Mapa esquemático del campus
│   ├── Pines por local (con categoría)
│   └── → Modal de detalle
│
├── Promos
│   └── Listado completo → Modal de detalle
│
├── Guardados (Favoritos)
│   ├── Locales guardados · estado vacío
│   └── → Modal de detalle
│
└── Modal de detalle (global)
    ├── Hero · Ubicación · Horario · Rating
    ├── Tags · Medios de pago · Descripción
    ├── Menús del día · Productos sueltos
    └── Reseñas de estudiantes

Flujos

Flujo principal

Login → Splash → Home → Modal de detalle del local

Flujo alternativo

Home → Mapa → Pin → Modal de detalle

Flujo de guardado

Cualquier card → ★ Favorito → Vista Guardados

07 · Identidad visual

Sistema de diseño

Sistema de color

--blue#0B00A8
--blue-dark#07007A
--lime#D9FF66
--black#111111
--white#F5F5F5
--gray#EAEAEA

Contraste azul / lima

Contraste fuerte azul/lima sobre base clara. El lime es el acento energético de un sistema casi monocromático.

Tipografía

Aa Gg

DM Sans

Todo el UI: headers, body, labels y botones. Legibilidad y modernidad.

Variable · 300 / 400 / 700 / 900
Aa 09

Space Mono

Datos técnicos: reloj, eyebrows, año en splash y tags. Carácter editorial.

Mono · 400 / 700

Recursos y voz

Recursos visuales

Sin fotografías reales: cada local se representa con un emoji grande sobre fondo de color sólido con opacidad reducida. Grillas de puntos y líneas sutiles como textura de fondo en splash, mapa y banners.

Lenguaje UX · informal, directo, con humor

"¿Qué bajón tenés hoy?"

"💔 Todavía no guardaste ningún local."

Componentes visuales clave

Cards de local

Emoji + color, info compacta, tags, medios de pago y CTA.

Chips de filtro

Pills redondos con estado activo (fondo azul, texto blanco).

Promo cards

Fondo de patrón + tag flotante + precio destacado.

Modal sheet

Bottom sheet con handle, hero full-bleed y scroll interno.

08 · V1 y métricas

Hacia la versión 1

La V1 mantiene el core funcional actual y suma:

Datos reales

Reemplazar la base estática por una fuente externa (JSON remoto o CMS headless). Se actualiza sin tocar el código.

Horarios en tiempo real

Indicador "Abierto ahora" / "Cierra en X minutos" calculado dinámicamente.

Reseñas reales

Formulario simple de reseña anónima (sin login) almacenada vía API.

Onboarding

Pantalla de primer uso que explica las funciones, sobre todo los filtros dietarios.

Compartir local

Botón de share nativo para enviar el detalle por WhatsApp / IG.

PWA básica

Instalable con manifest.json y service worker mínimo (offline de la grilla).

Cómo medimos el éxito

MétricaDescripciónObj. V1
Retención D7Vuelven 7 días después del 1er uso> 35%
Uso del buscadorSesiones que activan búsqueda> 40%
Conversión a favoritosGuardan al menos 1 local> 50%
Uso de filtrosSesiones con ≥1 filtro activado> 30%
Apertura de modalCards clickeadas por sesión> 60%
Tiempo de sesiónDuración media de una visita> 90 s

Hipótesis de valor

Si un estudiante de FADU sabe en menos de 15 segundos qué locales tienen opción vegana hoy y aceptan Mercado Pago, el problema central de desinformación está resuelto. La velocidad de decisión mejora la experiencia cotidiana del campus de forma tangible.