Projeto Codeby: Novo Site da Motorola UK

Proyecto Codeby: Nuevo sitio web de Motorola UK en VTEX IO

Durante más de 80 años en el mercado, Motorola fue el pionero en la industria de las comunicaciones móviles, inventando la mayoría de los protocolos y tecnologías que permiten las comunicaciones en todo el mundo hoy en día.

Su origen está marcado por la búsqueda constante de nuevas formas de resolver problemas y, aún hoy, la marca no ha perdido su esencia de mejorar la vida de las personas, a través de la movilidad.

Escenario

Motorola es una marca muy apreciada en el mercado de la tecnología y las telecomunicaciones, no sólo en Estados Unidos, sino en todo el mundo. Vemos productos de la marca a la venta en los principales minoristas online y offline pero, sabiendo que hay un público que prefiere comprar directamente a la marca, Motorola sintió la necesidad de evolucionar su comercio electrónico para dar un servicio más eficiente.

El sitio era bonito y tecnológico, pero la plataforma utilizada no ofrecía el soporte adecuado que necesitaba un comercio electrónico de una marca grande y reconocida mundialmente.

El proyecto

La marca buscó nuestra ayuda para migrar el sitio de comercio electrónico a la plataforma VTEX, utilizando la nueva plataforma de desarrollo de aplicaciones web de vtex.

Este proyecto tenía como objetivo principal la migración de la plataforma, con el fin de ampliar las operaciones de comercio electrónico de la marca y, sobre todo, tener el control de este proceso de una manera más fácil.

El desarrollo

El primer paso de este proyecto fue transformar el antiguo sitio web en algo apropiado para ser utilizado en la plataforma VTEX. Una vez realizada la migración, empezamos a crear la estructura detrás del comercio electrónico con vtex IO, lo que permitió utilizar React para que el desarrollo fuera más rápido y sencillo.

Nuestro equipo creó un tema estándar para la marca que funciona como base para otros sitios en todo el mundo. Dentro de este tema, hemos creado un panel de admiración con campos definidos especialmente para el sitio y que pueden ser consultados siempre que sea necesario. Este panel tenía el objetivo de ahorrar tiempo en el desarrollo a corto, medio y largo plazo.

Hemos utilizado la técnica de aplicación de página única, característica común en los marcos basados en Java Scrip (como React), lo que permite cargar todo el sitio al acceder a la página de inicio.

También se han creado algunas novedades para este proyecto, que son:

Ampliación de la garantía: Hemos añadido una página antes de la compra para productos específicos que ofrecen al cliente la ampliación de la garantía.

Validación de la dirección: Esta funcionalidad está disponible en el sitio web de Motorola USA, ya que cada dirección de entrega debe ser validada con agencias de entrega como Fedex. La funcionalidad se utiliza para validar las direcciones de entrega que el cliente registra en el sitio a través de Golink. Cuando la dirección no es correcta y el cliente no la cambia, el producto vuelve al almacén.

Compras B2B: Cuando el cliente compra más de 10 artículos del mismo producto, esta compra se caracteriza automáticamente como una compra B2B y se informa al cliente de que es necesario cambiar el canal de venta para realizar la compra.

Descuento para empleados: Todos los empleados de Motorola o Lenovo tienen descuentos en productos de la marca. Hemos creado una función para añadir el descuento si el correo electrónico registrado es corporativo.

Formación

Dado que vtex IO es una tecnología nueva en el mercado, nuestro equipo se encargó de formar a todo el equipo de comercio electrónico de Motorola para que tuviera autonomía para realizar el mantenimiento y los cambios siempre que fuera necesario.

Un miembro de nuestro equipo se desplazó a la India para impartir la formación al equipo de 20 personas. Fue un reto a superar debido a las barreras lingüísticas, pero por aquí, una misión dada es una misión cumplida.

En la formación, además de explicar qué es vtex io y cómo utilizar la plataforma, se transmitieron técnicas como

  • Utilice el tema desarrollado;
  • Cómo crear nuevas funciones para ampliar el sitio;
  • Creación de aplicaciones en la plataforma
  • Creación de nuevos componentes

El resultado

Motorola dispone ahora de un sitio totalmente adaptado al comercio electrónico con operaciones escalables.

Con la migración de la plataforma, la marca dispone ahora de la gestión del canal y de los procesos en la propia plataforma vtex, lo que proporciona mucha más comodidad y practicidad para las exigencias del comercio electrónico.

Tras la estructuración de las páginas mediante la técnica de aplicación de página única, la velocidad de interactividad, contenido y carga del sitio no supera 1 segundo.

Además, nos aseguramos, a través de nuestra formación, de que el equipo de Motorola pudiera trabajar sin dificultad con la nueva plataforma y realizar el mantenimiento y crear nuevos elementos siempre que fuera necesario.

El tema que creamos para Motorola ya se está utilizando en proyectos de Motorola en el Reino Unido, España y Alemania, y se espera que se aplique en más de 32 países.

El resultado puede verse en: www.motorola.co.uk