Cool Investments
Doing a whitelabel design, the right way
Year
2022-ongoing
Sector
E-commerce
![](/_next/image?url=https%3A%2F%2Fexciting-creativity-62ede31bc6.media.strapiapp.com%2Fms_mode_header_36027d2809.png&w=3840&q=75)
Problem
Cool Investments approached us with the challenge of creating a white-label design that could be seamlessly implemented across the webshops of Coolcat, America Today, and MS Mode.
Solution
We needed to come up with a Design System that would work for all the webshops, this while still maintaining their unique tone of voice. Our first step involved conducting a thorough UX audit to pinpoint any existing issues across the current websites.
Result
Guess what? We came up with a fantastic cross-shop design system that can be used across all three webshops. But that's not all! We also did a complete makeover of key pages within their customer (shopping) experience.
Creating a white label website for Coolcat, America Today and MS Mode, which makes the website easier to maintain for developers and takes a unified design approach as we only need to make one design that covers three websites at once.
Our client, Cool Investments, is a fashion group which consist of three brands: MS Mode, America Today & Coolcat. Each have their own unique identity and brand image: Coolcat has a target audience of children and teens, America Today young adults & MS Mode focuses on women with sizes from 40 to 54. Even though the brands all belong to the same investment group, all of them were built separately, with a focus on their own unique look and feel.
As it left a lot of work for the development team to maintain and build on top these different brands, it was decided to take a white label approach and use one codebase for all three websites.
This is were we came in to design some new pages like the product lister and detail pages.
![](/_next/image?url=https%3A%2F%2Fexciting-creativity-62ede31bc6.media.strapiapp.com%2FM_Smode_mockup_a57823a14d.png&w=3840&q=75)
Creating a design system
for easy management
We set out to create a design system so we could simplify our workflow, reuse as many components as possible and use the correct fonts, colors and icons throughout the entire design of the website.
![](/_next/image?url=https%3A%2F%2Fexciting-creativity-62ede31bc6.media.strapiapp.com%2FCool_Invest_Design_system_10fadfa680.png&w=3840&q=75)
Analysing what could be improved
in the current website(s)
Through an extensive UX audit we mapped out all things that could be improved on the current website(s). We made a distinction between some items that could be improved quickly through some small tweaks and the pages that needed a full redesign.
![](/_next/image?url=https%3A%2F%2Fexciting-creativity-62ede31bc6.media.strapiapp.com%2FCool_Invest_UX_audit_2254c33101.png&w=3840&q=75)
Stay in touch
or follow us.