Bureau voor grafische vormgeving Eindhoven.

Studio Zuid

NH Helpt

2023
In samenwerking met Angry Bytes

Branding
UI - UX design
Illustration      


Steuntje in de rug
In opdracht van Mediabedrijf NH hebben wij een online omgeving ontworpen waar Noord-Hollanders elkaar kunnen ontmoeten. Of ze nu op zoek zijn naar een helpende hand of juist willen bijdragen aan het welzijn van anderen, NH helpt is de plek waar ze elkaar vinden, steunen en inspireren.

Laagdrempelig
Het design is overduidelijk NH, maar we hebben een vriendelijk, luchtig sausje toegevoegd. Omdat de marktplaats een niet-commercieel uitgangspunt heeft, was het van belang om dit mee te nemen in de centrale boodschap en uitstraling.

White label
Het ontwerp heeft een zogenaamde ‘White label’ opzet, het is makkelijk aan te passen voor de andere omroepen van de RPO.  De skin die we ontworpen hebben is als het ware een grafische schil die over de inhoud van de website wordt gelegd. Daardoor is het zeer eenvoudig om het design van de website aan te passen zonder dat de inhoud verandert.

User flow design (UX)
In deze fase werd goed gekeken naar de gewenste content en waar deze het beste geplaatst kon worden. Het doel was om te begrijpen hoe de bezoekers verschillende soorten informatie konden vinden. Elke stap in deze fase was cruciaal, omdat het de basis legde voor een intuïtieve en gebruiksvriendelijke ervaring voor de gebruiker.

Wireframe design (UX)
Na het vaststellen van de user flow, werd een prototype gemaakt, een ruwe schets van de inhoud met placeholders voor tekst en afbeeldingen. Deze fase bood de klant de mogelijkheid om door de website te navigeren alsof het al volledig was ontwikkeld. Omdat meer dan 40% van het aantal website bezoeken in Nederland plaats vindt met een mobiel apparaat, werd er speciale aandacht besteed aan het ontwerp voor mobiele telefoons en tablets.

Hifi design (UI)
Het high fidelity design, ook wel bekend als Hifi design, markeerde de volgende stap. Hier werden details toegevoegd en werden de features van de website verder uitgewerkt. Belangrijk was ook de ontwikkeling van de interactie-elementen. Er werd gedetailleerd gekeken naar hoe verschillende elementen, zoals buttons, foutmeldingen, pop-ups en formulieren, vormgegeven moesten worden. Het doel was om een visueel aantrekkelijke en functionele gebruikersinterface te creëren die de gebruikerservaring zou verbeteren en tegelijkertijd de doelen van de website zou ondersteunen. Elk aspect van het design werd zorgvuldig overwogen en afgestemd op de behoeften en verwachtingen van de gebruikers.

Illustraties en iconen
NH nieuws beschikte over een kleurenpalet van blauw- en grijstinten. Om NH Helpt een unieke identiteit te geven, hebben we aanvullende kleuren gedefinieerd. Daarnaast hebben we een reeks illustraties ontwikkeld om een eigen visuele stijl te creëren. Bovendien hebben we een set pictogrammen ontworpen die perfect aansluit bij het doel van de website.

Woon je in Noord Holland?
Ga dan snel naar jouw.nhnieuws.nl en kijk of je iemand kan helpen of dat iemand jou een steuntje in de rug kan geven.

Next case ︎

Fototainer