Een ontwerpsysteem met meerdere merken dat gebruikmaakt van designtokens

Signify's design system is now multibranded and geared up for future ventures because we used design tokens to enable designers to design for multiple brands with a single system

Onze samenwerking met Signify begon meer dan 7 jaar geleden, toen ze nog onder de naam Phillips Lighting opereerden. We hebben hen geholpen bij het opzetten van hun Interact-merk voor IoT-verlichtingsproducten, door een ontwerpsysteem en hun professionele portfolio daaronder te verenigen. Sindsdien beheren en ontwikkelen we het Interact-ontwerpsysteem.

Onlangs heeft Signify een nieuw product toegevoegd aan hun professionele portfolio. Ze kozen ervoor om het te integreren binnen hun overkoepelende merk, waarbij ze afweken van de Interact-specifieke aanpak. Dit vereiste een herinrichting van het Interact-ontwerpsysteem. Het moest naadloos aansluiten op zowel Interact- als Signify-merkproducten, waarbij de kernelementen behouden blijven en tegelijkertijd moet worden voldaan aan de unieke visuele en ervaringsbehoeften van elk merk.

Signify is de wereldleider op het gebied van verlichting die zich inzet voor het ontsluiten van het buitengewone potentieel van licht voor een beter leven en een betere wereld. Aan de consumentenkant staan ze bekend om hun slimme verlichtingssysteem voor thuis, Philips Hue. Een van hun merken voor professionele oplossingen, Interact, biedt slimme IoT-verlichtingsoplossingen in verschillende sectoren, zoals kantoren, steden, detailhandel, industrie, transport, sport en horeca.

Een toekomstbestendige oplossing

De uitdaging was tweeledig. Ten eerste was het merk Signify niet geoptimaliseerd voor digitale producten, waardoor het moeilijk was om toegankelijke contrasten en geschikte typografie te bereiken. Ten tweede zou het ondersteunen van het nieuwe product binnen het bestaande ontwerpsysteem zonder de consistentie tussen de merken te verliezen de complexiteit en de onderhoudskosten verhogen.

Hoewel de meeste componenten uit het bestaande portfolio kunnen worden gedeeld, vereiste het nieuwe product nog steeds een naadloze integratie van nieuwe componenten die waren afgestemd op de unieke context. Naar toekomstbestendig onze oplossing, we hebben ons gericht op het creëren van een duurzaam systeem dat is gericht op het ondersteunen van toekomstige merken.

Beweeg snel zonder dingen kapot te maken

We hebben gekozen voor een gefaseerde aanpak om de uitdaging aan te gaan. In eerste instantie hebben we ons gericht op twee belangrijkste doelstellingen. Het belangrijkste doel was dat het nieuwe productteam snel en met minimale vertragingen zou beginnen met ontwerpen. De tweede was om de Signify-branding voor digitale producten te optimaliseren. Het resultaat was een tijdelijke bibliotheek met een kernsubset van de componenten van de Interact-bibliotheek. Hoewel de huisstijl op dit moment nog niet volledig was geoptimaliseerd, hebben we besloten deze te publiceren, feedback te verzamelen en het ontwerpteam in staat te stellen deze te gaan gebruiken.

„Het Hike One-team leerde snel, stond klaar om vanaf dag één bij te dragen aan onze doelen en hielp ons normen te stellen die onze organisatie jarenlang zullen helpen.”
David Santos, Project lead

Tokens voor flexibiliteit

Bij de overgang naar de tweede fase hebben we de strategische keuze gemaakt om de helft van de tijd van een van onze ontwerpers toe te wijzen aan het nieuwe team. De rol van deze ontwerper was om de implementatie van de bibliotheek door het team te vergemakkelijken, input te verzamelen en de huisstijl te voltooien. Met deze elementen verschoof onze focus naar ons uiteindelijke doel: het creëren van een duurzame oplossing. Het uiteindelijke doel: flexibel blijven door het extra handwerk en de extra complexiteit van meerdere merken tot een minimum te beperken.

Om dit te bereiken hebben we ons voornamelijk gericht op het vervangen van de standaard ontwerpstijlen door ontwerptokens. Met tokens kunnen we een gedeelde logica ontwikkelen voor het toepassen van stijlen voor meerdere merken, waarbij we slechts enkele kernwaarden voor elk merk aanpassen. De reden dat dit werkt is de inherente gelaagdheid van ontwerptokens, waarbij elke laag voortbouwt op de vorige laag in een ouder-kindrelatie. In wezen omvat de eerste laag merkbeslissingen, en de volgende lagen bepalen waar en hoe deze beslissingen worden toegepast.

Deze modulaire aanpak loste de onmiddellijke uitdaging op, terwijl het onderhoud werd gestroomlijnd, flexibiliteit werd geboden en de algehele consistentie werd verbeterd.

Photon: een ontwerpsysteem met meerdere merken

Het resultaat was Photon, een ontwerpsysteem met meerdere merken dat gebruikmaakt van designtokens. Photon ondersteunt het bestaande merk Interact en integreert naadloos het nieuwe merk Signify. Door een whitelabel-bibliotheek te creëren die alle componenten bevat en door merkspecifieke componenten uit de Signify & Interact-bibliotheken te verwijderen, hebben we ervoor gezorgd dat het ontwerpsysteem op één lijn blijft en toch uniek blijft voor elk merk.

Het is zelfs ontworpen voor alle toekomstige merken. Met Photon kan Signify effectief nieuwe producten ontwikkelen met verhoogde snelheid en kwaliteit, terwijl de consistentie behouden blijft en gebruik wordt gemaakt van de lessen die zijn geleerd van andere merken en producten. Dit stelt hen in staat om zorg voor een betere productervaring en verlaagt de kosten van ontwerp en ontwikkeling.

Zakelijke implicaties en toekomstig succes

De inspanningen van ons team resulteren in een grotere waarde van het ontwerpsysteem voor de activiteiten van Signify. De integratie van dit ontwerpsysteem blijft opleveren verlagingen van ontwerp- en ontwikkelingskosten, met behoud van een consistente en hoogwaardige gebruikerservaring voor hun producten en een gestroomlijnd ontwerpproces voor productteams.

De integratie van tokens heeft geleid tot verbeteringen in het ontwerpsysteem zelf en vergroot de waarde ervan naar producten van het merk Signify, met de mogelijkheid om met minimale extra inspanningen uit te breiden naar nog meer merken. Tot slot bood het mogelijkheden voor kruisbestuiving tussen merken en producten, waardoor creatieve synergieën mogelijk werden en innovatie werd bevorderd.

Op zoek naar een manier om je concept te testen?
zakelijk voorstel?
Een gesprek plannen
Toestemming voor cookies

Door te klikken „Accepteer”, gaat u akkoord met het opslaan van cookies op uw apparaat om de navigatie op de site te verbeteren, het gebruik van de site te analyseren en te helpen bij onze marketinginspanningen. Bekijk onze Privacybeleid voor meer informatie.

Cookievoorkeuren