Altos Cycling | Desarrollo experiencia web

Caso:

Altos Cycling es una empresa colombiana dedicada al alquiler de bicicletas y operadora de planes turísticos en los que se une el ciclismo con los caminos y las montañas de nuestro país. En este caso, su requerimiento fue mejorar, desde experiencia e interfaz, el flujo de alquiler para clientes nacionales y extranjeros).

Metas: 

• Facilitar los procesos de alquiler de bicicletas y add-ons. 
• Sincronizar el inventario de bicicletas de acuerdo a fechas, ciudades específicas y descuentos. 
• Crear flujos de alquiler y compra en diferentes monedas (COP y USD) e idiomas (español e inglés). 

Ejecución 

Para este proyecto, tomamos como referencia el sitio web de una de las marcas de renta de vehículos más prestigiosas a nivel mundial: Eagle Rider. A partir de ahí, evaluamos cómo un flujo similar podría aplicarse al alquiler de bicicletas, buscando plasmar la mayor cantidad de información sin sobrecargar la página.

Durante cerca de dos meses, nuestros equipos de Diseño UX/UI, UX Writing y Desarrollo Web, trabajaron de cerca con Altos Cycling para hacer de esta una web intuitiva. Este es un desglose de las diferentes acciones realizadas: 

UX Writing:

• Al ser una página mayormente transaccional y enfocada en la selección de variables, los textos debían ser tan cortos y concisos como fueran posibles. Esto para evitar “costos” inesperados, errores en la selección de tamaños.
• Era vital ofrecer opciones de filtrado intuitivas, las cuales lograran ayudar al usuario a encontrar la bicicleta adecuada. 
• En las páginas internas, el foco estaba en las características de cada bicicleta, las cuales venían acompañadas por detalles claros sobre el proceso de recogida o entrega.
• Para llevar a cabo un acompañamiento permanente a quien realiza el proceso de compra o de reserva, se implementaron mensajes de confirmación, iconos de progreso, y notificaciones. 

Diseño UX/UI:

• Desde el principio, se diseñó el flujo de navegación para ser intuitivo, con una barra de navegación simplificada y accesible, que incluye categorías y filtros claramente definidos para facilitar la búsqueda de productos.
• Para lograr una interfaz visualmente atractiva y coherente, se implementó un diseño limpio con una paleta de colores alineada con la identidad de la marca y fotografías de alta calidad, garantizando que botones y llamadas a la acción sean fácilmente reconocibles.
• Altos Cycling no solo ofrece bicicletas, sino también productos complementarios como vestimenta, accesorios y tours guiados. Por ello, se creó una estructura informativa clara que destaca la bicicleta, sus especificaciones y otras opciones relevantes según su jerarquía.
• La optimización del proceso de reserva fue clave. Se dividió en pequeñas secciones que simplifican las acciones, permitiendo a los usuarios ver su progreso, retroceder si es necesario, y completar la reserva de manera eficiente.

Desarrollo Web: 

• El sitio fue configurado para manejar múltiples monedas según el tipo de transacción: las ventas de productos se gestionan en USD, mientras que los alquileres se realizan en COP, optimizando así la experiencia de compra según la ubicación del usuario.
• Se integraron dos pasarelas de pago, Trelli y PayPal, con flujos de transacción específicos para cada una, permitiendo a los usuarios elegir la opción que mejor se adapte a sus necesidades.
• Fue necesario desarrollar una lógica avanzada en la programación para calcular automáticamente el costo basado en la cantidad de días de alquiler, con estos detalles reflejados dinámicamente en un bloque llamado Resumen del pedido, mejorando la claridad y precisión de la información.
• Se añadió la funcionalidad de alquilar múltiples productos simultáneamente, permitiendo a los usuarios reservar dos o más bicicletas en una misma transacción. Las bicicletas reservadas se bloquean automáticamente y se ocultan del catálogo hasta que estén disponibles nuevamente.
• Se implementaron nuevos complementos en el proceso de alquiler, como la opción de recoger y devolver las bicicletas en un lugar diferente a la sede principal, así como la posibilidad de incluir productos adicionales en la reserva, como jerseys, bibs, y guantes, todo gestionado a través de formularios integrados.

Resultado final

Si te apasionan los paisajes colombianos, las bicicletas y todo lo relacionado con este deporte, te invitamos a conocer todo lo que hicimos en https://altoscycling.com/es/alquiler/