WordPress webdesign
uit Nijmegen.
Scan je website gratis en ontdek hoe je scoort op snelheid, veiligheid en privacy. Binnen 30 seconden een volledig rapport.
Waarom ontwerpen voor WordPress een apart vakgebied is
Ontwerpen voor het web is niet hetzelfde als ontwerpen voor drukwerk, voor een app of voor een billboard. En ontwerpen voor WordPress is niet hetzelfde als ontwerpen voor een generiek webplatform. WordPress heeft een eigen logica, eigen mogelijkheden en eigen beperkingen. Een designer die dat begrijpt, maakt fundamenteel andere ontwerpkeuzes dan een designer die een visueel concept maakt zonder te weten hoe het gebouwd gaat worden.
Bij veel bureaus zijn design en development gescheiden werelden. Een designer maakt een Figma bestand met een concept dat er prachtig uitziet op een statisch scherm. Dat bestand gaat naar een developer, soms intern, soms extern, soms in een ander land. De developer probeert het ontwerp om te zetten naar een werkend WordPress theme en loopt tegen beperkingen aan die de designer niet kon voorzien. Het resultaat: compromissen. Secties die anders worden dan bedoeld. Interacties die worden geschrapt. Layouts die op desktop kloppen maar op mobiel niet werken. Het ontwerp dat je goedgekeurd hebt en de website die je opgeleverd krijgt zijn twee verschillende dingen.
Dat is niet hoe wij werken. Onze designers kennen WordPress. Ze weten wat custom post types zijn en hoe die de navigatiestructuur beinvloeden. Ze begrijpen hoe de block editor werkt en wat dat betekent voor de bewerkbaarheid van content. Ze denken in templates en herbruikbare componenten, niet in losstaande pagina's. En ze zitten op drie meter afstand van de developers die hun ontwerp gaan bouwen. Dat betekent dat elk ontwerp dat wij maken niet alleen mooi is, maar ook technisch haalbaar, efficiënt te bouwen en intuïtief te beheren via het WordPress dashboard.
WordPress specifieke designpatronen die wij inzetten
WordPress is niet zomaar een CMS. Het is een platform met een eigen set aan mogelijkheden die, als je ze goed inzet, het ontwerp verrijken en de gebruikerservaring verbeteren. De kunst is om die mogelijkheden te kennen en ze te vertalen naar ontwerpkeuzes die de website sterker maken. Hier zijn de WordPress specifieke designpatronen die wij consequent toepassen.
Taxonomie-gedreven navigatie
WordPress taxonomieën, de systemen waarmee je content categoriseert, zijn een krachtig middel om navigatie te ontwerpen die zich automatisch aanpast aan de content. In plaats van een statisch menu dat handmatig bijgehouden moet worden, ontwerpen we navigatiestructuren die gevoed worden door taxonomieën. Een architectenbureau heeft projecten gecategoriseerd op type (woningbouw, utiliteitsbouw, renovatie) en op fase (in uitvoering, opgeleverd). Die taxonomieën worden filteropties in het portfolio. Een advocatenkantoor heeft rechtsgebieden als taxonomy. Die worden automatisch menuitems die altijd actueel zijn. Onze designers begrijpen dat deze dynamische structuren een andere visuele behandeling nodig hebben dan statische links: filterbars, dropdowns met tellers, actieve states die de huidige context tonen.
Archief pagina's als landingspagina's
In WordPress genereert elk custom post type automatisch een archiefpagina. De meeste themes behandelen die als een simpele lijst met titels en datums. Wij ontwerpen archiefpagina's als volwaardige landingspagina's met een eigen visuele identiteit. Het teamoverzicht is geen opsomming van namen maar een visuele grid met portretten, functies en directe links naar individuele profielen. Het projectenarchief is geen chronologische lijst maar een filterbaar portfolio met grote afbeeldingen en categorielabels. De dienstenpagina is geen menu maar een interactief overzicht met iconen, korte beschrijvingen en duidelijke calls-to-action. Die ontwerpkeuzes transformeren standaard WordPress functionaliteit in pagina's die bezoekers daadwerkelijk verkennen in plaats van doorlopen.
Dynamische content relaties in het ontwerp
WordPress kan content items aan elkaar koppelen via post-to-post relaties, gedeelde taxonomieën of custom meta data. Die koppelingen bieden ontwerpkansen die statische websites niet hebben. Op een projectpagina tonen we automatisch de teamleden die aan dat project hebben gewerkt. Op een teamprofiel verschijnen de projecten waar die persoon bij betrokken was. Op een dienstenpagina zien bezoekers gerelateerde casestudies die dynamisch gekoppeld zijn aan die specifieke dienst. Onze designers ontwerpen die kruisverbanden als bewuste visuele elementen: gerelateerde content secties, "meer van deze categorie" blokken en contextafhankelijke calls-to-action die veranderen op basis van welke pagina de bezoeker bekijkt. Het maakt de website tot een samenhangend geheel in plaats van een verzameling losse pagina's.
Mobile-first WordPress design
Meer dan 60 procent van het webverkeer in Nederland komt van mobiele apparaten. Maar mobiel ontwerpen voor WordPress is anders dan mobiel ontwerpen voor een statische pagina. WordPress content is dynamisch: titels variëren in lengte, afbeeldingen hebben wisselende verhoudingen, lijsten kunnen twee of twintig items bevatten. Onze designers ontwerpen de mobiele ervaring met die dynamiek in gedachten. Titels die elegant afbreken bij langere teksten. Afbeeldingen die croppen naar het belangrijkste deel ongeacht de originele beeldverhouding. Grids die graceful degraden van vier kolommen op desktop naar twee op tablet naar een op mobiel. Navigatie die op mobiel niet simpelweg verborgen wordt achter een hamburger icon maar die herdacht wordt als een volledig schermervaring met grote touch targets en een duidelijke hierarchie.
Formulierontwerp dat converteert
Contactformulieren, offerteaanvragen en intakeformulieren zijn de plekken waar een bezoeker een klant wordt. In WordPress worden formulieren vaak afgehandeld door een plugin die zijn eigen stijlen meebrengt, stijlen die zelden passen bij het ontwerp van de rest van de website. Wij ontwerpen formulieren als integraal onderdeel van de visuele identiteit. Dezelfde typografie, dezelfde kleuren, dezelfde witruimte en animaties als de rest van de site. De developers bouwen het formulier vervolgens op maat, zonder plugin, precies volgens het ontwerp. Met inline validatie die de gebruiker direct feedback geeft, een succesmelding die visueel bij het merk past en een bevestigingsmail die dezelfde uitstraling heeft als de website zelf. Elk contactmoment is een merkervaring.
Hoe onze designers en developers samenwerken aan WordPress projecten
De samenwerking tussen design en development bepaalt de kwaliteit van het eindresultaat. Bij bureaus waar die disciplines gescheiden zijn, ontstaan er vertaalfouten. Een ontwerp dat er op papier perfect uitziet maar in de browser net anders werkt. Een interactie die de designer voor ogen had maar die de developer anders heeft geinterpreteerd. Een responsief gedrag dat niet is meeontworpen en ter plekke door de developer is bedacht. Bij Wiwi bestaan die vertaalfouten niet, omdat er niets te vertalen valt. Ontwerp en code ontstaan in dezelfde ruimte, in hetzelfde gesprek, met dezelfde doelen.
Gezamenlijke kickoff per project
Elk WordPress webdesign project bij Wiwi begint met een kickoff waar zowel de designer als de lead developer aan tafel zit. Samen met de opdrachtgever bespreken we de doelen, de doelgroep en de technische vereisten. De designer hoort direct welke content dynamisch moet zijn en welke interacties gewenst zijn. De developer hoort welke visuele richting de opdrachtgever wil en welke elementen prioriteit hebben. Die gedeelde context voorkomt dat er later in het traject verrassingen opduiken die het ontwerp of de planning beinvloeden.
Ontwerpfase met technische feedback
Tijdens de ontwerpfase reviewt de developer regelmatig het werk in progress van de designer. Niet om het ontwerp te beperken, maar om het te versterken. "Als je deze sectie zo opzet, kan ik er een WordPress loop van maken die automatisch de laatste projecten toont." "Als je de afbeelding in dat formaat ontwerpt, kan ik responsive srcset gebruiken zonder bijsnijverlies." "Als je de formuliervelden in twee kolommen zet, werkt de tab volgorde intuïtiever." Het zijn de suggesties die alleen ontstaan als een developer het ontwerp ziet voordat het definitief is. En die het verschil maken tussen een goed ontwerp en een uitstekend ontwerp dat ook technisch optimaal is.
Pixel-perfect vertaling naar code
Omdat dezelfde mensen die het ontwerp maken ook de code schrijven, is de vertaling van ontwerp naar werkende website bij ons pixel-perfect. De witruimte die de designer heeft gekozen wordt exact overgenomen. De typografie die in het ontwerp staat wordt precies zo gerenderd in de browser. De kleuren, de schaduwwaarden, de border-radius, de animatieduur: elk detail wordt een-op-een vertaald. Er is geen interpretatiemoment, geen creatieve vrijheid van de developer om het "een beetje anders" te doen. Het ontwerp is het ontwerp. De code reproduceert het feilloos.
Iteratie zonder informatieverlies
Websites zijn nooit bij de eerste versie perfect. Er zijn altijd iteraties: aanpassingen op basis van feedback van de opdrachtgever, verbeteringen die ontstaan als je de website in de browser ziet functioneren, optimalisaties die voortkomen uit gebruikerstests. Bij gescheiden teams loopt elke iteratie via een feedbackloop: opdrachtgever naar projectmanager naar designer naar developer en terug. Bij ons is de loop korter. De designer past het ontwerp aan, draait zijn stoel om en bespreekt met de developer hoe de aanpassing het efficiëntst te implementeren is. De developer bouwt het, de designer controleert het. Dezelfde middag. Zonder tickets, zonder wachttijden en zonder informatieverlies.
Dashboard design: de onzichtbare interface
Een aspect van WordPress webdesign dat zelden aandacht krijgt is het dashboard: de interface die de opdrachtgever dagelijks gebruikt om content te beheren. Bij de meeste bureaus krijg je het standaard WordPress dashboard met een wirwar aan menu's, opties en instellingen die niet relevant zijn voor jouw gebruik. Wij ontwerpen het dashboard als onderdeel van het project. Onnodige menu items worden verborgen. Custom post types krijgen duidelijke labels en helptext. De veldgroepen in de editor zijn logisch geordend en benoemd in de taal van de opdrachtgever, niet in ontwikkelaarstermen. Het resultaat is een WordPress backend die voelt alsof die speciaal voor jouw bedrijf gebouwd is. Omdat die dat ook is.
WordPress webdesign vanuit Nijmegen, voor bedrijven die waarde hechten aan persoonlijk contact
Er zijn talloze bureaus in Nederland die WordPress websites ontwerpen. Online, remote, zonder dat je ooit iemand in persoon ontmoet. En voor sommige projecten werkt dat prima. Maar voor een website die echt bij je bedrijf moet passen, die jouw verhaal moet vertellen en die je dagelijks gaat gebruiken, is persoonlijk contact onvervangbaar. Een gesprek aan dezelfde tafel, waar je samen naar een scherm kijkt, waar je kunt aanwijzen wat je bedoelt, waar nuances niet verloren gaan in een e-mail thread. Dat is wat ons kantoor in Nijmegen mogelijk maakt.
Ontwerpconsultaties op locatie
Ons kantoor aan de Prof. Molkenboerstraat 14, recht tegenover de HAN, is de plek waar het ontwerp van je website tot leven komt. Tijdens een ontwerpconsultatie laten we het concept zien op het grote scherm, lopen we samen door de pagina's en bespreken we elke sectie in detail. Je kunt ter plekke aangeven wat je mooi vindt, wat je anders wilt en welke richting je op wilt. Die directe feedback is tien keer effectiever dan een e-mail met annotaties op een PDF. De meeste opdrachtgevers komen twee tot drie keer naar ons kantoor: voor het kennismakingsgesprek, voor de ontwerppresentatie en voor de eindcontrole voor livegang. Tussendoor communiceren we via telefoon en mail.
Begrip voor de lokale markt
In twintig jaar werken vanuit Nijmegen hebben we een scherp beeld gekregen van de lokale markt en de bedrijven die erin opereren. We kennen de dynamiek van het Nijmeegse mkb, van de ambities van startups op de Novio Tech Campus tot de behoeften van gevestigde praktijken in de binnenstad. Dat lokale inzicht vertaalt zich in ontwerpkeuzes die passen bij de doelgroep. Een website voor een horecagelegenheid in het centrum heeft een andere sfeer nodig dan een platform voor een technologiebedrijf op Mercator. Wij begrijpen die nuances omdat we ze dagelijks om ons heen zien.
Direct contact met de makers
Bij Wiwi praat je met de mensen die je website daadwerkelijk ontwerpen en bouwen. Geen accountmanager die als tussenpersoon fungeert, geen projectmanager die je wensen filtert voordat ze bij het team terechtkomen. De designer die je ontwerp presenteert is dezelfde persoon die het gemaakt heeft. De developer die je vragen over het WordPress dashboard beantwoordt is dezelfde persoon die het heeft ingericht. Die directe lijn zorgt voor snellere communicatie, minder misverstanden en een eindresultaat dat nauwkeuriger overeenkomt met wat je voor ogen had.
Regionale referenties die je kunt bezoeken
We hebben in de afgelopen twee decennia WordPress websites ontworpen en gebouwd voor tientallen bedrijven in Nijmegen en de directe omgeving. Van zorginstellingen en onderwijsorganisaties tot creatieve bureaus en retailbedrijven. Een deel van die referenties is zichtbaar in ons portfolio. Het voordeel van lokale referenties: je kunt ze bezoeken. Je kunt de website bekijken in de context van het bedrijf. Je kunt de ondernemer vragen hoe de samenwerking was. Dat is transparantie die een online portfolio niet kan bieden.
Langdurige lokale partnerschappen
Veel van onze klanten in Nijmegen werken al jaren met ons samen. Ze zijn begonnen met een website en zijn in de loop der tijd doorgegroeid naar een webshop, een extra landingspagina, een koppeling met hun boekhoudsysteem of een volledig herontwerp. Die langlopende relaties zijn het beste bewijs dat onze aanpak werkt. Niet een bureau dat een website oplevert en verdwijnt, maar een partner die meedenkt, meegroeit en er is als je ze nodig hebt. Op vijf minuten fietsen van je eigen kantoor.
Het voordeel van WordPress webdesign door het team dat ook de code schrijft
In de webbranche is het gangbaar dat ontwerp en ontwikkeling door verschillende partijen worden gedaan. Een designbureau ontwerpt het visuele concept, een apart development team bouwt het in WordPress en een derde partij host het geheel. Elke overdracht tussen partijen is een potentieel verliesmoment: context die niet meekomt, nuances die verdwijnen, technische keuzes die niet aansluiten bij het ontwerp. Bij Wiwi doen we alles zelf, onder een dak, met een team. En dat levert meetbaar betere resultaten op.
Geen vertaalverlies tussen ontwerp en code
Als dezelfde organisatie ontwerpt en bouwt, is er geen briefing document nodig dat het ontwerp uitlegt aan een developer die het voor het eerst ziet. De developer kent het ontwerp al, heeft er vragen over gesteld tijdens de ontwerpfase en weet precies wat de designer bedoeld heeft met die subtiele schaduw, die specifieke witruimte en die animatie bij hover. Het resultaat: een WordPress website die pixel-perfect overeenkomt met het goedgekeurde ontwerp. Zonder compromissen, zonder "het kon technisch niet precies zo" en zonder "het leek er op maar was net anders."
Ontwerpkeuzes die technisch optimaal zijn
Een designer die WordPress kent, maakt andere keuzes dan een designer die ontwerpt in een vacuüm. Keuzes die het ontwerp niet alleen mooier maken maar ook technisch sterker. Een image grid dat werkt met de WordPress media library in plaats van ertegen. Een typografieschaal die overeenkomt met de heading hierarchy die WordPress verwacht. Een kleurenpalet dat voldoende contrast biedt voor WCAG toegankelijkheidsstandaarden. Een layout die geen JavaScript nodig heeft voor het responsive gedrag. Het zijn ontwerpkeuzes die je als opdrachtgever niet ziet, maar die je wel voelt in de snelheid van de website, de toegankelijkheid voor alle bezoekers en de stabiliteit over tijd.
Een aanspreekpunt voor alles
Als je website een designaanpassing nodig heeft, een technische wijziging, een server configuratie of een combinatie van alle drie: je belt een nummer. Geen discussie over of het een design issue is of een development issue. Geen tickets die tussen teams worden heen en weer geschoven. Geen finger pointing over wiens verantwoordelijkheid het is. Wij zijn het allemaal. Design, code, hosting, onderhoud. Elk onderdeel van je WordPress website wordt beheerd door hetzelfde team dat het heeft gemaakt. Dat is niet alleen gemakkelijker voor jou als opdrachtgever, het is ook effectiever voor het resultaat. Problemen worden sneller opgelost als het hele plaatje zichtbaar is voor het team dat eraan werkt.
Doorontwikkeling met dezelfde visuele taal
Een website is nooit af. Na livegang komen er pagina's bij, verandert de content, verschuift de focus. Als je over een jaar een nieuwe dienst toevoegt aan je website, moet die passen bij de bestaande visuele identiteit. Bij bureaus waar het originele designteam inmiddels aan andere projecten werkt, of waar het development team is gewisseld, is die continuïteit lastig te garanderen. Bij ons kennen dezelfde mensen die je website oorspronkelijk hebben ontworpen en gebouwd je visuele taal, je merkwaarden en je technische architectuur. Een nieuwe pagina voegt zich naadloos in het bestaande geheel. Niet omdat we een styleguide nalezen, maar omdat we het ontwerp van binnenuit kennen.
Hoe scoort jouw website?
Scan je website op snelheid, veiligheid en privacy. Direct resultaat, volledig gratis.
Wat onze klanten zeggen
Echte reviews van echte klanten.
Alles-in-huis vs. ontwerp uitbesteed aan derden.
Het verschil tussen een bureau dat ontwerpt en bouwt, en een keten van partijen.
Wiwi WordPress webdesign
- Designer en developer op drie meter afstand
- Ontwerp afgestemd op WordPress mogelijkheden
- Dashboard ingericht als onderdeel van het ontwerp
- Iteratie zonder informatieverlies
- Een aanspreekpunt voor design, code en hosting
- Pixel-perfect vertaling van ontwerp naar website
- Doorontwikkeling met dezelfde visuele taal
Gescheiden partijen
- Designer kent de developer niet persoonlijk
- Ontwerp gemaakt zonder kennis van het platform
- Standaard WordPress dashboard zonder maatwerk
- Iteratie via tickets en e-mail chains
- Meerdere partijen die naar elkaar verwijzen
- Concessies bij de vertaling van ontwerp naar code
- Nieuwe partij moet de bestaande stijl leren kennen
WordPress webdesign werkt het best als ontwerp en code uit dezelfde hand komen.
Veelgestelde vragen.
Neem contact op.
We denken graag mee. Vrijblijvend en eerlijk.
Projecten op maat.
Een selectie van onze recente projecten.
