Website en branding voor Wetstrijd Advocaten

Over dit project

Wetstrijd advocaten

Wie zijn Wetstrijd Advocaten?

Wetstrijd Advocaten is een jong advocatenbureau met een klein team van twee advocaten. Ze focussen op fiscaal recht en combineren de expertise van een nichekantoor met de flexibiliteit van een jonge onderneming.

Voor hun online uitstraling waren vertrouwen, professionaliteit en duidelijkheid belangrijk, zonder de afstandelijke sfeer van klassieke grote advocatenkantoren.

De opdracht: een professionele advocatenwebsite

Wetstrijd Advocaten stond nog maar net in de startblokken en had nood aan een eerste website die hen online zichtbaar maakt. De website moest nieuwe cliënten vertrouwen geven, informatie overzichtelijk tonen en duidelijk maken waar het kantoor voor staat.

Daarnaast vroegen ze een logo en een eenvoudig CMS, zodat ze zelf artikels konden publiceren en hun expertise rond fiscaal recht konden delen.

De oplossing: branding, webdesign en CMS

Ik begon met een uitgebreid gesprek met de klant: wat wilden ze bereiken, welke waarden stonden centraal en hoe konden we die online vertalen? Omdat de advocatuur een specifieke sector is, onderzocht ik eerst hoe vergelijkbare kantoren zich presenteren.

Daarna maakte ik wireframes en logoschetsen, die ik stap voor stap aftoetste met hun feedback. Vervolgens bouwde ik de website met Figma en Illustrator voor het ontwerp, en HTML, CSS en PHP voor de ontwikkeling. Het resultaat is een rustige, professionele website met duidelijke navigatie en een CMS voor artikels.

Design

Het was nieuw om voor een advocatenbureau te ontwerpen. De sector voelde heel anders aan en ik moest uitzoeken welke stijl professioneel genoeg was.

Ik heb veel research gedaan en de websites van concurrenten bekeken om de juiste toon te vinden en dat in mijn ontwerp door te trekken.

Logo ontwerp

Een passend logo verzinnen was lastig. Ik had moeite om een concept te bedenken waar ik zelf én de klant tevreden mee was.

Door veel feedbackrondes te organiseren en de klant actief te betrekken, kwamen we tot een logo dat echt aansloot bij hun identiteit.

Development

Development was een uitdaging, omdat ik opnieuw moest werken in PHP — een taal die ik al even niet meer gebruikt had.

Door tutorials te volgen, opzoekwerk te doen en AI slim in te zetten, kon ik de technische kant weer snel onder de knie krijgen.

Communicatie

Soms verliep de communicatie wat moeizaam, waardoor niet alles meteen duidelijk was.

We hebben dit opgelost door af en toe te bellen en samen alles af te stemmen, waardoor het traject vlotter liep.

Kennismaking & research

We starten met een goed gesprek: wat wil Wetstrijd bereiken, wie willen ze aanspreken en welke waarden moeten voelbaar zijn? Omdat de sector nieuw was, dook ik in concurrenten en best practices binnen juridische websites. Zo kreeg ik snel gevoel voor toon, structuur en verwachtingen — professioneel, helder en zonder ruis.

• Doelen, doelgroep en waarden in kaart
• Concurrentieanalyse & best practices
• Eisen voor structuur, stijl en tone of voice

Eerste schetsen & wireframes

Met de input en research in de hand begon ik aan de eerste schetsen en wireframes. Dit was ook het moment om meteen een logo-idee uit te proberen en te toetsen of de visuele richting klopte. Regelmatig feedback vragen aan de klant zorgde ervoor dat het proces iteratief en vlot verliep.

• Eerste wireframes in Figma
• Logo-schetsen en varianten
• Feedbackrondes met de klant

Design & ontwikkeling

Toen de richting duidelijk was, begon ik met het uitwerken van een rustige en professionele layout. Ik koos voor een strak design met veel witruimte en kleuren die vertrouwen en betrouwbaarheid uitstralen. Tegelijkertijd startte ik de ontwikkeling: eerst de basisstructuur opzetten in HTML en CSS, en daarna de functionaliteiten uitbreiden in PHP. Het logo en de branding werden geïntegreerd in zowel de site als het CMS.

• Kleur- en typografie gekozen voor professionele uitstraling
• Website opgezet in HTML, CSS en PHP
• Logo en branding toegepast in alle onderdelen

Finetuning & afronding

Met de basis op zijn plaats ging de aandacht naar details. Ik zorgde dat de site er op alle schermgroottes goed uitzag, voerde kleine optimalisaties door en controleerde de content samen met de klant. Het CMS werd getest zodat zij vlot artikels konden toevoegen en aanpassen. Alles werd klaargemaakt voor de uiteindelijke oplevering.

• Responsive design getest en verbeterd
• Content en structuur afgestemd met klant
• CMS getest voor eenvoudig beheer

Voorbereiding op lancering

Met het ontwerp en de ontwikkeling afgerond, is de website klaar voor de volgende stap: live gaan. De basis staat stevig en het CMS werkt zoals voorzien. De komende periode focussen we samen met Wetstrijd Advocaten op de laatste checks, het vullen van extra content en het plannen van de officiële lancering.

• Eindcontrole design & functionaliteiten
• Extra content in CMS plaatsen
• Voorbereiden officiële livegang

Online zetten & onderhoud

Met alles afgewerkt en klaar voor online te zetten exporteerde ik de database en transferde ik de files naar combell.

• database exporteren
• files overzetten
• alles online testen