Proyecto Codeby: sitio web de hombro

Hermosa y sofisticada, conoce la nueva web de Hombro.

Este año tuvimos excelentes proyectos entregados y clientes satisfechos con los resultados en sus sitios. No pudimos dejar de anunciar el nuevo sitio web de Shoulder, presentado este mes para ingresar al nuevo año con una nueva imagen y con mucha más calidad en la experiencia del usuario.

Desde 1980, Shoulder trae ropa de mujer brasileña con sofisticación, elegancia, versatilidad y comodidad. Cada colección se realiza con cuidado para que sus clientes siempre encuentren esa pieza para llamar suya. Y esto no es difícil ya que la marca tiene piezas que forman looks para los momentos más variados del día a día.

Shoulder deja en claro que el cliente es una prioridad, por lo que tiene algunas facilidades para hacer que la experiencia de compra sea aún más práctica como la opción Omnichannel, que se integra con el sitio para garantizar que las tiendas físicas y virtuales estén en sintonía para atender al cliente. Además, el sitio permite el acceso a las evaluaciones 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 2018 con una llave de oro, entregamos el nuevo espacio virtual de la marca que tenía como objetivo principal el rendimiento. Los puntos principales fueron:

  • Cada página del sitio (Inicio, Búsqueda, Producto, Cuenta, etc.) tiene su propio archivo JavaScript para limitar las llamadas innecesarias de archivos en páginas que no se utilizarán en ese momento de navegación.
  • Cada una de estas páginas carga JavaScript dinámicamente, así como las funciones correspondientes para cada página a la que se accede.
  • Las llamadas a la API se hacen solo cuando es necesario.
  • Las imágenes adjuntas a la página del producto fueron precargadas para ser almacenadas en caché.
  • No se usaron imágenes en el sitio, pero SVG se forma directamente en CSS o se incluye en HTML.
  • Sitio totalmente sensible
  • El menú que se ajusta al tamaño de la pantalla.
  • La funcionalidad "comprar juntos" hecha en VUE JS se insertó usando la API de cruce de VTEX.
  • Se pensaba que todo el sitio tenía una de las mejores actuaciones posibles, por lo que el código estaba minificado y contenía pocas interacciones en HTML con JavaScript.

Y no olvidemos el excelente trabajo del diseñador que se ha encargado de hacer un diseño receptivo muy bien pensado que se adapte fácilmente en pantallas y dispositivos, además de simplificar el desarrollo de la versión móvil.

Vea cómo fue el proyecto completo accediendo a www.shoulder.com.br

Like y le gustaría hacer su proyecto con nosotros, contáctenos y con gusto lo ayudaremos a ser un éxito aún mayor.