Cómo construimos KubiHoney

El minorista de lencería de lujo KubiHoney recibe el tratamiento Harpers

¿Quién es KubiHoney?

KubiHoney es un minorista de lencería de lujo. Se especializan en brindar lo último en ropa interior femenina a precios asequibles. Esta fue la primera incursión de KubiHoney en el mercado en línea y recurrieron a Harpers para hacer realidad su sueño de operar a escala global.

Aunque era nuevo en el espacio en línea, el equipo de KubiHoney era claramente muy apasionado con lo que hicieron, por lo que Harpers estaba muy feliz de ayudarlos a lograr sus objetivos.

¿Qué fue lo breve?

KubiHoney quería un sitio web que comunicara claramente el lujo y la calidad de su marca y productos. También querían asesoramiento y ayuda para configurar la funcionalidad del comercio electrónico, eliminar el envío y las operaciones de servicio al cliente en línea.

Sobre todo, KubiHoney quería tener un sitio web de rápido rendimiento y al mismo tiempo usar su contenido de imagen de alta resolución, algo que podríamos lograr fácilmente con un poco de TLC.

¿Cómo lo hicimos?

Primero nos relacionamos con el proveedor mayorista de KubiHoney y tomamos todas las imágenes y los archivos de la lista de acciones de CSV, de modo que descubrimos con qué estábamos trabajando.

Luego, comenzamos a construir un sitio que reflejara la naturaleza de lujo de la marca KubiHoney, que otorgaba un lugar de honor a las fantásticas imágenes disponibles.

Para crear una experiencia de compra sin problemas, planeamos crear una diapositiva en la funcionalidad del carrito de compras para que los clientes pudieran administrar sus pedidos sobre la marcha.

El final resulto

El hogar es donde está el corazón

Una simple página de entrada al sitio web muestra la calidad de la marca KubiHoney con una imagen de alto impacto.

En la parte inferior de la página, mostramos los últimos productos y también el «aspecto del mes» con un conjunto seleccionado a mano para los usuarios que buscan una apariencia total.

La página del producto

De acuerdo con el diseño minimalista, presentamos el producto en formato de alta resolución con opciones de tamaño y color para facilitar la compra. La imagen se puede acercar para inspeccionar el elemento con más detalle.

Al agregar un artículo a su cesta de la compra, aparece un panel de diapositivas que muestra al cliente lo que está actualmente en su carrito de compras y desde aquí se pueden administrar los productos eliminando o actualizando la cantidad.

La vista de Tablet de primera clase

Los sitios web deben verse bien en todos los dispositivos, por lo que se tuvo mucho cuidado para asegurarse de que KubiHoney se viera igual de bueno en dispositivos de tableta como iPads.

En esta resolución, cambiamos el menú de una diapositiva en el panel que muestra las diferentes páginas disponibles.

Mobile Minx

Para esa mujer atareada en el camino, necesitábamos que KubiHoney se viera genial en los dispositivos móviles sin dejar de ser fácil de usar. Bajamos la cantidad de productos por columna y mantuvimos todas las funciones fuera de la pantalla para el uso.

Debido a que más del 50% del mercado de los navegadores ahora es móvil, asegurarse de que KubiHoney se vea genial en este tamaño fue clave para un diseño exitoso.

Al igual que con la versión de la tableta, mantuvimos todas las funcionalidades, como el menú de la página, el sistema de filtro y el carro fuera de la pantalla, hasta que el usuario indique que quiere verlo haciendo clic en uno de los iconos.

Las cosas técnicas

Estadísticas

Como parte de la construcción de este sitio web desde cero, integramos varias funcionalidades para ofrecer una experiencia de compra fluida a los usuarios. Se prestó gran atención y atención a la velocidad y la eficiencia del código del sitio para obtener los mejores resultados posibles. Estas son algunas de las cosas que hicimos…

Funcionalidad de comercio electrónico

Integramos WooCommerce, el complemento de comercio electrónico líder de la web, eliminamos muchos de los scripts innecesarios que vienen con él y configuramos un nuevo estilo para todas las páginas de productos y categorías. También creamos un sistema de filtro para que los usuarios puedan filtrar los productos por tamaño, estilo, tipo, tela, etc.

DevOps

Configuramos KubiHoney en nuestra red de iluminación y lo configuramos para utilizarlo con MariaDB, Nginx y Barniz. Esta es la razón por la que las páginas se cargan tan rápido, porque todas las páginas son, en realidad, páginas HTML estáticas en lugar de páginas PHP que hacen llamadas a la base de datos cada carga / cambio.

Scripts

Creamos alternativas ligeras al uso de jQuery para las animaciones al seguir con las transformaciones de CSS para cosas como la barra lateral o el menú del filtro deslizándose. También optimizamos la funcionalidad de WooCommerce para que reduzca la cantidad de llamadas que necesitaba realizar al núcleo de WordPress.

Optimización

Escribimos algunas reglas personalizadas para KubiHoney para que NGX PageSpeed ​​(un módulo para Nginx creado por Google) minimizara y optimizara las hojas de estilo y los scripts sobre la marcha. También tratamos con las imágenes para que se optimizaran sin pérdida y en una resolución proporcional adecuada para la visualización en la web.