Propuesta visual de la app móvil
Documento de validación con todas las pantallas, estados y flujos de la aplicación VisitElche Card para revisión por la dirección del proyecto y el cliente final. Diseño fiel al pliego: identidad Elche · Oasis Mediterráneo, interfaz clara y plana, accesible en castellano, valenciano, inglés y francés.
Onboarding y autenticación
VisitElche Card
Tarjeta turística digital
Tu tarjeta turística digital para descubrir Elche con todo incluido.
¿Ya tienes tarjeta? Accede
- Primera pantalla tras abrir la app
- Selector idioma inline (ES · VA · EN · FR) según pliego
- 2 caminos: "Descubrir" (modo invitado) o "Accede" (login)
- Logos financiadores institucionales visibles (requisito Next Gen EU)
Descubre Elche
como nunca antes
Una tarjeta turística inteligente para explorar el Palmeral, el Misteri y todos los rincones del Oasis Mediterráneo.
- Tras "Descubrir Elche" del splash o tras seleccionar idioma
- Fondo navy con destellos azul-amarillo de marca
- Botón "Omitir" siempre visible · 3 slides totales
Tu QR es la llave
Compra una vez y escanea tu código QR en cada museo, tren turístico o servicio. Sin colas, sin tickets de papel.
- Refuerza el concepto QR Experience del proyecto
- Atrás · Siguiente disponibles · navegable por swipe en móvil
- Glow verde lima (acento de marca) en lugar del azul
- Pide consentimiento explícito antes de los prompts nativos del SO
- Copia clara de por qué se necesita cada permiso
- Activación por separado · todas opcionales (Bluetooth desactivado por defecto)
- "Omitir" lleva a OFF · el usuario verá prompts cuando se necesiten
Hola, bienvenido
de vuelta
Accede con tu DNI o ID de ciudadano para gestionar tu tarjeta turística, tus rutas QR y tus favoritos.
Al continuar aceptas los Términos y la Política de Privacidad.
- Acceso solo con DNI/ID de ciudadano según pliego (no email)
- Idioma heredado del Splash · cambiable desde Ajustes
- 3 caminos: Iniciar sesión · Recuperar contraseña · Registrarse
Registro
Crea tu cuenta para gestionar tu VisitElche Card, guardar favoritos y participar en QR Experience.
- Validación inline · DNI con checksum, email regex, password fuerza
- Checkbox legal obligatorio + marketing opt-in separado (RGPD)
- Tras crear cuenta → email de verificación + acceso a permisos
Recuperar acceso
¿Cuál es tu
correo electrónico?
Te enviaremos un código de 6 dígitos para verificar que eres tú.
Tus datos se tratan según el RGPD
- Entrada al enlace "Olvidé mi contraseña" en P2d
- Validación email RFC 5322 + existencia en BBDD
- OK → envía email con código y avanza a P-Recovery-2
- KO → mensaje genérico "Si el email existe te llegará un código" (no exponer existencia)
Verifica tu identidad
Introduce
el código
Hemos enviado un código de 6 dígitos a s***@example.com.
Código válido durante 04:32
¿No te ha llegado? Reenviar código
- Caducidad código 5 minutos
- Máx 3 intentos · bloqueo 15 min tras superarlos
- Auto-paste si llega por SMS o autorelleno del email
- OK → P-Recovery-3 (nueva contraseña) · KO → mensaje + retry
- "Reenviar" se habilita tras 30s
Nueva contraseña
Crea una
nueva contraseña
Debe tener al menos 8 caracteres, una mayúscula y un número.
- Validación en tiempo real de los requisitos
- Hash en cliente con salt antes de enviar
- OK → auto-login + P3 Home logueado
- Email de notificación: "Tu contraseña fue cambiada"
Núcleo navegable
Palmeral de Elche
Patrimonio UNESCO
- Bottom nav adaptado: tab "Comprar" en lugar de "Mi Tarjeta"
- Hero rotativo con contenido turístico contextual (Palmeral, etc.)
- Grid 9 accesos · "VisitElche Card" destacado en azul
- Avatar genérico + CTA "Accede" llevan al login
VisitElche Card
48 H
ELX-2026-00847
Restante
1d 14h
- Avatar con iniciales + saludo personal en lugar de "Accede"
- Wallet card visible si hay tarjeta activa (tap → P6)
- Bottom nav: "Mi Tarjeta" sustituye a "Comprar" · badge en QR Exp
- Mismo grid de acciones pero contextual al usuario
Mi tarjeta
VisitElche Card
48 H
Restante
1d 14h
Servicios incluidos
Museo MAHE · Arqueológico
Huerto del Cura
Museo del Palmeral
Bus urbano
Tren turístico
- Cuenta atrás en tiempo real (poll cada 60s)
- Listado completo de servicios usados/disponibles
- Tap "QR" → modal P4 con QR temporal validado
- Aviso amarillo cuando quedan < 24h
Mi tarjeta
Aún no tienes tarjeta
Compra tu VisitElche Card para acceder a museos, transporte y experiencias QR con un solo código.
¿Cómo funciona?
- Usuario logueado pero sin compra todavía
- CTA primario → P15 Comprar
- Mini-tutorial 3 pasos como ayuda contextual
Mi tarjeta
VisitElche Card
48 H
Tu historial
Museo MAHE
Huerto del Cura
Bus urbano
- Estado tras pasar la fecha · cuenta atrás muestra "Caducada"
- Sin posibilidad de generar nuevos QRs
- CTAs: renovar (P15) o revisar historial completo
Visit Elche Card
Tres modalidades,
una experiencia
Más duración, más servicios incluidos.
VisitElche Card
24 H
VisitElche Card
48 H
VisitElche Card
72 H
- 3 modalidades · 48h destacado como "más popular"
- Precios y servicios obtenidos de API (configurables)
- 24h muestra descuento promocional · 48h y 72h precio plano
- Link inferior abre comparativa detallada (E.8)
Compara modalidades
| Servicio | 24h | 48h | 72h |
|---|---|---|---|
| MAHE · Arqueológico | ✓ | ✓ | ✓ |
| Museo Pusol | ✓ | ✓ | ✓ |
| Baños Árabes | × | ✓ | ✓ |
| Basílica Sta. María | × | ✓ | ✓ |
| +3 museos más | × | × | ✓ |
| Tren turístico | 1 viaje | 2 viajes | Ilimitado |
| Bus urbano | 10 usos | 20 usos | Ilimitado |
| Visita guiada | × | ✓ | ✓ |
| Bicilche (4h) | × | × | ✓ |
| Precio | 12 € | 20 € | 28 € |
- Entrada: tap en "Ver detalle" en P15
- Datos vienen de visitelche.com vía API
- Pre-selección 48h (más popular)
- CTA dinámico según selección
Finalizar compra
VisitElche Card · 48h
Tus datos
Método de pago
- Validación inline · datos pre-rellenados si logueado
- 3 métodos pago: Tarjeta + PayPal + Apple/Google Pay
- Sticky footer con total siempre visible
- TLS 1.3 · PCI DSS · datos de tarjeta no se almacenan en cliente
¡Compra confirmada!
Tu VisitElche Card está activa.
Empieza a explorar el Oasis Mediterráneo.
Te hemos enviado un correo a
sophie.martin@example.com
- Hero dark con check verde animado al cargar
- Resumen del pedido + número de referencia
- CTAs: ver tarjeta (P6) o descargar PDF justificante
- Email de confirmación enviado automáticamente
Reservar visita
Visita guiada · Palmeral
Elige fecha
Horarios disponibles · Vie 16 mayo
Personas
1 – 4 plazas
- Entrada "Reservar" en P8 (lugar) o P18 (ruta)
- Disponibilidad en tiempo real (API tiempo)
- Slots disabled cuando aforo completo
- OK → email confirmación + entrada a P24 Agenda
QR · Museo MAHE
Presenta este código al operador
Sophie Martin
VisitElche Card · 48h · ELX-2026-00847
Código válido durante
- Modal fullscreen sobre fondo navy
- QR temporal con countdown 5 minutos (antifraude)
- Marco scanner verde de las 4 esquinas
- Datos del titular visibles (intransferible)
- Brillo pantalla al máximo automáticamente
- Acceso: desde D.3 lista servicios o E.6 timeline ruta
Encuesta
Tu opinión cuenta
¿Qué te pareció
tu tarjeta 48h?
Tu valoración nos ayuda a mejorar el servicio.
VisitElche Card · 48h
Caducada hoy · 14:32
Puntuación general
¿Qué destacarías?
Comentarios (opcional)
- Aparece automáticamente al caducar la tarjeta
- Rating + tags + comentario libre (todos opcionales)
- Recompensa: +30 pts canjeables
- Tras enviar → P-Survey-OK con thank-you message
Descubrir
Explorar
Patrimonio
UNESCO
Palmeral UNESCO
MONUMENTO
Basílica de Santa María
MUSEO
Museo MAHE
JARDÍN
Huerto del Cura
GASTRONOMÍA
Mercado Central
TRANSPORTE
Tren turístico
- v5 · Header navy con flecha back a la izquierda + nombre de la categoría como título
- El nombre de la categoría seleccionada ("Patrimonio", "Naturaleza"…) sustituye al título genérico
- Chips filtro horizontal con subcategorías del bloque activo
- Grid 2 columnas · cards con foto + categoría + fav
- Estado "favorito" persistente en backend (si logueado)
Palmeral de Elche
Oasis mediterráneo · 200.000 palmeras
El Palmeral de Elche es el mayor palmeral de Europa y el único de su tipo en el continente, declarado Patrimonio de la Humanidad por la UNESCO en el año 2000. Más de 200.000 palmeras datileras forman una herencia de las poblaciones árabes del siglo VIII.
Vídeo
VisitElche · El Palmeral, oasis mediterráneo (2:34)
Información práctica
- v5 · Hero foto con back + acciones flotantes (share, fav)
- v5 · Nuevo bloque vídeo YouTube embebido (iframe) bajo la descripción
- v5 · Nueva sección "Síguenos" con enlaces a Facebook, Instagram y X
- v5 · Footer: "Cómo llegar" + "Añadir a mi Ruta QR" (se eliminó "Comprar tarjeta")
- Tags multi-color · meta horarios y distancia
- Descripción + ficha técnica completa
Cuenta, soporte y estados
Mis favoritos
Palmeral de Elche
Basílica de Santa María
Parque Natural El Hondo
MAHE · Museo Arqueológico
Playa del Carabassí
- Lista guardada por el usuario · sincronizada en backend
- Icono por categoría · pin rojo para quitar
- Acceso desde Mi cuenta, header del Home y P8 detalle
Mis favoritos
Aún no tienes favoritos
Guarda aquí cualquier contenido de la app: noticias, eventos de agenda, lugares, restaurantes o rutas. Pulsa el corazón en cualquier ficha para añadirla.
- v5 · Estado vacío genérico que cubre TODOS los tipos de contenido
- v5 · Tipos guardables: noticias · eventos agenda · lugares · gastronomía · rutas
- Mostrar cuando array de favoritos = 0
- CTA dirige a Home / Explorar (depende del último origen)
Notificaciones
Hoy
Acceso validado · Palmeral
Has ganado 50 puntos
Esta semana
Recordatorio · Visita guiada
Tu tarjeta 48h caduca pronto
Nueva ruta disponible
- Agrupado por tiempo (Hoy · Esta semana · Anteriores)
- v5 · Badge "no leído" reposicionado sobre el icono (izquierda); ya no se superpone al icono de papelera
- Botón "Marcar todas leídas" en header
- Botón eliminar (🗑) por notificación · soft-delete con undo 5s
- Tap notificación → F.4 detalle ampliado
- 5 tipos: acceso, puntos, recordatorio, caducidad, nueva ruta
Detalle
¡Bienvenido al Palmeral!
Tu código QR ha sido escaneado correctamente en la entrada del Huerto del Cura a las 09:32 del 16 de mayo. Disfruta de tu visita al Palmeral, Patrimonio de la Humanidad.
- v5 · Vista simplificada: solo título + texto + Eliminar + Volver
- v5 · Sin icono grande de tipo, sin summary card de datos, sin info-card, sin acciones contextuales
- Entrada: tap en notificación de F.3
- "Eliminar" borra y devuelve a F.3 · "Volver" mantiene la notificación
Notificaciones
Todo al día
No tienes notificaciones nuevas. Te avisaremos cuando haya novedades sobre tu tarjeta, reservas o promociones.
- Pull-to-refresh disponible
- CTA dirige a P22 Settings · sección notificaciones
Agenda · Mayo
Jue 16 mayo · Tu tarjeta activa
11:00
90 min
Visita guiada · Palmeral
Huerto del Cura · Entrada principal
15:30
2 h
Cata · Arroz con costra
Restaurante adherido · Centro
19:00
75 min
Concierto en la Basílica
Basílica Santa María
Vie 17 mayo
11:00
3 h
Ruta playas · Carabassí
Estación de bus · L25
17:00
60 min
Taller infantil · MAHE
Museo Arqueológico
- Strip horizontal de días con puntos (eventos)
- Eventos agrupados por día · time-axis vertical
- Status pills: reservada · descuento · plazas limitadas
- Tap evento → P-Reservation o P8 detalle
Sophie Martin
sophie.martin@example.com
- Hero perfil con avatar + puntos · gamificación visible
- 3 grupos: Mi viaje · Preferencias · Cuenta
- v5 · Eliminada la fila "Recompensas" (ahora vive en G.5 dentro de QR Experience)
- v5 · Eliminada la fila "Acerca de" (pantalla descartada)
- Toggles iOS-style + selector idioma con banderas
- "Darse de baja" en texto pequeño — acción reversible
Editar perfil
- v5 · Sin opción de subir/cambiar foto de perfil (avatar retirado)
- Sólo edición de datos textuales (nombre, email, teléfono, fecha, país)
- Validación inline para email y teléfono
- DNI no editable (mostrar bloqueado con candado)
¿Necesitas ayuda?
Chat en vivo
Teléfono
FAQ
Escríbenos tu consulta
- 4 canales: chat, email, teléfono, FAQ
- Formulario directo con campos pre-rellenados si logueado
- Horario y email visible en cada card
Preguntas frecuentes
¿En qué podemos
ayudarte?
Encuentra respuestas a las dudas más habituales.
¿Cuándo se activa mi tarjeta?
+Tu tarjeta empieza a contar desde la primera vez que escaneas el QR en un servicio (museo, transporte, etc.), no desde la compra. Tienes hasta 12 meses para activarla.
¿Puedo añadir varias personas a una tarjeta?
+¿Qué métodos de pago se aceptan?
+¿Cómo accedo a los museos y monumentos?
+¿Qué es "Mi Ruta QR"?
+- Buscador + chips de categoría (filtros)
- Acordeón con primera pregunta abierta por defecto
- Contenido editable desde panel admin del Ayuntamiento
- 4 idiomas según pliego
Sin conexión
Sin conexión
No hemos podido conectar con nuestros servidores. Comprueba tu conexión a Internet e inténtalo de nuevo.
ERR_NET_TIMEOUT · 504
- v5 · Icono rediseñado: nube + diagonal tachado contundente + ondas wifi tenues con halo radial · más narrativo y profesional
- Trigger: timeout API o sin red
- Modo offline: tarjeta activa QR sigue funcionando (cache)
- Auto-retry cada 30s en background
- Variantes: 404 (no encontrado), 500 (error servidor)
- Acceso directo a soporte desde aquí
QR Experience · Gamificación
QR Experience
Tus puntos
120 pts
Nivel Explorador · faltan 80 pts para Aventurero
Rutas oficiales
4 disponibles
Elche Patrimonial
8 paradas · 2,5 km · 3h · +120 pts
Palmeral y huertos
6 paradas · 4 km · 2h 30 · +100 pts
Sabores de la Magrana
5 paradas · 1,2 km · 2h · +80 pts
Elche para peques
4 paradas · 1 km · 1h 30 · +60 pts
Mi ruta personal
Tú la construyes
Añade lugares desde la ficha de cada POI con el botón "+ Añadir a mi Ruta QR"
- v5.1 · Pantalla de entrada al bloque G · sustituye a la antigua "Mi ruta" en G.1
- Hero compacto: puntos del usuario + acceso directo a Canjear (G.7)
- Rutas oficiales: catálogo del Ayuntamiento · 4 categorías (patrimonio, naturaleza, gastronomía, familiar)
- Mi ruta personal: card destacada con progreso · enlace a G.2 detalle
- Tap en cualquier card → G.2 detalle de esa ruta (oficial o personal)
- Texto guía: cómo añadir lugares desde la ficha POI (E.2)
Mi Ruta QR
Tu aventura
Mi Ruta QR
Construida por ti · Iniciada el 22/05
1/3
Visitados
+30
Pts ganados
+50
Bonus final
Visitados
✓ 1 lugar
Palmeral UNESCO
Pendientes de visitar
2 lugares
Huerto del Cura
Basílica Santa María
- v5.1 · Nueva pantalla unificada para mostrar una ruta (oficial o personal)
- Hero con nombre + KPIs (visitados / puntos ganados / bonus final)
- Accesos rápidos: Escanear QR (→ G.4) y Ver en el mapa (→ G.3)
- Sitios visitados arriba (con check verde + pts ganados)
- Sitios pendientes abajo (numerados + distancia + pts pendientes)
- Footer informativo: bonus por completar + enlace a canje (G.7)
- Misma plantilla sirve para rutas oficiales (Patrimonial, Naturaleza…) y para Mi Ruta personal
- v5.1 · Pantalla fullscreen con mapa de Elche y las paradas de la ruta activa
- Pins de colores según estado: ✓ visitado (verde) · próxima parada (azul · pulsing) · pendiente (gris)
- Línea punteada conectando paradas en orden
- Pin "Estás aquí" en teal con halo
- Bottom sheet con detalle de la próxima parada: distancia · tiempo · CTAs (Cómo llegar / Escanear)
- Botón filtro en header derecho: alternar entre Mi Ruta y rutas oficiales
- Tap en pin → recentra mapa + actualiza bottom sheet
- Acceso: desde G.2 (botón "Ver en el mapa")
Escanear QR
- Apertura de cámara nativa · permiso pedido en C.4
- Marco scanner verde indica zona de detección
- 2 acciones: flash linterna + subir foto desde galería
- Auto-detección + vibración háptica al escanear correcto
- OK → G.3 confirmación + suma de puntos
- Confirmación tras escaneo correcto (G.2)
- Animación check + glow + vibración háptica
- Suma de puntos visible (+10 estándar, +20 monumento UNESCO)
- Progreso ruta personal actualizado
- 2 caminos: siguiente parada (mapa) o volver al listado
QR Experience
120
Puntos acumulados
⭐ Nivel Explorador · Faltan 80 pts para AventureroTus logros
Patrimonio UNESCO
+30 pts
Primera visita
+15 pts
Maestro local
Bloqueado
Historial de puntos
Basílica Santa María
Palmeral UNESCO
Huerto del Cura
Ruta personal completada
- Tab "Puntos" de QR Experience
- Hero con total acumulado + nivel actual
- Grid de logros con iconos dorados (desbloqueados) y bloqueados
- Historial cronológico de puntos por acción
- CTA hacia Recompensas (F.10) para canjear
Recompensas
120
Puntos disponibles
⭐ Nivel Explorador · Faltan 80 pts para AventureroCanjea tus puntos
Café + dátiles
Mercado Central
50 pts
Entrada Museo Pusol
Etnológico
75 pts
Pack souvenir UNESCO
Tienda oficial
150 pts
Te faltan 30
Historial reciente
Completaste ruta QR
Primera tarjeta comprada
- Hero gold con puntos y nivel actual
- Catálogo recompensas locales · opacas si no llegas
- v5.1 · Botón "Canjear" enlaza a G.8 (formulario con datos de envío si la recompensa es física)
- Historial de últimos puntos ganados
- Sistema de niveles: Explorador · Aventurero · Maestro
Canjear recompensa
Vas a canjear
Pack souvenir UNESCO
Tienda oficial · Recompensa física
Te quedarán 0 pts · vuelves a Explorador
Cómo recibir la recompensa
Datos de envío
Solo para incidencias con el envío
- v5.1 · Entrada: tap en "Canjear" desde G.7 (recompensa física)
- Resumen del canje en card dorada: producto, coste en pts, saldo restante
- Modalidad: envío a domicilio (radio activo por defecto) o recogida en tienda
- Datos de envío: nombre + apellidos · dirección · CP · ciudad · país · teléfono · notas
- Campos pre-rellenados con datos del perfil del usuario · editables
- Aviso legal: cesión de datos al comercio + canje no reembolsable
- CTA primario "Confirmar canje" + secundario "Cancelar"
- Tras confirmar → toast de éxito + descuento de puntos + email de confirmación