Projeto Codeby: Lindo e sofisticado, conheça o novo site da Shoulder

Codeby Project: Beautiful and sophisticated, meet the new Shoulder website

Beautiful and sophisticated, meet the new Shoulder website

This year we had incredible projects delivered and satisfied clients with the results on their websites. We had to announce the new Shoulder website, delivered this month to enter the new year with a new look and a much better user experience.

Since 1980, Shoulder has been bringing Brazilian women clothes with sophistication, elegance, versatility and comfort. Each collection is carefully made so that its customers can always find the one piece they want to call their own. And this is not difficult, since the brand has pieces that make up looks for the most varied moments of the day to day.

Shoulder makes it clear that the customer is its priority, so it has some facilities to make the shopping experience even more practical, such as the Omnichannel option, which is integrated into the site to ensure that physical and virtual stores are in sync to serve the customer. In addition, the site allows access to reviews from other customers to help in the final choice.

We have been present in Shoulder's team since 2016, and this year, to close 2018 with a golden key we delivered the brand's new virtual space that had performance as its main focus. The main points were:

  • Each page of the site (Home, Search, Product, Account etc...) has its own JavaScript file to limit unnecessary file calls on pages that are not going to be used at that moment of navigation.
  • Each of these pages loads the JavaScript dynamically and loads the corresponding functions for each page accessed.
  • API calls are made only when necessary.
  • The images fixed on the product page were previously loaded to be cached.
  • No images were used on the site, but SVG shapes directly in the CSS or included in the HTML.
  • Fully responsive site
  • Menu that adapts to screen size
  • A "buy together" functionality was inserted, made in VUE JS using the VTEX Crosselling API.

The whole site was thought to have one of the best performances possible, so the code was all minified, containing few interactions in the HTML with JavaScript.

And we can't forget the excellent work of the designer who was concerned about making a responsive layout very well thought out to easily adapt to screens and devices, besides making the development of the mobile version easier.

See how the complete project looked like by accessing www.shoulder.com.br and to know other projects we did here access Codeby Blog.

If you like it and would like to do your project with us, contact us and we will be happy to help you become even more successful.