Webdesign

De websites die ik ontwikkel, zijn gebruiksvriendelijk voor zowel de bezoeker als jou de beheerder. Ze zijn volledig afgestemd op jouw wensen, zodat het toevoegen en beheren van content gemakkelijk is. Het aanmaken van een pagina wordt daarmee een simpele taak van het invullen van de juiste gegevens in de daarvoor bestemde velden.

Puike projecten

Marketeer achter laptop

Wat is webdesign?

Bij het ontwerpen van een website, app of andere software met een interface, is het essentieel om te denken aan het doel dat je wilt dat gebruikers bereiken. Dit betekent dat je goed moet begrijpen hoe gebruikers met je platform omgaan. Het doel kan bijvoorbeeld zijn dat gebruikers zich inschrijven, snel informatie vinden, of eenvoudig een product kopen. Het creëren van een vloeiende ervaring waarin gebruikers moeiteloos van punt A naar punt B gaan, noemen we User Experience (UX). Naast UX is er ook User Interface (UI), wat betrekking heeft op het visuele ontwerp en de lay-out van de pagina’s die de juiste gebruikerservaring ondersteunen.

Websites die ik ontwikkel bevatten het complete pakket: ik ontwikkel een strategie voor de User Experience, ontwerp een bijpassende User Interface, en zorg voor de code die alles doet werken. De websites die ik ontwikkel, zijn gebruiksvriendelijk voor zowel de bezoeker als jou de beheerder. Ze zijn eenvoudig te beheren na oplevering omdat er verschillende berichttypes en blokken worden ontwikkeld, volledig afgestemd op jouw wensen, zodat het toevoegen en beheren van content gemakkelijk is. Het aanmaken van een pagina wordt daarmee een simpele taak van het invullen van de juiste gegevens in de daarvoor bestemde velden. Daarnaast kun je met een data-dashboard zelf eenvoudig analyseren waar er nog verbeterpunten liggen. Na oplevering heb je mijn hulp alleen nog nodig wanneer je nieuwe elementen wilt toevoegen. Uiteraard ben ik altijd beschikbaar om je verder te ondersteunen wanneer dat nodig is.

Wat valt er onder webdesign

In de slider hieronder vind je een aantal voorbeeld toepassingen waarvoor je deze dienst zou kunnen inzetten. Heb jij iets anders in gedachten? Grote kans dat ik je kan helpen! Stuur een mail naar hallo@puikproject.nl of plan een kennismaking, dan kijken we samen naar de beste oplossing!

Ux

User Experience Design (UX)

Ui

User Interface Design (UI)

Een tarief

Webhosting

Van den hatert websites

Webdevelopment

Data dashboard

Data dashboards

Eenvoudig samenwerken

Als wij gaan samenwerken, is dit hoe een gemiddelde samenwerking eruitziet. Wist je dat je door mijn flexibele werkwijze je eigen korting* kunt creëren?

*Bij een projectuitbreiding geniet je van een gereduceerd tarief, zonder de mogelijkheid voor korting.

Een tarief

Leuk je te ontmoeten!

Tijdens onze kennismaking gaan we samen uitzoeken wat jouw bedrijf of merk wil uitstralen of nodig heeft.

Het verhaal

Op een level

Ik stel een terugkoppeldocument op, ook wel ‘debriefing’ genoemd, waarin ik uitleg hoe ik de opdracht begrijp en wat de planning is om de deadline te halen. Zo zorgen we ervoor dat we op dezelfde golflengte zitten.

Homepage banner

Wat gaat dat kosten?

Als we zeker weten dat we op één lijn zitten, maak ik een definitieve prijsopgave* op maat. Als je akkoord gaat met de offerte, vraag ik altijd om een aanbetaling van 20%. Dit helpt om een solide basis van vertrouwen te creëren voor het verdere verloop van het proces.

Een tarief

Een goed begin is het halve werk

Ik ga direct aan de slag met onderzoek naar jouw bedrijf of merk en lever binnen de afgesproken tijd de voorbereidende materialen op, zoals een sitemap, script of moodboard.

Marketeer achter laptop

Het echte werk

Door het voortraject weet ik precies wat er van me verwacht wordt. Met mijn eigen onderzoek help ik jou onderbouwde keuzes te maken om jouw doel te bereiken. Op basis hiervan stel ik een eerste voorstel op om met je te bespreken.

Ronde 1 banner 2

De eerste oplevering

Ik ben altijd benieuwd naar jouw mening, het is daarom nu jouw beurt om feedback te geven. Blij met het eindproduct na oplevering van de eerste versie? Dan betaal je slechts 80%* van de kosten voor de geleverde dienst.

Ronde 2 banner 2

De tweede ronde!

Alle feedback die je kon bedenken doorgegeven? Ik ga snel jouw feedback verwerken en stuur je een verbeterde opzet. Blij met het eindproduct na oplevering van de tweede versie? Dan betaal je slechts 90%* van de kosten voor de geleverde dienst.

Ronde 3 banner 2

De grote finale!

Alles is tot in de puntjes afgewerkt, en nu is het tijd om de eindproducten aan je op te leveren—en dat vieren we natuurlijk samen! Wil je na oplevering toch nog iets aanpassen? Geen probleem! Kleine wijzigingen zijn meestal gratis. Voor grote aanpassingen betaal je slechts 5% extra van de oorspronkelijke kosten.

