contact

Fresh Foward en LUNAR Institute: zo ontwikkelden we twee unieke websites met dezelfde basis

Het team achter dit project:

  • Vincent Ariëns

    Vincent

    Oprichter en UX designer

  • Julia Hop

    Julia

    UX/UI-designer

  • rutger

    Rutger

    Front-end developer

  • Petra Bredewold

    Petra

    Front-end ontwikkelaar

Mogelijkheden bespreken

Twee organisaties met een eigen identiteit, maar met dezelfde kijk op vernieuwing. Fresh Forward helpt organisaties hun visie en strategie door te vertalen naar mindset en gedrag binnen teams. LUNAR Institute ondersteunt directeuren, leidinggevenden en teams bij leiderschapsontwikkeling en persoonlijke groei.

Met deze vragen gingen we aan de slag:
Hoe ontwikkel je twee websites die hun eigen karakter uitstralen, maar toch bij elkaar horen? En hoe zorg je dat deze websites eenvoudig te beheren blijven, ook wanneer er nieuwe content of pagina’s bijkomen?

1. Twee unieke websites met één consistente basis

Tijdens de brown paper sessies kwam één ding duidelijk naar voren: Fresh Forward en LUNAR Institute willen elk hun eigen verhaal en uitstraling. Tegelijk wilden ze de onderlinge verbondenheid zichtbaar maken. Braund vertaalde dat inzicht naar twee visuele ontwerpen: creatief en kleurrijk voor Fresh Forward, rustig en strak voor LUNAR Institute.

Het resultaat? Twee websites die zijn afgestemd op hun doelgroep. Ze verschillen in sfeer, maar zijn duidelijk familie. Alsof je naar een broer en zus kijkt: eigen karakters, maar herkenbaar verbonden.

Ook aan de achterkant van de website zie je duidelijk terug dat deze twee websites familie zijn. We zorgden ervoor dat beide websites op dezelfde manier zijn opgebouwd, met vaste contentblokken die eenvoudig te beheren zijn. Of ze nu aan de slag gaan met de website van Fresh Forward of LUNAR Institute: nieuwe pagina’s maken en content aanpassen gaat op precies dezelfde manier. Dat houdt het overzichtelijk.

2. Nieuwe pagina? Zo blijft die in dezelfde visuele stijl

We ontwierpen en ontwikkelden elf vaste contentblokken die op beide websites terugkomen. Denk aan blokken voor tekst en afbeeldingen, cases en quotes. De indeling van elk blok ligt vast: waar de tekst staat, hoe groot een afbeelding is en welke kleur een knop heeft.

Op basis van UX-designprincipes hebben we wireframes ontworpen die bepalen welke volgorde het beste werkt. Daardoor hoeven ze bij Fresh Forward en LUNAR Institute niet na te denken over de opmaak. Ze kiezen simpelweg de blokken die ze nodig hebben en vullen die met hun eigen content. Dat zorgt ervoor dat elke nieuwe pagina automatisch goed in het ontwerp past. Alles blijft overzichtelijk en in dezelfde stijl. Het is efficiënt, makkelijk te beheren en voorkomt dat pagina’s rommelig of onduidelijk worden.

Achterkant WordPress content blokken pop-up Fresh Forward

3. Een creatief ontwerp, dat ook gebruiksvriendelijk is

Braund gaf beide websites hun eigen uitstraling door te spelen met kleuren, vormen en typografie. Wij zorgden ervoor dat die creativiteit ook goed werkt voor de gebruiker. We analyseerden elk contentblok en toetsten deze aan onze UI-richtlijnen. Denk aan leesbaarheid, herkenbare buttons en een logische opbouw. 

Nieuwe ontwikkelingen? Nieuwe website!

We werken al langere tijd samen met Fresh Forward. Zeven jaar geleden maakten we hun vorige website en een tijdje later de Fresh Forward-app. Daarom vinden we het extra leuk om daar nu weer mee aan de slag te gaan. In de afgelopen zeven jaar groeide de organisatie, veranderden ze hun diensten en hebben ze een nieuw bedrijf gestart om de diensten van Fresh Forward te versterken: LUNAR Institute. Daarom kwamen ze met de vraag bij ons om twee nieuwe websites te ontwerpen en ontwikkelen, die makkelijk aan te passen zijn wanneer de organisaties verder groeien of veranderen.

Kijkje nemen op de nieuwe websites van Fresh Forward en LUNAR Institute?

Benieuwd naar het eindresultaat? Hier bekijk je de website van Fresh Forward en LUNAR Institute.

Wat we precies deden voor dit project 

Onderzoeken 

We organiseerden drie brown paper sessies: één voor de contentstrategie en twee voor de websitestrategie, persona’s en functionaliteiten. Voor de contentstrategie werkten we een contentstructuur uit voor SEO, maakten we voor beide websites een tone of voice-document en gaven we inhoudelijk feedback op de nieuwe teksten.

Ontwerpen 

We maakten het UX-design en de wireframes en bewaakten de consistentie en gebruiksvriendelijkheid in het visuele ontwerp.

Ontwikkelen 

We ontwikkelden twee websites op basis van elf flexibele contentblokken, zodat het team eenvoudig pagina’s kan opbouwen en content kan beheren.

Meer weten over dit project? Neem contact op met de projectleider:

Vincent Ariëns,projectleider

vincent@labelvier.nl

Deel dit blogbericht via

Enthousiast geworden of benieuwd wat we voor jou kunnen betekenen?

Laat je gegevens achter, we nemen contact met je op om de mogelijkheden te bespreken.

Gegevens versturen..

Het ingevulde formulier is nu bezig
met het verzenden.

Wat kunnen we voor jou betekenen?

Bekijk de mogelijkheden
Boven