Bonito y sofisticado, conozca el nuevo sitio web de Shoulder
Este año hemos tenido proyectos increíbles entregados y clientes satisfechos con los resultados en sus sitios web. No podíamos dejar de anunciar la nueva web de Shoulder, entregada este mes para entrar en el nuevo año con un nuevo aspecto y mucha más calidad en la experiencia del usuario.
Desde 1980, Shoulder lleva a las mujeres brasileñas ropa con sofisticación, elegancia, versatilidad y comodidad. Cada colección está cuidadosamente diseñada para que los clientes encuentren siempre la pieza que quieren llamar suya. Y no es difícil, ya que la marca cuenta con piezas que conforman looks para los más variados momentos del día a día.
Shoulder deja claro que el cliente es la prioridad, por lo que cuenta con algunas facilidades para hacer aún más práctica la experiencia de compra como la opción Omnichannel, que se integra en el sitio para asegurar que las tiendas físicas y virtuales estén en sintonía para atender al cliente. Además, el sitio permite acceder a las opiniones de otros clientes para ayudar en la elección final.
Hemos estado presentes en el equipo de Shoulder desde 2016, y este año, para cerrar el 2018 con llave de oro entregamos el nuevo espacio virtual de la marca que tenía como eje principal el rendimiento. Los puntos principales fueron:
- Cada página del sitio web (Inicio, Búsqueda, Producto, Cuenta, etc...) tiene su propio archivo JavaScript para limitar las llamadas a archivos innecesarios en las páginas que no se van a utilizar en ese momento de la navegación.
- Cada una de estas páginas carga el JavaScript de forma dinámica, además de cargar las funciones correspondientes a cada página a la que se accede.
- Las llamadas a la API se realizan sólo cuando son necesarias.
- Las imágenes fijadas en la página del producto fueron cargadas previamente para ser almacenadas en la caché.
- No se utilizaron imágenes en el sitio, sino formas SVG directamente en el CSS o incluidas en el HTML.
- Sitio web totalmente receptivo
- Menú que se adapta al tamaño de la pantalla
- Se insertó la funcionalidad "comprar juntos" hecha en VUE JS utilizando la API de VTEX Crosselling.
Se pensó en que todo el sitio tuviera uno de los mejores rendimientos posibles, por lo que todo el código se minificó, conteniendo pocas interacciones en el HTML con JavaScript.
Y no podemos olvidar el excelente trabajo del diseñador que se preocupó en hacer una maquetación responsive muy bien pensada que se adapta fácilmente a las pantallas y dispositivos, y que hace más sencillo el desarrollo de la versión móvil.
Vea cómo fue el acceso al proyecto completo www.shoulder.com.br y para conocer otros proyectos que realizamos aquí visita Blog de Codeby.
Si te gusta y quieres hacer tu proyecto con nosotros, ponte en contacto con nosotros y estaremos encantados de ayudarte a tener más éxito.