Laat je vragen niet onbeantwoord

Veelgegeven antwoorden

Heb je een vraag? Hieronder vind je antwoorden op de meestgestelde vragen. Mocht je vraag er niet tussen staan, neem dan gerust contact met mij op.

Een custom berichttype is een specifiek soort content binnen WordPress. Denk hierbij aan contenttypes zoals producten, diensten, teamleden, vacatures, nieuwsberichten, enzovoort. Elk berichttype heeft een voorgedefinieerde opbouw en uitstraling, waardoor het toevoegen van nieuwe content eenvoudig en consistent is.

Wanneer je een nieuw bericht aanmaakt binnen zo’n custom berichttype, krijg je een aantal invulvelden te zien. Deze velden corresponderen direct met specifieke plekken binnen het ontwerp van je website.

Bijvoorbeeld: stel dat je een nieuw teamlid wilt toevoegen binnen het custom berichttype “Teamleden”. Voor elk teamlid zijn er standaard velden zoals naam en functie. Jij vult deze gegevens in, en WordPress zorgt ervoor dat deze informatie automatisch op de juiste plek verschijnt binnen het ontwerp van de teamledenpagina.

Ondanks de vaste structuur blijft de content op individuele pagina’s flexibel. Dit komt doordat je naast de vaste velden ook gebruik kunt maken van de Gutenberg-editor op deze pagina’s.

Ik gebruik WordPress als CMS (Content Management Systeem) en Gutenberg is de officiële content editor binnen WordPress. Een Gutenberg-blok is een bouwsteen waarmee je eenvoudig en visueel content kunt toevoegen en bewerken op je website.

De blokken hebben een voorgedefinieerde uitstraling, zodat ze altijd perfect passen binnen het ontwerp van je website, maar ze zijn tegelijkertijd zeer flexibel. Zo zijn er bijvoorbeeld verschillende varianten van een blok. Wil je bijvoorbeeld dat een afbeelding links staat en de tekst rechts, of juist andersom? Dan is daar een specifieke variant voor beschikbaar.

Je kunt deze blokken eenvoudig aanpassen door teksten, afbeeldingen, achtergrondkleuren en andere content te bewerken. Een groot voordeel is dat je deze blokken oneindig kunt hergebruiken. Zo kun je snel en consistent nieuwe pagina’s opbouwen, zonder dat je steeds opnieuw hoeft te beginnen.

Pagespeed Insights is de officiële tool van Google die de prestaties van een website meet. Het diagnosticeert je site op vier belangrijke punten die Google meeneemt bij het ranken voor organische zoekresultaten: prestaties (snelheid), toegankelijkheid, praktische tips en SEO. Tijdens het ontwikkelen van je website houd ik rekening met deze factoren, onder andere door gebruik te maken van goed leesbare code, zodat je scores op deze gebieden optimaal zijn.

Mijn eigen website bevat veel grote bestanden, zoals video’s en complexe JavaScripts, die zijn bedoeld om te laten zien wat er technisch en visueel mogelijk is. Hierdoor wordt het maximale uit het systeem gehaald, maar dit heeft helaas invloed op de Pagespeed Insights-score. Dit is moeilijk te verbeteren door alleen goed leesbare code, omdat het vooral te maken heeft met de laadtijd van bijvoorbeeld video’s, die na compressie nog steeds meer tijd vergen dan kleinere bestanden zoals afbeeldingen.

Het bijhouden van een website die ik voor je maak is niet moeilijk! Ik zorg ervoor dat je een gebruiksvriendelijk systeem hebt, zodat je zelf makkelijk tekst, afbeeldingen en andere inhoud kunt aanpassen. Daarbij geef ik je bij oplevering toegang tot een aantal video handleidingen en is er de mogelijkheid voor een korte training, zodat je vol vertrouwen aan de slag kunt.

Loop je na de oplevering toch nog ergens vast? Of gaat er iets mis door een aanpassing? Geen zorgen, ik sta altijd klaar om je te helpen! In dat geval hanteer ik een gereduceerd uurtarief van € 45,- in plaats van mijn standaardtarief van € 75,-.

Hoe lang het duurt om een project af te ronden is erg afhankelijk van de te leveren dienst. Tijdens onze kennismaking onderzoek ik wat de wensen zijn en of er een deadline is, in de debriefing die ik daarna verstuur staat een overzichtelijke planning om de gecommuniceerde deadline te halen.

Jazeker, sterker nog deze aanpassingen/revisies zitten al verwerkt in mijn prijzen. De ervaring leert dat om een Puik Project neer te kunnen zetten er ongeveer drie revisierondes nodig zijn. Heb jij minder rondes nodig? Dan heeft dit ook invloed op het te betalen bedrag op je factuur, namelijk:

  • 1e ronde | 80% van de kosten voor de geleverde dienst
  • 2e ronde | 90% van de kosten voor de geleverde dienst
  • 3e ronde | 100% van de kosten voor de geleverde dienst

Staat jouw vraag er niet bij?

Met de onderstaande knop kun je mij een berichtje sturen. Ik neem zo snel mogelijk contact met je op.

Contact opnemen

Vertel mij over jouw project

Wat is jouw tip?

Vertel mij over jouw project