Prachtig redesign zal levens redden
Een van de meest uitdagende opdrachten die elke ontwerper kan nemen, is ontwerpen voor een interculturele organisatie die verschillende groepen met verschillende achtergronden moet aanspreken.
Als ontwerpers zijn we vaak afhankelijk van communicatie via een informeel overeengekomen symboliek: groen is een gezonde kleur; schuine reeksen zijn mannelijk. Behalve dat bij het omgaan met een wereldwijd publiek de boodschap scheef kan staan, waardoor organisaties parallelle huisstijl kunnen gebruiken; over de hele wereld staat het rode kruis bekend om het leveren van medische hulp in oorlogsgebieden, behalve waar de rode halve maan gebruikt moet worden.
Dit is de uitdaging voor ontwerper James Brown, toen hij werd benaderd door Global Earthquake Model (GEM) . GEM was op zoek naar een rebrand, een nieuwe identiteit en een verhoogde betrokkenheid op een wereldwijde schaal.
GEM ontwikkelt open source-tools om wereldwijd te helpen bij de beoordeling van aardbevingen. De laatste grote aardbeving trof Japan in maart 2011, waarbij 20.000 mensen om het leven kwamen; de meest dodelijke gebeurtenis trof China in 1556 toen naar schatting 830.000 mensen werden gedood; en sommige experts voorspellen dat 'The Big One' Californië elk moment kan raken. Onderzoek, educatie en voorspelling zijn de meest effectieve manieren om de natuurramp te bestrijden en de vorige output van GEM werd zwaar in de steek gelaten door slecht ontwerp.
De oude GEM-website
De vorige branding van GEM was koud en onaantrekkelijk. Hun site leek op een slecht ontworpen wetenschapsblog en vertoonde weinig gebruikersbetrokkenheid. De subsite voor GEM's vlaggenschip OpenQuake-software was net zo slecht, ongeïnspireerd en anoniem.
De oude OpenQuake-website.
[GEM's] doel is om mensen erbij te betrekken, maar ze hadden een heel koud en statisch merk. Er zijn zoveel doelgroepen, het is een echt koord ... Daar zijn de mensen, wetenschappers, softwareontwikkelaars en vervolgens verzekeraars en uiteindelijk overheden en landen die ze proberen te gebruiken om de gegevens te gebruiken - James Brown
Het resultaat van Browns inspanningen in de afgelopen 18 maanden is een prachtig ontworpen aanwezigheid die de inhoud vereenvoudigt, het merk bijwerkt en gebruikers aanspreekt.
Weg van het 'poor-man's-nasa'-uiterlijk van de oude site, is de nieuwe look gewaagd en zelfverzekerd. Een aarden palet verbindt alle uitvoer samen, en met onverzadigde kleurcodering voor specifieke taken, voelt zeer modern aan. De platte ontwerpstijl wordt aangevuld door een zorgvuldige hiërarchische typografie die de informatieverstrekking verleent.
De nieuwe GEM-website.
Een belangrijke ontwerpbeslissing was om af te stappen van stompzinnige lijngrafieken en illustraties naar foto's van mensen. De nadruk op individuen en de rol die ze kunnen spelen, moedigt verdere betrokkenheid van de groepen die GEM voor de rechtbank ziet aan.
Een van de meest succesvolle beslissingen was het samenvoegen van de GEM-website met de OpenQuake - de GEM's risk assessment software - website. De rechterkolom van de nieuwe bestemmingspagina wordt overgedragen aan OpenQuake en het kleurcontrast is een aangename manier om de hele lay-out op te heffen en het vlaggenschipproduct te benadrukken.
De nieuwe GEM-website.
De enige fout is een klein gebrek aan technisch inzicht: de site is niet responsief en wordt niet verder verbeterd; het uitschakelen van javascript maakt het menu - dat met CSS gebouwd kon zijn - nutteloos en de hele site wordt minder bruikbaar. Omdat de site momenteel echter nog in bèta is, kunnen we hopen dat deze problemen momenteel worden aangepakt.
Het herontwerp van de GEM-website is een geweldig voorbeeld van hoe non-profitorganisaties ontwerp kunnen gebruiken om echte veranderingen aan te brengen in de wereld om ons heen, zichzelf wereldwijd te herpositioneren en uiteindelijk levens te redden.
Wat vind je van het herontwerp van de GEM? Welke andere non-profit sites hebben een opknapbeurt nodig? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, aardbeving afbeelding via Shutterstock.