Choose2Rent es una empresa que ofrece servicios de alquiler de equipamiento para eventos, como tablets, routers, impresoras y pedestales para el check-in de los invitados.
Descripción del proyecto
Choose2Rent es una empresa que se especializa en ofrecer soluciones tecnológicas para eventos, con un amplio catálogo de productos y servicios en alquiler para agilizar el proceso de registro y check-in de los asistentes, para cualquier tipo de evento ya sea una conferencia, convención o feria.
El cliente quería un rediseño integral para modernizar y unificar todo el website, hacer más accesible la información de todos los productos y servicios que ofrecen, y agilizar el proceso para que los usuarios soliciten un presupuesto.
Nuestros objetivos
Problema
Uno de los principales problemas al comenzar el proyecto fue la escasa información con la que disponíamos y los tiempos muy ajustados. El desafío era partir de una plantilla de base de WordPress para agilizar el desarrollo, pero sin perder la posibilidad de personalización para lograr un sitio único.
El website original presentaba dos cuestiones que debíamos atender: una de funcionamiento debido a la carga extremadamente lenta, imágenes rotas y links que no funcionaban; y otra sobre el diseño visual: muy inconsistente, con muchos elementos y estilos diferentes con un resultado visual demasiado abrumador. El alto nivel de inconsistencia podía hacer sentir al usuario que estaba navegando en otro sitio al cambiar de página y el exceso de elementos hacía que estos compitan entre sí y la jerarquía de la información no sea clara.
Por otro lado, encontramos que el proceso para solicitar un presupuesto era largo y complicado, con muchos pasos requeridos y campos para completar, todo concentrado en un formulario que se abría en un sitio distinto, lo cual podía generar desconfianza e interrumpía el flujo de navegación del usuario. A su vez, la presencia de dos CTA en el encabezado era confuso y no quedaba claro cuál era el principal.
Mal funcionamiento: carga lenta, imágenes y enlaces rotos
Inconsistencia, falta de convenciones y estándares
Demasiada información y estilos distintos de banners, títulos y fondos
Dificultad en el proceso de solicitar un presupuesto
Versión previa del website, con demasiada información y elementos visuales diferentes al mismo tiempo.
Proceso de diseño
Al tener tiempos muy cortos y no disponer de recursos para el user research, nos enfocamos en un audit exhaustivo y un análisis heurístico del estado previo del website, encontrando las fallas y oportunidades para mejorar la experiencia y usabilidad del sitio. Además, se relevaron distintos sitios de competidores e incluso de socios del cliente, los cuales prestaban servicios relacionados a la organización y equipamiento de eventos.
En un principio, se trabajó a nivel wireframe en una primera propuesta de la homepage, la cual luego se terminó utilizando de manera provisoria para reemplazar la página de inicio del sitio anterior. Esto tenía carácter urgente debido al mal funcionamiento de la misma, por lo cual se optimizaron imágenes para reducir la carga, se simplificaron todas las secciones y se agregaron accesos rápidos a los principales productos y servicios ofrecidos.
Mientras tanto, exploramos distintas plantillas de WordPress para utilizarlas como base para la estructura del website y crear los diferentes módulos y componentes duplicables, personalizándolos con el nuevo branding del cliente.
A su vez, trabajamos en la arquitectura de la información, reorganizando y renombrando todas las páginas dentro del menú, para que así sea más intuitivo y fácil de buscar cada tipo de producto, y darle más visibilidad a las páginas de soporte y ayuda para el usuario.
Tras la selección de la plantilla, trabajamos en el mockup de la homepage personalizando los componentes, aunque también fue necesario crear algunos nuevos según los requerimientos del sitio. Luego, diseñamos el resto de las páginas internas que abarcaron desde los formularios de contacto y reserva, hasta las páginas de cada tipo de producto (impresoras, escáneres, tablets, entre otros).
Una vez que todo fue aprobado y los desarrolladores se encargaron de personalizar los componentes de la plantilla, con el equipo de diseño pasamos a construir las páginas con el builder de WordPress, a partir de los bloques desarrollados.
Algunas de las distintas opciones exploradas con las plantillas de WordPress.
Solución y resultados
Una vez definido el contenido de todas las páginas del sitio, debimos adaptarlo a la plantilla seleccionada con componentes modulares que serían reutilizados a lo largo de todo el website.
Para esto, definimos todos los componentes y sus distintos estados en Figma, los estilos de texto y el uso de los colores, creando un UI kit para que los desarrolladores puedan personalizar los bloques que luego usaríamos para construir finalmente todas las páginas en WordPress.
Con el UI kit nos aseguramos de mantener la consistencia a lo largo de todo el website y que el estilo visual quede unificado con una misma paleta de colores, pocas tipografías y estilos de texto bien definidos para cada tipo de contenido.
Por otro lado, el foco estuvo puesto en que la información sobre los servicios y los distintos productos disponibles para alquilar fuera más accesible, legible y clara para el usuario; y en simplificar y optimizar los formularios y sistema de reserva para agilizar el proceso y guiar paso a paso al usuario durante el mismo.
Además de la homepage, se diseñaron y crearon en WordPress las más de 50 páginas internas que consistían en las páginas de cada tipo de producto, los servicios ofrecidos, el blog, galería de imágenes, las páginas de ayuda y soporte, entre otras.
Así, obtuvimos como resultado un rediseño integral de todo el website con una plataforma como WordPress, mediante la cual se podrá seguir personalizando y actualizando el contenido o agregando nuevas páginas o secciones con suma facilidad.
Organizamos el menú de manera más eficiente e intuitiva
Productos: páginas para cada tipo de producto en alquiler como impresoras, tablets, accesorios, etc.
Servicios: los distintos servicios que se ofrecen como soporte en eventos, check-in de asistentes, etc.
Sobre nosotros: información sobre el equipo y el proceso de trabajo de la empresa.
Recursos: blog, galerías de imágenes y casos de éxito con ejemplos y testimonios.
Soporte: preguntas frecuentes, contacto y guías de equipamiento para ayudar al usuario a resolver cualquier problema que se le pudiera presentar.
Optimizamos y agilizamos el proceso de solicitar presupuesto
Utilizamos la acción de solicitar presupuesto como CTA principal a lo largo de todo el sitio.
Definimos los pasos del formulario para que el usuario sea guiado a través del proceso y no se sienta abrumado por la cantidad de campos.
Incluimos la posibilidad de elegir entre un presupuesto avanzado con un formulario más detallado y un presupuesto rápido más corto.
Agregamos y optimizamos formularios específicos para usuarios con un alquiler ya realizado, para extender el período del mismo, pedir más productos, reportar daños, etc.
Una pestaña para un presupuesto rápido
Se implementó una pestaña inferior para darle la posibilidad al usuario de acceder fácil y rápidamente a un presupuesto con un formulario más corto y conciso.
Un formulario para cada tipo de pedido
Se trabajó en una página específica para organizar los formularios para los clientes con un alquiler en curso y deseen extender el período de alquiler, pedir más dispositivos, reportar daños o solicitar la recogida de los productos alquilados.
