Een herontworpen homepagina voor de website van The Green Gallery, een nieuwbouwproject van 444 duurzame appartementen in Holland Park in Diemen.
Desktop website
Website redesign
01. over het project
Dit is een conceptontwerp dat ik op eigen initiatief heb gemaakt, zonder opdrachtgever. Ik wilde oefenen met frosted glass en interactie-animaties en zocht daarvoor een bestaande website om te herontwerpen. Ik ken de website van The Green Gallery al, en daarom leek het me leuk om te kijken hoe ik die zelf zou ontwerpen. Ik heb alleen de homepagina herontworpen, niet de rest van de website.
Naast dat het een oefening was, heeft de huidige homepage ook een duidelijk UX verbeterpunt: de hero. De pagina opent met een video, en omdat de beelden in die video steeds veranderen, verandert ook het contrast van de tekst eronder. Op lichte momenten zakt de leesbaarheid van de tekst van de website. Daarbij komt dat er in de video zelf ook tekst voorkomt. De tekst van de website komt daar bovenop te staan, waardoor er tekst op tekst ontstaat en beide moeilijker te lezen zijn.
Voor mijn redesign stelde ik mezelf twee doelen. Ten eerste wilde ik de sfeer van het project vertalen naar kleur en typografie, met crème, bosgroen en een blauwe accentkleur. Ten tweede wilde ik frosted glass en animaties inzetten op een manier die de leesbaarheid ondersteunt in plaats van aantast.
Dit project is niet gemaakt in opdracht van of in samenwerking met The Green Gallery. De foto’s en teksten zijn afkomstig van de originele website en zijn van de rechthebbenden.
02. Het resultaat
Ik heb de homepage van The Green Gallery herontworpen met een vast kleurenpalet van crème, bosgroen en blauw, en een rustige opbouw waarin de achtergrond per sectie wisselt. De hero heeft een stilstaand beeld met een grote titel en een glazen kaart voor de verkoopinformatie, zodat het contrast altijd gelijk blijft. Voor elke achtergrond heb ik een eigen set tekstkleuren gekozen voor koppen, cursieve accenten en paragrafen. Frosted glass gebruik ik volgens een vaste regel: een donkergroene tint over foto’s en een transparant wit laagje op effen vlakken. Alle onderdelen van de originele homepage zijn behouden, zoals de brochure, het nieuws en de gegevens van de makelaars, maar nu in dezelfde stijl uitgewerkt.
A. Voor
B. Na
C. Animaties & interacties
// Contact
Project in gedachten?
Een nieuwe website of een frisse blik op je huidige site? Laat het weten, dan kijken we samen naar de mogelijkheden.