MATES Design Agency Logo
Dark Light

Scaling a global sports brand with a 360 degree design system


Just over 5 years ago Helly Hansen realised they needed to rethink how they produce their digital marketing campaigns. They were only managing 4 digital campaign executions a season, and outsourcing with the traditional waterfall agency method was prohibitively expensive and time consuming. Helly Hansen knew that to succeed in digital they needed an edge.

With this in mind Chief Digital Officer Chris Hammond and Global Head of Digital Communications Michael Eriksson approached MATES for advice on how they could at first scale their digital marketing production to create 10+ complete campaigns a season.


To understand the problem Mates Inc’s first step was to talk to all the teams involved. It became clear that the team was struggling to stay AGILE in design. Although the brand team created fantastic campaign concepts with their partner agency GREY, these were developed years ahead of production. After these were delivered the team had to deal with shipment and product issues, multivariate tests, user feedback and regional translations. Given the huge range of touchpoints that had to be maintained and updated, often at the last minute, meant making a choice – sacrifice quality or quantity. For a brand like Helly we knew this wasnt an option. They needed an AGILE design process that could adapt to late changes, create assets at scale, and most importantly adapt / maintain them quickly.


After reviewing the current state and defining smart objectives MATES advised that HH take inspiration from the way MATES approaches traditional Designs Systems. The Design System approach basically meant starting over, with all the involved teams at HH agreeing to a set of principles and design axioms as part of a Digital Marketing Framework. These axioms were linked together to create a framework of dynamic digital assets that allowed simple changes to cascade throughout all of the designs. This framework of production assets has been a huge success allowing everyone at Helly Hansen the ability to respond quickly if there was a glitch or revision anywhere in the process – through from design to retail. This gave the team the ability to completely execute a campaign in 2 to 3 days across all touch points, and develop a whole seasons worth of assets in a matter of months, which is remarkable.


  • "Something as simple as changing the out of stock products would mean taking our whole campaign back to the drawing board. Now we can drag and drop the replacement product and watch as it is replaced across the entire campaign in seconds."
  • Impact


    Increase in sales


    Campaigns per season


    Headless components

    From this Digital Marketing Framework has grown an entire brand wide, 360 Degree Design System that encompasses all areas of the business including the new headless website, email campaigns, motion graphics, display campaigns and 3rd party affiliate sites. Each channel has its own reusable components created in Figma, with 100% accurate counterparts developed in platform e.g. React components for headless, Emarsys HTML components for email, Creatopy templates for Display, 3rd Party Figma templates for Amazon.

    In looking for an answer to the ineffective and expensive social media campaigns, the team delivered a Design System that became universal across the company and in effect initiated a Digital Delivery team.

    The results have been startling. In one season a design team of 3 regularly produces 24 campaigns across all multiple platforms. They have 41 Headless react components with multiple states and variations which are allowing headless to be rolled out on-time and on brand.

    The ROAS(return on advertising spend) is brilliant because the extra time the system has facilitated allows the creative teams to hit niche markets and test multiple variations to find the ads that work without reinventing the wheel. The result is a 2000% increase in sales in 2023 with only a 300% increase in budget.