Projectdoel
Gilston zocht een site die beter aansluit bij hun huidige positionering: strategie, executie en investeringen voor ambitieuze MKB bedrijven. De oude uitstraling mocht weg. In plaats daarvan moest er een digitaal visitekaartje komen dat modern, volwassen en scherp is, met een duidelijke focus op inhoud en cases.
Van Inspiratie naar Wireframes
Als vertrekpunt heb ik een de opgeleverde referenties gebruikt, onder andere slantis.com, parabol.fi en landscape.productions. Om scherp te krijgen welke richting past en aansluiten op de visie van Gilston: grote typografie, veel witruimte, duidelijke gridstructuren en een paar krachtige kleuraccenten in plaats van drukke visuals.
Op basis daarvan heb ik de eerste wireframes opgezet. Daarin lag de focus op:
een heldere hiërarchie in content
korte, scherpe secties zonder ruis
ruimte voor cases en inzichten als bewijslaag
duidelijke flow richting contact en gesprek inplannen.
Hieronder is een gedeelte van de zeven verschillende pagina's te zien.
Stylescapes en visuele taal
Om de visuele richting te bepalen heb ik twee stylescapes gemaakt: één meer brutalistische variant met hardere contrasten en rauwere composities, en één moderne, cleane versie met meer rust en focus op typografie.
We hebben hierbij gekeken naar:
een volwassen uitstraling zonder corporate feel
een kleurpalet dat het serieuze karakter van Gilston ondersteunt
typografie die groot, rustig en toch karaktervol is
ruimte voor micro-animaties zonder dat het een gimmick wordt.
Uiteindelijk is de cleane (bovenste) stylescape gekozen als basis voor de website. Die vormt nu de visuele taal: rustig, direct en met genoeg spanning in details.
De zoektocht naar de juiste herosection
De herosection was het lastigste onderdeel van het ontwerp. Gilston is geen standaard SaaS, en ook geen klassieke investmentpartij met alleen cijfers en grafieken. De hero moest meteen de kern raken, zonder schreeuwerig te worden. Verder was er geen fotografie beschikbaar voor een hero-image.
Na meerdere rondes testen en herschrijven is de hero geworden wat hij nu is: een rustige maar scherpe binnenkomer waar de kop, de subregel en de CTA’s samen het verhaal vertellen.
To be continued…
Deze opdracht is afgerond, alleen de casusomschrijving wordt nog verder uitgewerkt. Deze content zal snel hier te lezen zijn.