kevin garzón
Proyectos UX research · Wireframes · UI móvil

Viajero Co Viaja por Colombia

¿Quieres vivir la magia de Colombia?

Pantalla de la sección Mapa
Pantalla de la sección Comunidad
Portada de Viajero Co: viaja por Colombia
Pantalla de la sección Planes
Pantalla de la sección Perfil
Tipo
Concepto de app · no es una app publicada
Contexto
Proyecto final · Diplomado UX/UI, Universidad Nacional de Colombia
Mi rol
Investigación, UX y UI
Año
2023
Ver el proceso

La idea

Todo el país, en una sola app.

Turismo, cultura, gastronomía, hospedajes y rutas para planear el mejor viaje.

Viajero Co reúne en un solo lugar la información que un viajero necesita para descubrir Colombia: destinos, planes, comunidad y un mapa a color con sus recorridos. El objetivo era generar interés por el turismo, dar información concreta en cada lugar y facilitar que cada persona planifique su viaje.

Presentación de Viajero Co y expectativas del proyecto
Qué es Viajero Co y qué esperan sus usuarios.

Proceso de diseño

De la pregunta a la pantalla.

  1. 01Análisis
  2. 02UX research
  3. 03Wireframes y prototipos
  4. 04Sistema de diseño
  5. 05UI y pruebas

Primero la estructura; después el estilo.

Los wireframes ordenaron la información antes de darle forma visual. Un sistema sencillo —Montserrat en tres pesos y una paleta cálida de amarillos, rojos y azules— llevó el concepto a mockups que se probaron y ajustaron con usuarios.

Mapa del proceso de diseño
Proceso de diseño.
Tipografía Montserrat y paleta de color
Tipografía y color.

Pantallas

Explorar, planear y compartir.

Explorar

Destinos y turismo.

Regiones, ciudades y actividades con banners y sliders que funcionan como llamado a la acción.

Mapa · Planes

El viaje, organizado.

Puntos destacados, rutas con Google Maps e itinerarios día a día con reservas y boletos.

Comunidad · Perfil

Viajar con otros.

Publicaciones, reseñas y un mapa personal con los lugares visitados.

Pantallas de Explorar y destino Cartagena
Explorar · de la región al destino.

Compara la estructura con el diseño final. Selecciona una pantalla para verla completa y ampliar sus detalles.

Wireframe de la sección MapaAmpliar pantallaUI de la sección MapaAmpliar pantalla
Mapa · wireframe UI.
Wireframe de la sección ComunidadAmpliar pantallaUI de la sección ComunidadAmpliar pantalla
Comunidad · wireframe UI.
Wireframe de la sección PlanesAmpliar pantallaUI de la sección PlanesAmpliar pantalla
Planes · wireframe UI.
Wireframe de la sección PerfilAmpliar pantallaUI de la sección PerfilAmpliar pantalla
Perfil · wireframe UI.
Descubre Colombia con Viajero Co
Proyecto final del Diplomado UX/UI · Universidad Nacional de Colombia, sede Bogotá. Es una propuesta, no una app publicada.
Ver en Behance

Detalle de pantalla

EL SIGUIENTE PROYECTO

Todo empieza
con un hola.

Cuéntame qué tienes en mente. Revisemos juntos cómo puedo ayudarte, los tiempos y el alcance del proyecto.