Industrie:
Consumentenelektronica reparatie en revisie
Tijdlijn:
1,5 week
Impact:
+22% meer "Gerät anmelden" klikken binnen 2 weken
Website redesign klinkt nogal saai, totdat een klant op maandagochtend belt met: “We haten onze kleuren… weer.” Dat was het openingscadeau van F1xed, een snelgroeiend Duits reparatiestartup met de boodschap “repareer, gooi niet weg.” Hun landingspagina was half afgebouwd, het kleurenpalet zweefde ergens in het niemandsland en een B2B white-label pagina leefde uitsluitend in iemands hoofd. Intussen klikte iedereen op de verleidelijke “Gerät anmelden”-knop om vervolgens op een ervaring te landen die eerder aan een Trabant deed denken dan aan een Tesla.
Je kent dit scenario: verschuivende feedback, slinkerend budget, merkwaarde op het spel. Mis je een slag, dan loopt de ontwikkelrekening uit de hand. Handel je snel, dan zet je chaos om in conversies. We kozen voor optie twee: het volledige interface in 30 minuten hergekleurd met Figma variabelen, een nieuwe landingspagina in acht werkdagen uitgerold en 22% meer aanmeldingen erbij.
Nog steeds last van kleurenangst op je eigen project? Lees verder voor een stakeholder van gedachten verandert. Want die e-mail is waarschijnlijk al onderweg.
KUBE Studio gooide ons de opdracht toe als een vers gesoldeerde printplaat: red een halfgebouwde site, los een merkkleur-identiteitscrisis op en plak er snel een B2B-landingspagina bij. Dit is wat we aantroffen:
Alle kleurendraaiingen ten spijt bleef het doel van KUBE helder: F1xed neerzetten als het vriendelijke gezicht van duurzame elektronicareparatie, met voorspelbare ontwikkelkosten.
Palet-whiplash vreet een ontwerpbudget sneller op dan een telefoonbatterij in de winter. Onze blokkades:
Koelheid bewaren, en het budget, betekende één ding: eerst het bestand omzetten naar een token-gedreven systeem met Figma variabelen, dan pas de kleurenspelletjes.
We behandelden het website redesign als een telefoonschermwissel: snel, precies, nul vegen. Vier stappen, één doel: momentum bewaren terwijl kleuren de cha-cha deden.
Gereedschapskist in twee regels:
Figma voor alles visueel, Slack Canvas voor opmerkingen, Loom voor snelle walkthroughs, TinyPNG voor lichtgewicht asset-overdracht.
Dag 1: Kick-off met KUBE Studio, KPI’s vastgesteld (klikken omhoog, kleurcyclus omlaag). Scope en paletaudit afgerond.
Dag 2: Platte hexcodes omgezet naar Figma variabelen. Tokenset: primair, accent, CTA, status.
Dag 3: Live paletwissel-demo in Slack huddle. Stakeholdergoedkeuring op “teal en antraciet.”
Dag 4: Kleuren consumentenpagina afgerond. Prototype v1 desktop en mobiel.
Dag 5-6: B2B white-label pagina ontworpen. High-fi Figma-bestand, desktop eerst.
Dag 7: Copy en icoonsessie, “100% Reparatie in Duitsland,” recyclingbadge. Hero vastgezet, vertrouwensiconen geëxporteerd.
Dag 8: Eerste feedbackronde (Slack Canvas). 90% opmerkingen binnen 24 uur opgelost.
Dag 9: Afronding, assets gecomprimeerd, overdrachtsspecificatielink. Dev-ready ZIP, Loom walkthrough.
Dag 10: Lanceringsondersteuning en kleurentoken-tutorial voor het klantteam. Figma-sessie van 15 minuten opgenomen.
De vernieuwde kleurenhiërarchie stuurde meer ogen, en vingers, naar “Gerät anmelden.” Dagelijkse starts stegen van 73 naar 89 binnen veertien dagen.
Tokenisatie via Figma variabelen betekende dat het onvermijdelijke “kunnen we de teal iets bijstellen?” 5 minuten kostte, geen nieuwe sprint. Geen extra factuur, geen frustratie.
Vlootbeheerders blijven nu lang genoeg om de gecertificeerde recyclingflow te lezen, dankzij een rustiger palet en een slimmere icoonstapel.
TinyPNG en WebP reduceerden herohero-afbeeldingen van 1,8 MB naar 1,3 MB. Snellere weergave, minder bounce, het soort nette winst dat elk website redesign standaard zou moeten inbakken.
Klantreactie via Slack:
“Ziet er strak uit. Laten we dit afronden voor de CEO haar mening weer verandert.”
Elk ongestaafd paletpivot stapelt ontwerpschuld op je sprintbord. Erger nog: elke extra vergadering knabbelt aan het ontwikkelbudget dat je echt nodig hebt voor nieuwe functies. Intussen bounzen bezoekers naar een concurrent wiens knoppen niet met hun scherm botsen.
We openen je bestand, brengen de kleurenchaos in kaart met Figma variabelen en geven je een overzicht van fixes, live, op scherm, in gewone taal. Plan een snelle videogesprek van 30 minuten, geen druk, geen upsell. De volgende kleurencrisis-e-mail zit waarschijnlijk al in je inbox. Laten we hem aanpakken voor hij het budget leegloopt.
Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.
