Maquetas navegables · diseño de producto
Descubrir, crear, vivir y recordar.
Prototipos en HTML para revisar el aspecto y los recorridos antes de construir las pantallas reales. No son la aplicación: los datos, fotos y precios son ficticios, y las fotografías se sustituyen por degradados que marcan dónde irá cada imagen.
00 · Sistema
Todas las piezas en una página
-
Referencia del sistema de diseño
Marca, colores con sus contrastes, tipografía, forma y movimiento, botones, formularios con errores, chips, tarjetas, avisos, navegación y sección oscura.
referencia.html
01 · Descubrir
Inspiración antes que catálogo
-
Inicio
Hero «¿Qué momento quieres vivir?», intenciones, Möment Maker, Sorpréndeme y las secciones Para ti, Para compartir, Para regalar, Cerca de ti y Momentos únicos. Variante «Hola Jimy 👋».
inicio.html -
Descubrir
Portada editorial sin mapa: categorías, ocasiones con «Porque sí» primero, tendencias, cerca de ti y recomendaciones. Buscador y filtros discretos.
descubrir.html -
Resultados con mapa
Lista y mapa al estilo Airbnb: marcadores con precio «desde», zonas aproximadas, grupos, tarjeta del anfitrión y «Buscar al mover el mapa».
descubrir-resultados.html -
Ficha de experiencia
Galería, anfitriona, Möment Score explicado, qué incluye, alérgenos siempre visibles, fechas, precio final y opiniones.
experiencia.html
02 · Crear
Pocas propuestas, completas
-
Crear un Möment
Asistente de una pregunta por pantalla (intención, ciudad, fecha, personas y opcionales) y resultado con tres propuestas completas.
crear.html -
Möment Maker
Texto libre, datos entendidos y editables (presupuesto por persona), animación de la «ö» y el itinerario resultado.
moment-maker.html -
Sorpréndeme
Tres preguntas (cuánto por persona, con quién, cuándo) y la revelación de «Tu Möment», con «Otra sorpresa».
sorprendeme.html -
Reserva
Resumen del Möment combinado con desglose y política de cancelación, y la confirmación «Tu próximo Möment está listo».
reserva.html
03 · Vivir y recordar
Un álbum, no un historial
-
Mis Möments
Próximos y vividos agrupados por año, con la invitación «¿Cómo fue vuestro Möment?».
mis-moments.html -
Recuerdo
Fotos, frase, valoración, historia escrita a partir del Möment y tarjeta para compartir.
recuerdo.html -
Perfil
Preferencias que usa la personalización (editables y borrables), Mis experiencias y logros sutiles.
perfil.html
04 · Anfitrión
Publicar, recibir y entender
Estructura «panel del anfitrión» (DS-22): menú del panel en una columna a la izquierda en escritorio y como fila desplazable encima del contenido en el móvil, sin la navegación inferior del comensal. Las notas rayadas en lavanda son dudas para revisar, no forman parte del diseño.
-
Hazte anfitrión
Cómo funciona y condiciones versionadas (RF-19), condiciones nuevas que bloquean el panel (RF-48) y dejar de ser anfitrión con y sin reservas pendientes (RF-32, RF-46).
anfitrion-hazte.html -
Alta del anfitrión
Cinco pasos que se pueden dejar a medias (ANF-3): tipo, perfil público con el error de ANF-7, datos fiscales, documentos con caducidad y Stripe. Estados en revisión, cambios solicitados, verificado y rechazado.
anfitrion-alta.html -
Perfil público del anfitrión
Lo que ven los comensales (ANF-24): nombre, logo, sello de verificado, «Anfitrión desde», ciudad, idiomas, presentación y experiencias. 404 si no está verificado (ANF-26). Maqueta M1.
anfitrion-perfil-publico.html -
Sala de máquinas: anfitriones
Revisión mínima (ANF-28): altas en revisión de la más antigua a la más reciente, filtro «con avisos», detalle con documentos auditados y decisión verificar, pedir cambios o rechazar. Maqueta M2.
admin-anfitriones.html -
Panel: resumen
Tareas pendientes (solicitud por responder, Stripe, documento que caduca, cambios solicitados), cifras del mes y próximas sesiones. Variantes recién llegado, cargando y error.
anfitrion-panel.html -
Mis experiencias
Listado con los estados de EXP-21 (con icono y texto), calidad del anuncio, pausar, duplicar y archivar con el bloqueo de EXP-27. Vacío, cargando y error.
anfitrion-experiencias.html -
Crear o editar experiencia
Asistente de 10 pasos con navegación libre (EXP-2), guardado automático, alérgenos con tres valores, fotos ordenables con teclado, lugar oculto, precio con lo que recibes, calidad y envío con resumen de errores.
anfitrion-experiencia-editar.html -
Calendario y disponibilidad
Vistas mes, semana y lista (lista por defecto en el móvil, CAL-24), sesiones con plazas y estado, repeticiones, bloqueos, precios por día y edición de una sesión con reservas.
anfitrion-calendario.html -
Reservas recibidas
Solicitudes primero con el plazo para responder, aceptar o rechazar con motivo (RES-20), y sesiones con plazas y resumen de alergias destacado (RES-27). Imprimible.
anfitrion-reservas.html -
Estadísticas
Resumen de tres cifras con la frase de tendencia antes de cualquier gráfico (EST-5), consejos descartables, embudo, ingresos, origen, ocupación por franja, Score y comparación anónima.
anfitrion-estadisticas.html