{"id":1138,"date":"2022-11-22T13:29:00","date_gmt":"2022-11-22T12:29:00","guid":{"rendered":"https:\/\/o-matic.ch\/portfolio\/360-support-for-the-slim-sonic-brand\/"},"modified":"2026-02-06T18:36:49","modified_gmt":"2026-02-06T17:36:49","slug":"slim-sonic","status":"publish","type":"project","link":"https:\/\/o-matic.ch\/en\/portfolio\/slim-sonic\/","title":{"rendered":"360\u00b0 support for the Slim Sonic brand"},"content":{"rendered":"\n
\n
\n
\n

Challenge: modernising an e-commerce website<\/h2>\n\n\n\n

Following a surge in sales during the COVID-19 period, a decline was felt. Slim Sonic therefore called on O’Matic to redefine its online presence and better adapt to its customers. <\/p>\n\n\n\n

This collaboration, which spanned three years, enabled us to support the brand in terms of strategy, graphics and technology. We worked on various pillars to achieve this modernisation: <\/p>\n\n\n\n

    \n
  • Identity redesign<\/li>\n\n\n\n
  • Redesign of the user experience on the website<\/li>\n\n\n\n
  • Redesign of the overall customer experience<\/li>\n\n\n\n
  • Strategic and bespoke support<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n

    Close collaboration with all teams to create a website tailored to its target audience<\/h2>\n\n\n\n

    We worked closely with all teams (production, marketing, sales, etc.) to modernise the visual identity, improve the ergonomics and content of the site, and integrate their needs into the website, as well as those of their customers. <\/p>\n\n\n\n

    During our discussions, we identified a sticking point for Slim Sonic customers: they couldn’t picture themselves using the devices available for sale. So we revamped the entire strategy for the website and its content around the brand’s different target audiences: individuals, athletes and professionals. <\/p>\n\n\n\n

    We have also improved the reassurance aspect by highlighting articles in the press, testimonials and the large network of companies using Slim Sonic devices thanks to an internal WordPress store locator.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \n
    \n

    Creating an easy-to-edit website<\/h2>\n\n\n\n

    To ensure autonomous and flexible management, we built the site on an ACF (Advanced Custom Fields) basis. This allows editing to be limited to designated areas, respecting the predefined structure, while offering quick and efficient implementation. Subsequently, the teams easily took ownership of the site management and the various content. <\/p>\n\n\n\n

    We have also improved our natural search engine optimisation to target individuals and professionals who want to combine fitness and technology.<\/p>\n<\/div>\n\n\n\n

    \n

    Results of the redesign<\/h2>\n\n\n\n

    As soon as the site went live, the feedback was glowing: \u2018easier to navigate\u2019<\/em>, \u2018clearer information\u2019<\/em>, \u2018pleasant site\u2019… <\/p>\n\n\n\n

    The figures revealed a 15% increase in visits and a rise in the conversion rate from an average of 2.5% to nearly 5% after a few weeks.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \n
    \n

    A brighter, more modern identity to showcase products<\/h2>\n\n\n\n

    When redesigning the identity, we decided to abandon the combination of black and \u2018old gold\u2019 colours in favour of a more striking combination of white, black and orange-gold.<\/p>\n\n\n\n

    Once the colours had been defined, we reworked the entire style guide and created a system of icons to illustrate the content on the website.<\/p>\n<\/div>\n\n\n\n

    \n

    Adding animations to accompany the message<\/h2>\n\n\n\n

    To help customers discover the technology behind Slim Sonic, we worked on an explanatory video that brings together everything they need to know about the brand in one place.<\/p>\n\n\n\n

    A Lottie animation was developed for the 404 page, followed by other videos for communication and social media purposes.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \t
    \n\t<\/div>\n<\/div>\n<\/div>\n\n\n
    \n\t