Services
Design systems
Websites
Knack Magazine is a part of Roularta Media Group, alongside other brands including Flair and Libelle. Roularta needed our help enhancing the reader’s experience by consolidating these brands into a single platform.
![16x9 roularta](https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=1280&h=720&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=afd8fd1d2998d791d0cb3898707cdb10 1280w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=2560&h=1440&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=8279d1a32c4b4bfd33a468ccdcb9abbf 2560w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=960&h=540&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=10ae9648ba09c5a00b1e1b2ec297136b 960w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=1920&h=1080&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=b529abf3997c191151c9ba86aaaf2604 1920w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=768&h=432&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=8e2409a8ce20112dd831569a9b2271c4 768w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=1536&h=864&q=45&auto=format%2Cavif&fit=crop&dm=1708507954&s=4b1d743f5fa7dc8b5bfbc63884160c9c 1536w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=568&h=319&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=710bba6efc1109bd5c8f8d47cb57c8b5 568w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta.webp?w=320&h=180&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=38a84829180be122825b13333051dd09 320w)
![Square case visual knack 1](https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=1280&h=1280&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=64bbcec06ce8f387e4237b4439e90315 1280w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=2560&h=2560&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=101c93f08bfc30d016dd2c555fa86045 2560w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=960&h=960&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=9aeba51fb3697e0ae7563413db020b8c 960w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=1920&h=1920&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=b47084205abea8739da60a0d8ed88f32 1920w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=768&h=768&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=8e56899688a39c0bcca3956781742737 768w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=1536&h=1536&q=45&auto=format%2Cavif&fit=crop&dm=1708507954&s=b99ffd8b450a3a0ed53bf251c68bfb87 1536w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=568&h=568&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=2559f89dc59ec4d7ec9e22bfbff273c4 568w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/square-case-visual-knack-1.webp?w=320&h=320&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=cad75ba823b2d04af68e8bd2094e53be 320w)
We redesigned the websites for Roularta’s various magazine brands, collaborating closely with each magazine’s editors and brand managers to identify how we could meet users’ needs.
![16x9 roularta design system](https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=1280&h=720&q=82&auto=format%2Cavif&fit=crop&dm=1708507953&s=43b7a0b8f61a6f662a5a3cf6a18d3a14 1280w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=2560&h=1440&q=61&auto=format%2Cavif&fit=crop&dm=1708507953&s=c47b08275d8a9413932ec43e4989ffb4 2560w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=960&h=540&q=82&auto=format%2Cavif&fit=crop&dm=1708507953&s=0a088448026b14bd9101cb7984373df7 960w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=1920&h=1080&q=61&auto=format%2Cavif&fit=crop&dm=1708507953&s=a90d444489b8864d109b06d7cbcfe77c 1920w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=768&h=432&q=60&auto=format%2Cavif&fit=crop&dm=1708507953&s=ef65070556982c878382d4002c06f46a 768w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=1536&h=864&q=45&auto=format%2Cavif&fit=crop&dm=1708507953&s=474799227a92ea1148e83588d0e1ea2e 1536w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=568&h=319&q=60&auto=format%2Cavif&fit=crop&dm=1708507953&s=188ff399a3ab067d4153efbab19c3e51 568w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/16x9-roularta-design-system.webp?w=320&h=180&q=60&auto=format%2Cavif&fit=crop&dm=1708507953&s=1b6e1960a1a1256b0e6927b766f9bf94 320w)
![1x1 roularta design system](https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=1280&h=1280&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=54154fe1b04187989608996c0268ba97 1280w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=2560&h=2560&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=d1e735134c61955fd890880e765043ed 2560w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=960&h=960&q=82&auto=format%2Cavif&fit=crop&dm=1708507954&s=4374e407cea6f11d11588d895008cfb7 960w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=1920&h=1920&q=61&auto=format%2Cavif&fit=crop&dm=1708507954&s=73058efe2ff65cddfec5504dc025020f 1920w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=768&h=768&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=bddd0da9d08ff4353bdccf4e72d536ac 768w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=1536&h=1536&q=45&auto=format%2Cavif&fit=crop&dm=1708507954&s=09443ef98755208d7f9091c60917e976 1536w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=568&h=568&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=7620204806703254db3c19d0fdde274f 568w, https://creative-analytical.transforms.svdcdn.com/production/images/Cases/Knack/1x1-roularta-design-system.webp?w=320&h=320&q=60&auto=format%2Cavif&fit=crop&dm=1708507954&s=05e0a5f19766740c25c0810db44a4b67 320w)
We developed a unified design system for all websites. This approach streamlined development while preserving each brand’s unique identity, allowing them to retain their individuality.