Aplicación turismo: Recorriendo Viña

De Casiopea



TítuloAplicación turismo: Recorriendo Viña
Tipo de ProyectoProyecto de Curso
Palabras Claveturismo, aplicación, móvil
Período2014-2014
Del CursoLC3 2014
CarrerasDiseño Gráfico
Alumno(s)Carla Cárcamo
ProfesorJorge Barahona

Resumen

La aplicación móvil con Recorre Viña se centra en un método para buscar tours que recorran la ciudad que sean grupales.

Se le entrega la posibilidad al usuario de encontrar su grupo a través de diferentes criterios como la cantidad de personas, la ruta del tour, las empresas que lo realizan, los precios y finalmente las fechas de partida.

La aplicación considera a todas las empresas que tengan tours hacia Viña, que no tienen wue ser necesariamente de la región.

Va dirigida principalmente a todos aquellos usuarios que quieran recorrer la ciudad jardín, en grupo ya sea para conocer gente, obtener mejores precios u otros motivos.

Se otorga la posibilidad de realizar a través de la misma aplicación un pago para reservar un cupo en el recorrido. Por último se entrega la posibilidad de llamar y mandar mails desde la aplicación.

Mapa de flujo

Mapas-01.jpg

Mapa de clases

600px

Wireframes

Se decide previo a la realización de los wireframes que la aplicación no tendrá como requisito la creación de un usuario con una contraseña, sino que sera de libre acceso cuya función es principalmente filtrar resultados de búsqueda. En vez de crearse un usuario, se le pedirá el contacto al usuario sólo si desea hacer alguna reserva de tour grupal.

Bienvenida

Wireframe carla1.png

home

Luego de haber seleccionado un idioma para la aplicación, la cual sólo aparece al momento de abrir la aplicación por primera vez, se llega a la Menú inicial.

Se da la posibilidad de elegir "filtros" de búsqueda para encontrar el tour que esté buscando, dependiendo de lo que sea considerado como prioridad para el mismo.

Wireframe carla2.png

Precios

Como primera opción se coloca la categoría precios, la cual tiene una plantilla que se repite en la mayoría de las posibilidades de búsqueda del menú. Van cambiando pequeños detalles.

Dentro de ésta sección de entrega la posibilidad al usuario de colocar la cantidad de dinero que esté dispuesto a gastar. Pero como plantilla se entregan básicamente un orden por defecto dentro de cada filtro. Es decir que si busco por precios, aparecerán ordenados por defecto del menos al más costoso, si se busca por empresas aparecerán ordenadas alfabéticamente, si se busca por cantidad de cupos aparecerán ordenados del que tenga mayor cantidad de cupos disponibles al que menos tenga.

Wireframe carla3.png

Precios > pagina interna

Dentro de cada posibilidad de recorrido que aparecía anteriormente, se puede seleccionar cada uno de ellos, donde para cada uno de los recorridos. Ésta plantilla será requisito que todas tengan cada uno de los elemento de información requeridos, como lo son el detalle de la ruta, el precio, la el nombre de la empresa, el teléfono y mail de la empresa.

Es en éste nivel donde aparece la posibilidad de hacer una reserva para formar parte del grupo, en donde si se selecciona, se abrirá una nueva plantilla que hay que rellenar como siguiente nivel.

Wireframe carla4.png

Hacer reserva

Es aquí donde se solicita al usuario por primera vez sus datos, ya que es innecesario crearse un usuario o tener que ingresar con una cuenta si no se desea realizar una reserva online.

Previo a la realización de la transferencia es necesario llenar todos los datos anteriores, y la transacción de dinero no se realiza hasta que se envíe la reserva y estén los datos del formulario de transferencias completo.

Wireframe carla5.png

Realización transferencia

Se deben completar los datos del formulario antes de poder hacer la reserva, en donde se requieren los datos que regularmente se utilizan para ello. La transferencia no es concretada hasta hacer la reserva.

Wireframe carla8.png

Selección imagen

Para la selección de la imagen se crea un fondo con opacidad para concentrar a la persona en la observación de la imagen en detalle.

Se crea la galería compuesta por las imágenes con tamaño de pantalla completa pero que se deslizan don un deslice del dedo hacia la siguiente o con la flecha encontrada a los costados de la imagen.

Wireframe carla7.png

Búsqueda por Empresas

Aparecen las empresas que hayan comprado ser parte de ésta aplicación ordenadas alfabeticamente, pero además se la otorga al usuario la posibilidad de buscar alguna si conoce.

Wireframe carla6.png

Interfaz

En la creación del interfaz se van modificando alguno detalles de los wireframes debido a la visualización junto con el color del total, con el fin de crear una mejor propuesta de interfaz como totalidad.

Se decide ocupar tonos de la gama de verdes y azules como representantes de la naturaleza y aire libre. Se crea la sensación de mar, cielo, naturaleza verde; pero se decide contrastar con una tipografía blanca en su mayoría para lograr un mayor contraste con el fondo; excepto por algunos detalles en gris ya que no desean tener mayor protagonismo dentro de cada espacio.

Link

https://www.flinto.com/p/f821ee1f

Imágenes

Inter.1.png Inter.2.png Inter.3.png Inter.4.png Inter.5.png Inter.6.png Inter.7.png Inter.8.png Inter.9.png Inter.10.png Inter.11.png Inter.12.png Inter.13.png