Projeto Codeby: Um site para um futuro só de IDA

Proyecto Codeby: Un sitio para un futuro sólo con IDA

IDA nació de la iniciativa de un grupo de mujeres que apoyan causas relacionadas con el mundo, la moda y la vida.

Uno de los principales pilares de la marca es la preocupación por el medio ambiente, por lo que fomentan a través de sus piezas el consumo consciente y responsable sin perder la sensibilidad y la belleza de las mismas.

La marca es nueva, pero forma parte del grupo WBG Retail, que lleva más de 5 años promoviendo el mercado de la moda, la decoración y el estilo de vida.

Escenario

IDA entra en el mercado de la moda en 2019, apostando por la concienciación del consumidor, manifestando en su línea de lanzamiento atemporal (que no se agotará) la preocupación por las cuestiones medioambientales y sociales que implica la producción en masa.

Con estas motivaciones y ganas de empezar que la marca optó por el comercio electrónico.

El proyecto

Nuestro equipo ya es socio de WBG Retail Group desde hace tiempo, por lo que fuimos elegidos para dar vida al nuevo proyecto que apoya tantas causas relacionadas con el mundo.

En este proyecto desarrollamos una tienda desde cero en la plataforma VTEX. El objetivo era transmitir toda la ligereza de una moda consciente y la seriedad del movimiento en un diseño elegante elaborado por los profesionales de la marca, sumado a un código bien estructurado y centrado en el rendimiento.

Desarrollo

Inicialmente, nuestro equipo prestó atención a ofrecer la mejor experiencia móvil, por lo que utilizamos la técnica Mobile First, priorizando la construcción de la arquitectura móvil y siguiéndola a la de escritorio.

Para ello, era imprescindible utilizar un sistema de banners responsivos para cargar banners compatibles con cada resolución de pantalla evitando ese aspecto desordenado que adquieren algunos sitios cuando se accede a ellos desde el móvil, por ejemplo.

Centrándonos en la experiencia del usuario, aplicamos la técnica de carga perezosa a los banners, las estanterías y las páginas de productos, que nos permite retrasar la inicialización de las imágenes hasta que sea necesario para el cliente (al desplazarse por la página, por ejemplo).

Para personalizar la navegación de los usuarios, creamos una cuenta 100% personalizada, que muestra información diferente si está conectado o no. Además, en el desplegable de la cuenta, al iniciar la sesión, el cliente tiene acceso a la información de su cuenta, a las listas y a los pedidos realizados.

Para terminar, personalizamos el checkout nativo de VTEX, personalizando la página y ofreciendo la misma experiencia visual que ofrece el sitio.

En este proyecto se utilizaron algunas características, entre ellas

Búsqueda en la API: Esta funcionalidad permite al cliente buscar un producto a través de la búsqueda del sitio y tener resultados completos en la misma página. Lo personalizamos según la necesidad del cliente.

Minicart con animaciones: Una función escrita en VUEJS, que permite hacer el proceso de compra mucho más interactivo. Con un carrito inteligente, el cliente es informado sobre el cálculo de los fletes, los cupones de descuento o el estado de las existencias.

Lista de deseosLista de deseos: La lista de deseos permite al cliente añadir productos en una lista de deseos específica. Con esta función instalada, el cliente puede guardar los productos que le interesan y tener acceso a los deseos guardados en el sitio web, siempre que esté conectado a su cuenta personal.

Resultado

IDA inicia sus operaciones con un sitio elegante y moderno, con un gran rendimiento en ordenadores de sobremesa y dispositivos móviles, la velocidad de carga del sitio es inferior a 1 segundo en ordenadores de sobremesa y 2 segundos en dispositivos móviles.

La marca cuenta ahora con un sitio 100% personalizado y centrado en el rendimiento, iniciando sus operaciones con las opciones de gestión que ofrece la plataforma VTEX.

El resultado puede verse en: https://www.ida.com.vc/

Deseamos que este movimiento tenga éxito ♥

Y si se siente inspirado por este proyecto, póngase en contacto con nuestro equipo y aprenda a hacer realidad el sitio web de sus sueños.

Recordando que las funcionalidades utilizadas en este proyecto están disponibles en nuestra página de Plugins, donde puedes adquirir sólo la funcionalidad que desees.