¿Sigues utilizando una experiencia de compra anticuada? Prueba nuestra eficaz solución de e-commerce con el portal líder Liferay para B2B y B2C

Trabajamos para una empresa londinense líder en comercio electrónico de muebles que diseña y vende muebles y artículos para el hogar en línea y a través de una red de salas de exposición experimentales en Europa.

La empresa minimiza los gastos generales vendiendo en línea, agrupa los pedidos de un mismo artículo, rentando sus fábricas en lugar de comprarlas y estableciendo estrechas relaciones de trabajo con fábricas y diseñadores.

En su página web se exponen los diseños de los muebles y se anima a la gente a votar por su favorito. Los diseños que han sido elegidos por el público pasan a la fase de producción y las personas que han votado pueden adquirirlos en caso de que lleguen a la producción. Los pedidos se hacen directamente al fabricante para la producción en serie. Una vez producidos, estos pedidos se envían y se despachan a los clientes.

Con la ayuda de la tecnología moderna de Liferay, construimos el proceso de compra/venta sin esfuerzo para el comprador de primera vez y para el comprador recurrente. En el mercado del comercio electrónico, el usuario que regresa es más valioso, por lo que iniciamos con recomendaciones o sugerencias de productos complementarios al producto adquirido.

Pusimos en práctica la notificación por correo electrónico de los productos añadido al carrito. Mejoramos el proceso de compra para añadir el pago en línea y diversas cuentas de pago(e-wallets) con varios proveedores líderes en el mercado.

Hicimos la lectura de características y el contenido editable con la ayuda de un rico sistema de gestión de contenidos de Liferay.

Rediseñamos la función de búsqueda de una manera más eficaz para utilizar la tecnología de motor de búsqueda líder Elastic-search de Liferay, que nos da la salida rápida y relevante de los datos buscados.

Liferay es flexible para integrar aplicaciones de terceros, por lo que integramos herramientas BPM para gestionar los procesos de negocio y personalizar Liferay a su medida.

Lo más destacado:

Liferay nos permitió incrementar el rendimiento de la aplicación y los resultados del navegador de manera efectiva. Liferay nos ayudó a construir sitios SPA modernos y aplicaciones móviles responsivas.

Desafíos:

El objetivo del cliente estaba claro desde el principio del proyecto: querían construir un portal que ofreciera a sus clientes las funciones que necesitan en su día a día. Buscaban la combinación perfecta entre un portal y una empresa de desarrollo que les ayudara a transformar sus expectativas de negocio en soluciones funcionales. A continuación se detallan los principales retos a los que se enfrentaron nuestros desarrolladores:

  • Experiencia de interfaz de usuario anticuada.
  • Experiencia de navegación patética.
  • Un largo proceso de viaje de compra y procesamiento del carrito.
  • Pésima funcionalidad de búsqueda.

Resultados:

  • Diseño e implementación de una Interfaz de Usuario moderna con la ayuda de AngularJS en el portlet de Liferay.
  • Implementación SPA y un sitio responsivo para que sea amigable con los móviles.
  • Mejora en un 30% en la rapidez de la búsqueda de productos y detalles y recomendación de productos en las sugerencias.
  • Uso de Elasticsearch para mejorar la funcionalidad de búsqueda del producto con datos relevantes.
  • Mejoras en la funcionalidad del carro y adición más opciones en el pago.

Necesidades del negocio

  • Modificar y mejorar la página de productos y la página de detalles con un componente de interfaz de usuario moderno.
  • Necesidad de mejorar la velocidad de navegación, la carga de datos en la página y añadir un filtro.
  • El contenido de los detalles del producto debe ser editable sin tocar el código.
  • Migrar y gestionar más de 2000 contenidos del antiguo sistema al nuevo.
  • La búsqueda debe ser rápida y obtener datos relevantes.
  • El carrito y el pago deben ser fáciles de usar.
  • Gestionar el perfil, el historial de pedidos y hacer un seguimiento del estado de los mismos.
  • Manejo de múltiples instancias y balanceo de carga.

Stack tecnológico

  • Liferay DXP
  • MySQL
  • Servicios web Restful
  • JQuery y AUI script
  • Bootstrap 4 CSS
  • HTML 5
  • Elasticsearch
  • Java 8
  • AngularJS
  • AWS S3

Solución de negocio

  • Usamos un portlet Angular en Liferay para mejorar la visualización del producto y la página de detalles con ricos componentes de interfaz de usuario.
  • Se utilizó la API RESTful para renderizar los datos en la página para obtener la velocidad, el componente de interfaz de usuario moderna para agregar la funcionalidad de filtro, y obtener la imagen de AWS S3 bucket.
  • Proporcionamos soluciones de Bootstrap 4 para construir una aplicación responsiva y amigable con el móvil. Construimos un SPA para evitar una experiencia de navegación monolítica.
  • Utilizamos Liferay WCM para gestionar el contenido de los productos y su contenido detallado con el editor enriquecido.
  • Habilitar el flujo de trabajo para publicar el contenido en la aplicación.
  • Actualización trimestral de los parches hotfix y de seguridad de Liferay.
  • Utilización de eslasticsearch in-build de Liferay para mejorar la funcionalidad de búsqueda y mostrar los datos relevantes en la salida.
  • Implementar la práctica CI/CD para gestionar el sistema distribuido y evitar el procesamiento manual.
  • Soporte 24*7 con módulos onsite-offshore.
  • Gestionar múltiples instancias y el equilibrio de carga en un entorno de clúster.

Autor: Shatrusudan Sharma
Liferay Certified | AWS Certified | Liferay DXP | Java/J2EE | Struts | Spring | SpringBoot | Microservices | BPM Tools

Documento Original: https://www.linkedin.com/pulse/you-still-using-outdated-experience-try-our-effective-sharma/