Desde 2015, DUX Nutrition está en el mercado, ofreciendo tecnología nutricional de vanguardia para capacitar a las personas a superar sus límites humanos.
La marca de suplementos nutricionales valora el sabor y la calidad de sus productos. Sus fundadores creen que estas dos características están estrechamente relacionadas con el éxito de sus productos, porque no renuncian al sabor para obtener la calidad.
A través de un desarrollo rigurosamente probado, la marca obtiene productos eficaces para el organismo y agradables al paladar y ofrece esta gama de opciones en su página web, que presenta un nuevo aspecto.
El escenario
DUX es una marca muy conocida en el mercado de los complementos alimenticios, conocida por el alto nivel de sus alimentos. Sin embargo, al acceder a la antigua web, el usuario no tenía acceso a toda la credibilidad que tiene la marca.
El cliente no tenía acceso a la información nutricional de los productos, algo extremadamente importante para el segmento de la marca. Además, los precios no eran visibles durante la compra y los botones de acción no estaban en lugares bien utilizados, lo que disminuyó considerablemente la intención de compra e impidió que el sitio tuviera el rendimiento ideal.
El proyecto
La marca buscó nuestra ayuda para desarrollar un sitio web completamente nuevo, con unos estándares estéticos más actuales y que resaltara la información relevante del producto.
El objetivo principal de este proyecto era ofrecer un sitio centrado en el rendimiento y elevar la experiencia del usuario ofreciendo comodidad al acceder en diferentes dispositivos y, principalmente, rediseñar el recorrido del sitio haciendo que el momento de la compra sea más práctico y sin complicaciones.
Desarrollo
Para hacer más fluida la navegación del sitio, nuestro equipo rediseñó toda la estructura de código haciéndola limpia, y se centró en experiencias ligeras y bien conducidas.
Para ello, fue necesario rediseñar el recorrido del cliente por el sitio, mediante un riguroso análisis de los puntos más difíciles para los usuarios. El acceso a estos datos permitió redistribuir la información de forma estratégica, ofreciendo así un viaje fluido y sin complicaciones.
Para este proyecto, el uso de la plataforma VTEX fue primordial, ya que pudimos tener más libertad para añadir funcionalidades personalizadas y recursos innovadores que marcarían la diferencia en el resultado final del proyecto. Se utilizó lo siguiente
- Mini carrito: Para este proyecto optamos por un modelo en el que el cambio de cantidad, la aplicación de cupones y el cálculo del envío fueran posibles en función de las zonas de código postal.
- ComprobaciónNuestro equipo ha desarrollado un checkout totalmente personalizado dentro de la plataforma VTEX para mantener la experiencia visual del sitio presente hasta el checkout.
- Técnica LazyLoad: Para optimizar el tiempo de carga de algunas páginas, utilizamos la técnica Lazy Loads, que consiste en cargar el contenido sólo cuando lo solicita el usuario. Lo añadimos a los banners de la Home y a los estantes de los productos para garantizar la rapidez.
- GridView - El sistema gridview utilizado en este proyecto, permite cambiar de página sin salir de la cuadrícula seleccionada.
- Tabla nutricional - Uno de los puntos principales de este proyecto era proporcionar al cliente información relevante sobre los productos. De este modo, creamos un campo de especificación en el registro de productos para poder añadir información y transformarla posteriormente en tablas disponibles para el cliente.
- Contenido en la página del producto - Todas las páginas de productos tienen campos personalizados donde se puede añadir información sobre fórmulas, curiosidades e instrucciones de uso. Esto es esencial para la clasificación del sitio en los motores de búsqueda.
Además, añadimos reseñas en 3 niveles (valoración por estrellas, recomendación y comentario) sobre el producto. También añadimos un campo personalizado para cada producto con las preguntas más frecuentes a través de la herramienta trustvox, lo que enriqueció enormemente la experiencia del cliente.
- Navegación - Para mejorar la navegación y el sistema de búsqueda del sitio, añadimos filtros inteligentes en las páginas de búsqueda, categoría y departamento, para que el cliente pueda personalizar su búsqueda según sus necesidades. Y esto también está presente en el menú superior, para que el cliente esté al tanto de las últimas novedades de cada categoría de productos.
- Capacidad de respuesta del sitio: el nuevo sitio de la marca también tiene una versión móvil y, para garantizar una mejor experiencia, añadimos un sistema de banners con capacidad de respuesta, que carga un banner diferente para cada resolución de pantalla.
- Y más: Página de productos con selección de colores hecha por API; Cuenta 100% personalizada; Despliegue de cuenta con información de cuenta y pedidos.
RESULTADO
DUX cuenta ahora con un sitio web totalmente moderno gracias a la elección del diseño y a las características añadidas para mejorar la experiencia del usuario en todo tipo de dispositivos.
Después de la estructuración y la nueva estrategia de contenidos en las páginas de productos, el sitio tuvo un aumento del 100% en el tráfico orgánico con sólo un mes después de golive.
La marca, migró de un sitio poco dinámico, con información insuficiente y un recorrido de compra confuso, a un concepto más moderno, con información detallada y un recorrido de compra estudiado por nuestros expertos en UX. De este modo, se garantiza un sitio de alto rendimiento, bonito y útil para el cliente.
El resultado puede verse en www.duxnutrition.com
