Nieuwe website ontwerp van Lisette Molenaar

Herontwerp van Lisette Molenaar’s Website

Lisette Molenaar kwam bij ons via een oud-collega, toen we op zoek waren naar klanten om ons portfolio uit te breiden. Ze was niet tevreden met haar bestaande website, die gebouwd was met Divi in WordPress. Lisette zag het redesign van haar website als een kans om de site volledig opnieuw vorm te geven en aan te passen aan de visuele stijl van haar magazine. Haar magazine-stijl was een belangrijk onderdeel van haar branding en zij wilde diezelfde uitstraling terugzien in haar online aanwezigheid. Ons doel was om een website te bouwen die niet alleen visueel aantrekkelijk was, maar ook makkelijk door haarzelf te beheren en aan te passen zonder technische kennis.

Herontwerp van Lisette Molenaar’s Website. Volledig vernieuwde website van Lisette Molenaar, geïnspireerd door haar magazine-stijl

WELKE DIENSTEN

Herontwerp van Lisette Molenaar’s Website. Het eerste Figma-ontwerp voor het webdesign van Lisette Molenaar, met visuele elementen uit haar magazine.

De uitdaging

Beperkingen van de huidige website

De belangrijkste uitdaging waar Lisette tegenaan liep, was het gebrek aan flexibiliteit in haar bestaande website. Elke kleine aanpassing vereiste custom code, wat haar afhankelijk maakte van ontwikkelaars om zelfs de meest eenvoudige wijzigingen door te voeren. Dit was een frustratiepunt voor haar, aangezien ze graag zelf de controle wilde hebben over haar website en deze regelmatig wilde bijwerken.

Daarnaast moest de nieuwe website Lisette’s visie en merkidentiteit weerspiegelen. Ze had een sterke voorkeur voor de visuele stijl van haar magazine, inclusief specifieke typografie, kleurgebruik en lay-out. Deze elementen moesten vertaald worden naar een digitaal format, waarbij de gebruiksvriendelijkheid niet uit het oog verloren mocht worden.

Een andere uitdaging was het responsive design: de website moest er zowel op desktop als op mobiele apparaten goed uitzien. Met veel van haar bezoekers die via mobiele apparaten kwamen, was het cruciaal dat de website snel en intuïtief werkte, ongeacht het apparaat waarop deze werd bekeken.

De aanpak

Flexibel Ontwerp en Volledige Controle

Lisette gaf aan dat de stijl van haar magazine een belangrijke inspiratiebron was. Op basis hiervan hebben we een ontwerp in Figma gemaakt dat sterk leunde op de visuele elementen die ze belangrijk vond: een lay-out met elementen die terugkwamen vanuit haar magazine, haar kleurrijke palet en een duidelijke typografische hiërarchie.

Nadat het ontwerp was goedgekeurd, begonnen we met de bouw van de nieuwe website in een testomgeving. Dit gaf Lisette de mogelijkheid om alle elementen te bekijken en feedback te geven voordat de site live ging. We kozen voor een gebruiksvriendelijk framework dat haar in staat zou stellen om zonder technische kennis zelf aanpassingen te doen. Dit betekende dat ze voortaan gemakkelijk nieuwe content kon toevoegen, afbeeldingen kon wisselen en teksten kon aanpassen zonder afhankelijk te zijn van ontwikkelaars.

Daarnaast zorgden we ervoor dat de website volledig responsief was, zodat deze er zowel op desktop, tablet als mobiel uitstekend uitzag. De mobiele versie van de site werd extra geoptimaliseerd voor snelheid, omdat veel van haar bezoekers via smartphones kwamen.

Om haar volledig te ontzorgen, hebben we ook een instructievideo gemaakt waarin we uitleggen hoe ze haar website zelf kan onderhouden en wijzigingen kan doorvoeren. Deze video geeft haar de tools die ze nodig heeft om zelf haar website te beheren en aan te passen, wat haar een groot gevoel van controle en vrijheid geeft.

Welke software pakketten gebruikt

Herontwerp van Lisette Molenaar’s Website. de uiteindelijk gebouwde website

Het resultaat

Een website passend bij Lisette

Het resultaat is een moderne, flexibele website die volledig aansluit bij de visie van Lisette Molenaar. De nieuwe website geeft haar de volledige controle om zelf aanpassingen te doen, waardoor ze niet meer afhankelijk is van custom code. Dit heeft haar in staat gesteld om haar website snel en gemakkelijk aan te passen aan haar veranderende behoeften.

De visuele stijl van haar magazine is prachtig vertaald naar de website, met een strak design, opvallende typografie en een helder kleurenschema dat haar merkidentiteit versterkt. De site is volledig geoptimaliseerd voor zowel desktop als mobiel, wat resulteerde in een betere gebruikerservaring en langere bezoektijden van haar bezoekers.

Lisette was ook erg tevreden met de instructievideo, die haar vertrouwen gaf in het zelfstandig beheren van haar website. Dit maakt dat ze in de toekomst eenvoudig nieuwe content kan toevoegen en haar online aanwezigheid kan blijven uitbreiden zonder technische hulp.

Meer leren?

Wil jij ook een website die gemakkelijk te beheren is en jouw merk perfect weerspiegelt? Ontdek hoe wij je kunnen helpen met een professioneel en flexibel webdesign!