Responses by Kingsize.
Background: Mosaert is the creative label of Stromae, a well-known Belgian musician. Our latest creation showcases our client’s product. Mosaert markets its own clothing line by launching different “capsules” once a year, and this year, Stromae wanted to redesign its website as well.
The main purpose of this platform is to enhance and sell Mosaert’s products. Our design had to be modern and dynamic while remaining smartly neutral to not cast a shadow on the products. As you can see on the site, the products’ visuals are impactful on their own, so it wasn’t necessary to overload the visual identity with graphic elements.
Design core: There are no such core features or core design with our creation. The project itself is what we are proud of. When we put each
piece together, that’s when the magic happened. But if we had to mention something, it’s the usability of the website. While the target range of the audience was women and men between the ages of 25 and 45, we had to think about a UX environment that could be used by younger and older people. The site is clear and simple to use.
Challenges: Staying simple and neutral while being impactful at the same time. As Mosaert is one of our principal clients, we wanted to exploit 300 percent of our competences by designing and develop surprising ideas, but we had to put some of that aside to be more realistic, relevant and effective. The final idea was to let the products shine on their own.
Navigation: Once again, the number one rule was to be simple and effective. Mosaert had some trouble with its previous platform, which led to missing sales. We didn’t want that to happen with us! The navigation was designed with a “megamenu” in mind; we could put forward and illustrate all the pages and categories in one spot.
Technology: We used a combo of WordPress and Woocommerce to manage the content and the products. The front end is based on SCSS and ES6. We wanted to create page transitions with Highway, but Woocommerce made it impossible. A lot of time was spent on picture optimization: the goal was to keep a smooth, effective navigation despite the number of high-res images.
To make the link between Woocommerce and the client’s logistic provider, we had to develop—from scratch—a customized solution that synchronizes stocks and orders from the site through the provider’s SOAP API. All orders are processed by the provider’s software and not directly through Woocommerce. This kind of link didn’t exist as they wanted, so we scratched our head and made it possible!