StayAway es una aplicación multiplataforma 📱🖥️ diseñada para revolucionar la experiencia de reserva en viajes y turismo. Con un enfoque integral, ofrece a los usuarios la capacidad de reservar hospedajes y actividades recreativas de manera eficiente. Destaca por su accesibilidad, seguridad y características innovadoras, como reconocimiento facial, chatbots para asistencia instantánea, traducción multilenguaje, y un buscador avanzado. StayAway se compromete a simplificar el proceso de planificación de viajes, brindando una experiencia completa y sin complicaciones para viajeros y anfitriones.
| Color | Hex |
|---|---|
| Dorado Light | |
| Dorado Dark | |
| Example Color | |
| Example Color |
El aplicativo inicia en el splash screen el cual tiene diferentes secciones con diferentes frases e imagenes.
El splash screen cuenta con un botón "omitir", el cual se encarga de saltar todas estas secciones, entrando directamente en el aplicativo.
A su vez cuenta con el boton de "siguiente" para avanzar de seccion a seccion.
Tiene un indicador: a medida que avanza la sección, se va llenando ese indicador.
Esta es la vista principal luego de mostrarse el SplashScreen.
Cuenta con un "AppBar" que contiene los siguientes items:
- Logo de StayAway
- Busqueda de sitios
- Inicio de sesion
- Alternar temas Claro/Oscuro
- Seleccionar idioma
- Categiorias
Cuando le damos click al icono de la lupa nos mostrara la pestaña de busqueda, la cual tiene 3 entradas para buscar sitios.
-
Region
-
Fechas
-
Huespedes
La busqueda de sitios esta distribuida por contienentes:
- Amercia del sur
- America del norte
- CentroAmerica
- Europa
- Asia
- Africa
- Oceania
En el apartado de fechas las manejamos por 2 calendarios:
- Fecha de llegada
- Fecha de salida
Este apartado cuenta con un desplegable donde de manera intuitiva con un contador se puede agregar cuantos y que huespedes iran al sitio. Los items que incluye el desplegable:
- Adultos
- Niños
- Bebes
- Mascotas
El aplicativo cuenta con dos temas, modo claro y modo oscuro.
| Modo claro | Modo Oscuro |
|---|---|
 |
 |
la elección entre los modos claro y oscuro en aplicaciones y sitios web es crucial y va más allá de las preferencias estéticas. Si bien el modo oscuro ha demostrado beneficios como la reducción de fatiga ocular y el ahorro de energía en dispositivos móviles, también es importante considerar aspectos de accesibilidad, diseño inclusivo y coherencia de marca al implementarlos. Un enfoque equilibrado que tome en cuenta tanto las preferencias de los usuarios como los aspectos técnicos y de diseño puede optimizar la experiencia del usuario y satisfacer una variedad de necesidades y preferencias.
El aplicativo cuenta con un desplegable en el cual puede seleccionar entre los dos idiomas que tiene.
| Español | Ingles |
|---|---|
 |
 |
Esta card contiene los siguientes items:
- Calificacion del sitio
- Agregar a favorito
- Carrusel con imagenes del sitio
- Titulo del sitio
- Categioria
- Precio de la noche del sitio
Cuando el usuario quiera agregar a favoritos el sitio pero aun no ha iniciado sesion le mostrara la siguiente alerta
Al entrar a los detalles del sitio lo primero que nos mostrara sera el titulo e imagenes del sitio. Asi mimso mostrara 3 botones interactivos.
-
Compartir -> El usuario podra compartir informacion del sitio a traves de WhatsApp.
-
Favoritos -> Agregar a favoritos
-
Inicio -> Regresar a la pagina principal
Las imagenes tienen su respectivo zoom para visualizarse de mejor manera. Debajo de las imagenes previas contiene un boton que indica "Ver todas las fotos" aca muestra en su totalidad las imagenes.
Haciendo scroll en la vista de detalles seguira viendo informacion sobre el sitio, por ejemplo, informacion sobre el anfitrion.
Mas abajo seguira encontrando informacion sobre el sitio, como por ejemplo cuantas camas, habitaciones tiene el sitio.
Tambien los servicios que ofrece el sitio.
Si quiere ver en su totalidad los servicios que tiene el sitio, puede darle click en el boton que se muestra en la parte inferior.
Llegando casi a lo ultimo podra ver un calendario con la disponibilidad del sitio.
En la parte de la derecha de los detalles se mostrara la card que contiene la informacion sobre la reserva, la fecha de llegada, fecha de salida, cuantos huespedes y el total.
Contendra un video explicativo de como realizar la reserva por si el usuario desconoce la manera en que se reserva.
-
Confirmacion del pago
-
Autenticacion
-
Luego de la autenticacion, el estado de la reserva se vuelve a pendiente.
-
Mediante el Qr se realiza el pago.
-
Luego del pago y que la reserva quede activa, podra contactarse en linea con el anfitrion para ultimar detalles sobre la estadia.
Llegando a lo ultimo de la vista de detalles del sitio, encontrara las calificaciones y comentarios sitio.
Siguiendo la vista de detalles, por ultimo encontrara la ubicacion del sitio y las reglas de seguridad del sitio, asi mismo los termino y condiciones.
