Een multi-branded design system voor Mediahuis
Overzicht
Services
- Productontwerp
- Productontwikkeling
Industry
- Overheid
Introductie
Wie is Mediahuis?
Mediahuis is een toonaangevend internationaal mediabedrijf en een van de grootste spelers in de Benelux. Met een breed portfolio aan crossmediale merken biedt het 24/7 toegang tot nieuws via diverse platformen, afgestemd op de voorkeuren van de nieuwsconsument. Dankzij deze veelzijdige aanpak is Mediahuis uitgegroeid tot een onmisbare speler in de nieuws- en mediabranche.
In samenwerking met de digital product designers en developers van Pàu werd het innovatieve design system *Chameleon* ontwikkeld.
Uitdaging
Hoe kunnen we de workflows standardiseren?
Mediahuis beheerde meerdere merken, elk met een eigen visuele identiteit, wat de uitdaging vergrootte om tot een uniform ontwerp te komen. Er was een duidelijke behoefte aan een systeem dat de unieke uitstraling van elk merk kon respecteren, terwijl het tegelijkertijd zorgde voor een consistente en samenhangende gebruikerservaring.
Er was een urgente noodzaak om de efficiëntie van ontwerp- en ontwikkelingsprocessen te verhogen, zodat teams sneller en effectiever konden werken zonder in te leveren op kwaliteit.
Tijdens onze UI- en CSS-audit ontdekten we aanzienlijke inconsistenties. Maar liefst 247 unieke kleuren, waarvan 60 verschillende grijstinten, 75 unieke lettergroottes en het gebruik van meer dan 20 willekeurige breekpunten onderstreepte het gebrek aan uniformiteit. Consistentie ontbrak vrijwel volledig.
Aanpak
Een Chameleon in zijn natuurlijke habitat
Een flexibel systeem waarin tokens modulair zijn opgebouwd en semantisch gekoppeld aan specifieke UI-contexten, zoals componenten en patronen, om consistentie en schaalbaarheid te waarborgen.
Ondersteuning voor meerdere thema’s, waaronder licht, donker en merk-specifieke varianten, met tokens die zich automatisch aanpassen aan context, merk en gebruiksscenario’s.
Een centraal beheerd systeem dat moeiteloos synchroniseert met design- en ontwikkelingstools, inclusief versiebeheer en automatische updates, voor optimale samenwerking en efficiëntie.
Oplossing
De schaalbare oplossing
Door Chameleon is design aanzienlijk versnelt, waardoor designers meer ruimte hebben om zich te richten op productevolutie. Developers halen inmiddels ook baadt dankzij een efficiëntere workflow, mogelijk gemaakt door de gestandaardiseerde codebase en modulaire structuur.
Alle merkwaarden zijn op alle platforms volledig op elkaar afgestemd, waardoor gebruikers altijd dezelfde beleving beleven, ongeacht waar ze met het merk in aanraking komen.
Met de flexibele en schaalbare opzet van Chameleon kunnen nieuwe merken en innovaties eenvoudig worden geïntegreerd, waardoor het systeem voorbereid is op toekomstige groei en veranderingen.
Laten we samenwerken
Heb je vragen of wil je meer weten over hoe wij je kunnen helpen? Neem contact met ons op. We kijken ernaar uit om samen jouw succesverhaal te creëren.