Desafío

La empresa, debido a la pandemia, se vio en la necesidad de reforzar su página web sobre todo la parte de e-commerce. Ya tenían un desarrollo años atrás pero no estaba actualizado ni optimizado a las necesidades del negocio actuales, por lo que acudieron a Rootstack, para presentarle el diseño que buscaban de interfaz, y las funciones que necesitaban cubrir en su website.

El website que tenían creado estaba linkeado con su sistema en AS400 donde se transfería la información en ambas vías para tener inventario en tiempo real cuando los clientes querían hacer una compra. Sin embargo, el sitio no estaba optimizado, este proceso era lento y fallaba en algunos casos. El principal reto fue que el proyecto web no tenía un manual ni documentación para su fácil edición, además que tenía diferentes versiones internas, por lo que un ajuste debía replicarse de forma manual en varios puntos de la website.

Solución

La empresa y Rootstack realizaron el levantamiento de las características y necesidades que se debían abordar en la plataforma e-commerce de Lovable para suplir las necesidades del negocio a nivel digital. Se procedió a replicar las bases que se tenían en el anterior website, pero se hizo una limpieza y optimización de código, para a partir de ahí re-construir y mejorar las características que tenían anteriormente y las nuevas que necesitaban.

El objetivo de las características que querían conservar y las nuevas que necesitaban implementar siempre fue mejorar la experiencia de venta al shopper y aumentar la escalabilidad del negocio con su operación en e-commerce.

Por lo cual se tuvo en cuenta temas como el track específico de usuarios con su sistema AS400, donde podrán llevar a cabo la medición de ticket promedio, frecuencia de compra, número de pedidos realizados, cuáles ítems comprados, colores, tallas, entre otros detalles. Esto lo integramos con Sendinblue para la gestión de Newsletter y el envío de cupones personalizados al usuario.

Rootstack trabajó en la estandarización de la web e-commerce pero dejando variables específicas para cada país, como por ejemplo el precio con la moneda local y los impuestos que le aplican al producto según las leyes del país. También se dejó la parte de políticas de privacidad y términos de uso tipo No-Code de manera abierta, para que sus colaboradores pudieran realizar los cambios sin tener que manipular el código.

Uno de los cambios principales fue el diseño e implementación y combinación del filtrado de los productos, antes no existía esta función, ahora el usuario puede filtrar por color, talla, tipo de prenda, línea, categoría y rango de precio para facilitar la navegación del shopper en su catálogo de más de siete mil productos. Se realizó una integración con Pinterest, logrando la verificación oficial del website y así poder conectar el usuario con el perfil y el webiste e-commerce.

Para conservar e implementar las nuevas características anteriormente se decidió crear la web app en Github para una integración continua, el API está en Ruby y con eslastic search se hizo el cruce de información con AS400 y Passenger. El Frontend se realizó con Nuxt PM2. Actualmente se está trabajando en el App Mobile que será en React Native.

Respecto a la gestión del proyecto se llevó a cabo en Rootnet, donde con la metodología SCRUM, se monitoreaban los tickets dentro de cada sprint sobre qué hacer, en qué tiempos y cuales personas estaban involucradas en la tarea.

Tecnologías

Las tecnologías, herramientas y lenguajes utilizados a lo largo de este proyecto fueron React Native, Nuxt PM2, Github, Ruby, Rootnet, Elastic Search, AS400 y Passanger.

Este es uno de nuestros proyectos de e-commerce finalizado con éxito. En Rootsack tenemos más de 10 años de experiencia creando, diseñando e implementando proyectos para compañías de diferentes industrias, impactando una gran variedad de áreas y operaciones. Aquí la clave fue el conocimiento de nuestros colaboradores, que han podido trabajar con algunos de nuestros más de 200 clientes en más de 300 proyectos utilizando tecnologías y lenguajes diferentes. Gracias a esto nuestros clientes acceden a todo el conocimiento que Rootstack puede ofrecer. ¿Estás interesado en alguna solución a medida? Contáctanos

Optimization and integration of E-commerce website

See all the services we have