{"id":1700,"date":"2026-11-12T22:27:22","date_gmt":"2026-11-12T21:27:22","guid":{"rendered":"https:\/\/freshdev.fresh-dev.site\/design\/"},"modified":"2026-11-13T13:29:54","modified_gmt":"2026-11-13T12:29:54","slug":"design","status":"publish","type":"page","link":"https:\/\/freshdev.fresh-dev.site\/en\/design\/","title":{"rendered":"Design"},"content":{"rendered":"<div class=\"section section-pageheader-detail phd-section\">        <div class=\"pageheader-bg\">\n            <span class=\"pageheader-glow pageheader-glow--blue\"><\/span>\n            <span class=\"pageheader-glow pageheader-glow--salmon\"><\/span>\n        <\/div>\n        <div class=\"container\">\n            <div class=\"phd\">\n                <div class=\"phd__main\">\n                    <div class=\"phd__crumbs\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div>\n                                            <h1 class=\"phd__title\" data-split=\"heading\" data-split-reveal=\"words\">Design dat <strong>zijn doel haalt<\/strong><\/h1>\n                                                                <p class=\"phd__lead\">Onze UI\/UX-designers maken websites niet alleen mooi. Ze denken na over hoe een site eruit moet zien om te doen wat hij moet doen: afgestemd op je doelgroep en je doelen, uitgedacht voor elk scherm en in je eigen huisstijl. Voor een nieuwe site, of als nieuw ontwerp voor je huidige.<\/p>\n                                                                <div class=\"phd__actions\">\n                            <a href=\"\/en\/contact\/\" target=\"_self\" class=\"button\">Plan a conversation<\/a>                            <a href=\"\/en\/work\/\" target=\"_self\" class=\"button ghost\">View our work<\/a>                        <\/div>\n                                    <\/div>\n\n                                    <figure class=\"phd__media\">\n                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"phd__img\" alt=\"\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" sizes=\"(max-width: 1023px) 90vw, 460px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek.jpg 2048w\" data-no-lazy=\"1\" \/>                                            <\/figure>\n                \n                                    <dl class=\"phd__facts\">\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Team<\/dt>\n                                                                <dd>\n                                                                            Eigen UI\/UX-designers                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Method of operation<\/dt>\n                                                                <dd>\n                                                                            Van wireframe tot prototype                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Ontworpen voor<\/dt>\n                                                                <dd>\n                                                                            Desktop, tablet en mobiel                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Ook voor<\/dt>\n                                                                <dd>\n                                                                            Een nieuw ontwerp voor je huidige site                                                                    <\/dd>\n                            <\/div>\n                                            <\/dl>\n                            <\/div>\n        <\/div>\n        <\/div>\n\n<div class=\"section section-case-cards is-cards-inline has-pink-element\">        <div class=\"container\">\n                        <div class=\"case-grid\" data-ca-group>\n                        <div class=\"case-grid__head\">\n            <div class=\"case-grid__sticky\">\n                                    <p class=\"case-eyebrow\" data-ca><span aria-hidden=\"true\"><\/span>Onze kijk op design<\/p>\n                                                    <h2 class=\"case-title\" data-ca>Mooi is het begin, <strong>niet het doel<\/strong><\/h2>\n                                            <\/div>\n        <\/div>\n                        <div class=\"case-grid__body\">\n                                            <div class=\"case-cards__text\" data-ca>\n                            <p>Een website moet iets doen: vertrouwen wekken, uitleggen, overtuigen, een aanvraag opleveren. Daarom begint elk ontwerp bij ons met de vraag wat de site moet bereiken, en voor wie.<\/p>\n<p>Pas daarna kiezen we hoe het eruitziet. Zo ontstaat een ontwerp dat bij je merk past \u00e9n werkt voor je bezoekers.<\/p>\n                        <\/div>\n                                                                        <ol class=\"case-cards__list is-markers-none\" style=\"--cols: 3\">\n                            <li class=\"case-step\" data-ca=\"card\">\n                                        <div class=\"case-step__body\">\n                                                    <h3 class=\"case-step__title\">Afgestemd op je doelgroep<\/h3>\n                                                                            <p class=\"case-step__text\">Wie zijn je bezoekers, wat zoeken ze en wat hebben ze nodig om te kiezen? Daar ontwerpen we voor.<\/p>\n                                            <\/div>\n                <\/li>\n                            <li class=\"case-step\" data-ca=\"card\">\n                                        <div class=\"case-step__body\">\n                                                    <h3 class=\"case-step__title\">Ontworpen voor je doelen<\/h3>\n                                                                            <p class=\"case-step__text\">Elke pagina heeft een taak. We ontwerpen de route naar die taak, van eerste indruk tot aanvraag.<\/p>\n                                            <\/div>\n                <\/li>\n                            <li class=\"case-step\" data-ca=\"card\">\n                                        <div class=\"case-step__body\">\n                                                    <h3 class=\"case-step__title\">Uitgedacht voor elk scherm<\/h3>\n                                                                            <p class=\"case-step__text\">Per scherm uitgedacht en niet gewoon kleiner gemaakt: desktop, tablet en mobiel.<\/p>\n                                            <\/div>\n                <\/li>\n                    <\/ol>\n                                            <\/div>\n            <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-stappen-beeld has-sand-plain\">        <div class=\"container\">\n                                                <div class=\"sb__head\" data-reveal-group>\n                        <div>\n                                                            <p class=\"case-eyebrow\"><span aria-hidden=\"true\"><\/span>Hoe een ontwerp ontstaat<\/p>\n                                                                                        <h2 class=\"sb__title\">Van eerste schets <strong>tot elk scherm<\/strong><\/h2>\n                                                    <\/div>\n                                                    <p class=\"sb__intro\">We ontwerpen in stappen, zodat je bij elke stap kunt meekijken en bijsturen voordat er gebouwd wordt.<\/p>\n                                            <\/div>\n                                <div class=\"sb\" data-sb>\n                    <div class=\"sb__list\" data-reveal-group>\n                                                    <div class=\"sb__item is-active\" data-sb-item data-motion=\"card\">\n                                <h3 class=\"sb__item-head\">\n                                    <button type=\"button\" class=\"sb__tab\" id=\"sb-ab5e6a94-tab-0\" aria-expanded=\"true\" aria-controls=\"sb-ab5e6a94-panel-0\" data-sb-tab=\"0\">\n                                        <span class=\"sb__tab-text\">\n                                                                                            <span class=\"sb__label\">Onderzoek<\/span>\n                                                                                        <span class=\"sb__item-title\">We beginnen bij je cijfers en je bezoekers<\/span>\n                                        <\/span>\n                                    <\/button>\n                                <\/h3>\n                                <div class=\"sb__panel\" id=\"sb-ab5e6a94-panel-0\" role=\"region\" aria-labelledby=\"sb-ab5e6a94-tab-0\">\n                                    <div class=\"sb__panel-inner\">\n                                                                                    <p class=\"sb__text\">Analytics, heatmaps, je concurrenten en waar mogelijk gesprekken met je doelgroep. Zo weten we wat er nu werkt en waar bezoekers afhaken.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"Resultaten bespreken op het grote scherm in de vergaderruimte van Fresh-Dev\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek.jpg 2048w\" \/><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"sb__item\" data-sb-item data-motion=\"card\">\n                                <h3 class=\"sb__item-head\">\n                                    <button type=\"button\" class=\"sb__tab\" id=\"sb-ab5e6a94-tab-1\" aria-expanded=\"false\" aria-controls=\"sb-ab5e6a94-panel-1\" data-sb-tab=\"1\">\n                                        <span class=\"sb__tab-text\">\n                                                                                            <span class=\"sb__label\">Structure<\/span>\n                                                                                        <span class=\"sb__item-title\">Eerst de opbouw, dan de vormgeving<\/span>\n                                        <\/span>\n                                    <\/button>\n                                <\/h3>\n                                <div class=\"sb__panel\" id=\"sb-ab5e6a94-panel-1\" role=\"region\" aria-labelledby=\"sb-ab5e6a94-tab-1\">\n                                    <div class=\"sb__panel-inner\">\n                                                                                    <p class=\"sb__text\">In wireframes leggen we vast welke pagina\u2019s er komen, wat erop staat en welke route een bezoeker aflegt. Over de inhoud praat je zo zonder afgeleid te worden door kleur.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek.jpg 2048w\" \/><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"sb__item\" data-sb-item data-motion=\"card\">\n                                <h3 class=\"sb__item-head\">\n                                    <button type=\"button\" class=\"sb__tab\" id=\"sb-ab5e6a94-tab-2\" aria-expanded=\"false\" aria-controls=\"sb-ab5e6a94-panel-2\" data-sb-tab=\"2\">\n                                        <span class=\"sb__tab-text\">\n                                                                                            <span class=\"sb__label\">Design<\/span>\n                                                                                        <span class=\"sb__item-title\">Je huisstijl, vertaald naar het web<\/span>\n                                        <\/span>\n                                    <\/button>\n                                <\/h3>\n                                <div class=\"sb__panel\" id=\"sb-ab5e6a94-panel-2\" role=\"region\" aria-labelledby=\"sb-ab5e6a94-tab-2\">\n                                    <div class=\"sb__panel-inner\">\n                                                                                    <p class=\"sb__text\">Kleur, typografie en beeld uit je huisstijl, zo ingezet dat ze op elk scherm werken en de belangrijkste dingen opvallen.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek.jpg 2048w\" \/><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"sb__item\" data-sb-item data-motion=\"card\">\n                                <h3 class=\"sb__item-head\">\n                                    <button type=\"button\" class=\"sb__tab\" id=\"sb-ab5e6a94-tab-3\" aria-expanded=\"false\" aria-controls=\"sb-ab5e6a94-panel-3\" data-sb-tab=\"3\">\n                                        <span class=\"sb__tab-text\">\n                                                                                            <span class=\"sb__label\">Prototype<\/span>\n                                                                                        <span class=\"sb__item-title\">Je klikt door je site voordat hij bestaat<\/span>\n                                        <\/span>\n                                    <\/button>\n                                <\/h3>\n                                <div class=\"sb__panel\" id=\"sb-ab5e6a94-panel-3\" role=\"region\" aria-labelledby=\"sb-ab5e6a94-tab-3\">\n                                    <div class=\"sb__panel-inner\">\n                                                                                    <p class=\"sb__text\">In een klikbaar prototype in Figma ga je door de pagina\u2019s op desktop en mobiel. Wat niet klopt, passen we aan voordat er een regel code is geschreven.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek.jpg 2048w\" \/><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"sb__item\" data-sb-item data-motion=\"card\">\n                                <h3 class=\"sb__item-head\">\n                                    <button type=\"button\" class=\"sb__tab\" id=\"sb-ab5e6a94-tab-4\" aria-expanded=\"false\" aria-controls=\"sb-ab5e6a94-panel-4\" data-sb-tab=\"4\">\n                                        <span class=\"sb__tab-text\">\n                                                                                            <span class=\"sb__label\">Designsysteem<\/span>\n                                                                                        <span class=\"sb__item-title\">Onderdelen die je blijft gebruiken<\/span>\n                                        <\/span>\n                                    <\/button>\n                                <\/h3>\n                                <div class=\"sb__panel\" id=\"sb-ab5e6a94-panel-4\" role=\"region\" aria-labelledby=\"sb-ab5e6a94-tab-4\">\n                                    <div class=\"sb__panel-inner\">\n                                                                                    <p class=\"sb__text\">Knoppen, kaarten en secties leggen we vast als componenten. Die worden \u00e9\u00e9n op \u00e9\u00e9n de blokken in je website, zodat elke nieuwe pagina vanzelf klopt.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek.jpg 2048w\" \/><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"sb__stage\" data-motion=\"media\">\n                        <div class=\"sb__frame\">\n                                                                                                <div class=\"sb__shot is-active\" data-sb-shot=\"0\" aria-hidden=\"false\">\n                                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"Resultaten bespreken op het grote scherm in de vergaderruimte van Fresh-Dev\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                    <\/div>\n                                                                                                                                <div class=\"sb__shot\" data-sb-shot=\"1\" aria-hidden=\"true\">\n                                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                    <\/div>\n                                                                                                                                <div class=\"sb__shot\" data-sb-shot=\"2\" aria-hidden=\"true\">\n                                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                    <\/div>\n                                                                                                                                <div class=\"sb__shot\" data-sb-shot=\"3\" aria-hidden=\"true\">\n                                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                    <\/div>\n                                                                                                                                <div class=\"sb__shot\" data-sb-shot=\"4\" aria-hidden=\"true\">\n                                        <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                    <\/div>\n                                                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-kenmerken\">        <div class=\"container\">\n                                    <div class=\"km__head\" data-reveal-group>\n            <div>\n                                    <p class=\"case-eyebrow\"><span aria-hidden=\"true\"><\/span>Wat we ontwerpen<\/p>\n                                                    <h2 class=\"km__title\">Van een nieuwe site <strong>tot \u00e9\u00e9n nieuwe pagina<\/strong><\/h2>\n                            <\/div>\n                            <p class=\"km__intro\">Groot of klein: elk ontwerp krijgt dezelfde aandacht voor je doelgroep, je doelen en elk scherm.<\/p>\n                    <\/div>\n                        <div class=\"km__grid\" data-reveal-group data-stagger=\"70\">\n                                                    <div class=\"km__tile km__tile--wide has-image\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Nieuwe websites<\/h3>\n                                    <p class=\"km__tile-body\">Het complete ontwerp van een nieuwe site, van structuur tot het laatste scherm, met een designsysteem om op door te bouwen.<\/p>\n                            <\/div>\n                            <figure class=\"km__tile-media\">\n                    <img width=\"1024\" height=\"494\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-1024x494.png\" class=\"km__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 90vw, 420px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-1024x494.png 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-300x145.png 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-768x371.png 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-1536x741.png 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep.png 1950w\" \/>                <\/figure>\n                    <\/div>\n                                                            <div class=\"km__tile\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Een nieuw ontwerp voor je huidige site<\/h3>\n                                    <p class=\"km__tile-body\">We houden wat werkt en ontwerpen de rest opnieuw, gestuurd door je cijfers.<\/p>\n                            <\/div>\n                    <\/div>\n                                                            <div class=\"km__tile\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Landingspagina\u2019s<\/h3>\n                                    <p class=\"km__tile-body\">Pagina\u2019s voor je campagnes, ontworpen om bezoekers uit advertenties om te zetten in aanvragen.<\/p>\n                            <\/div>\n                    <\/div>\n                                                            <div class=\"km__tile km__tile--wide has-image\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Webapplicaties en portalen<\/h3>\n                                    <p class=\"km__tile-body\">Tools voor je klanten of je team, waarin elke stap logisch voelt. Hier telt gebruiksgemak nog zwaarder dan uiterlijk.<\/p>\n                            <\/div>\n                            <figure class=\"km__tile-media\">\n                    <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"km__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 90vw, 420px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek.jpg 2048w\" \/>                <\/figure>\n                    <\/div>\n                                                            <div class=\"km__tile\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Doorlopend ontwerp<\/h3>\n                                    <p class=\"km__tile-body\">Na de livegang ontwerpen we nieuwe pagina\u2019s en verbeteringen, in het vaste ritme van doorbouwen.<\/p>\n                            <\/div>\n                    <\/div>\n                                                            <div class=\"km__tile\" data-motion=\"card\">\n            <div class=\"km__tile-text\">\n                <h3 class=\"km__tile-title\">Los of white label<\/h3>\n                                    <p class=\"km__tile-body\">Alleen het ontwerp, als een ander het bouwt. Of voor bureaus, onder hun eigen naam.<\/p>\n                            <\/div>\n                    <\/div>\n                                                                        <div class=\"km__tile km__tile--included\" data-motion=\"card\">\n                            <h3 class=\"km__tile-title\">In elk ontwerp<\/h3>\n                                                        <div class=\"km__included\" role=\"list\">\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Je huisstijl vertaald naar het web<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Desktop, tablet en mobiel<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Klikbaar prototype in Figma<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Componenten die blokken worden<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Leesbare tekst en duidelijke contrasten<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Ruimte om bij te sturen<\/span>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-vergelijking has-sand-plain\">        <div class=\"container\">\n                                                <div class=\"vg__head\" data-reveal-group>\n                        <div>\n                                                            <p class=\"case-eyebrow\"><span aria-hidden=\"true\"><\/span>Nieuw of opnieuw<\/p>\n                                                                                        <h2 class=\"vg__title\">Een nieuwe site, <strong>of een nieuw ontwerp voor je huidige<\/strong><\/h2>\n                                                    <\/div>\n                                                    <p class=\"vg__intro\">Je hoeft niet altijd opnieuw te beginnen. Soms is een nieuw ontwerp op je bestaande site de snelste weg vooruit.<\/p>\n                                            <\/div>\n                                <div class=\"vg__grid\" data-reveal-group>\n                                                                    <div class=\"vg__side vg__side--left\" data-motion=\"card\">\n                                                            <h3 class=\"vg__side-title\">Een nieuwe website<\/h3>\n                                                        <div class=\"vg__list\" role=\"list\">\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Ontwerp en bouw in \u00e9\u00e9n team<\/p>\n                                                                                    <p class=\"vg__item-text\">Designers en developers werken aan dezelfde tafel, dus wat we ontwerpen is ook te bouwen.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Vanaf de basis uitgedacht<\/p>\n                                                                                    <p class=\"vg__item-text\">Structuur, content en ontwerp in \u00e9\u00e9n keer op je doelen afgestemd.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Een designsysteem om op door te bouwen<\/p>\n                                                                                    <p class=\"vg__item-text\">Nieuwe pagina\u2019s maak je later uit dezelfde onderdelen.<\/p>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"vg__side vg__side--right\" data-motion=\"card\">\n                                                            <h3 class=\"vg__side-title\">Een nieuw ontwerp voor je huidige site<\/h3>\n                                                        <div class=\"vg__list\" role=\"list\">\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Eerst kijken wat werkt<\/p>\n                                                                                    <p class=\"vg__item-text\">Je cijfers laten zien welke pagina\u2019s presteren en waar bezoekers afhaken.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Houden wat goed is<\/p>\n                                                                                    <p class=\"vg__item-text\">We ontwerpen opnieuw waar het iets oplevert, niet alles om het opnieuw doen.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">In \u00e9\u00e9n keer of stap voor stap<\/p>\n                                                                                    <p class=\"vg__item-text\">Een complete restyle, of pagina voor pagina in het ritme van doorbouwen.<\/p>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                                    <p class=\"vg__note\">In beide gevallen zijn je doelgroep, je doelen en je huisstijl het uitgangspunt.<\/p>\n                                    <\/div>\n        <\/div>\n\n<div class=\"section section-spotlight\">        <div class=\"container\">\n                            <div class=\"sl sl--dark\">\n                            <figure class=\"sl__media\" data-motion=\"media\">\n                            <img width=\"1024\" height=\"683\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sl__img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 640px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek.jpg 2048w\" \/>                                            <\/figure>\n                            <div class=\"sl__content\" data-reveal-group>\n                                                    <p class=\"case-eyebrow\"><span aria-hidden=\"true\"><\/span>Design en development<\/p>\n                                                                            <h2 class=\"sl__title\">Ontworpen door mensen <strong>die naast de bouwers zitten<\/strong><\/h2>\n                                                                            <div class=\"sl__text\"><p>Onze designers en developers werken in hetzelfde team. Een ontwerp wordt dus niet over de schutting gegooid: we stemmen tijdens het ontwerpen al af wat technisch slim is, en de componenten uit het ontwerp worden \u00e9\u00e9n op \u00e9\u00e9n de blokken in je website.<\/p>\n<p>Wordt je site door een ander gebouwd, of werk je bij een bureau? Dan kun je ook alleen het ontwerp bij ons laten maken, eventueel onder de naam van jullie bureau.<\/p>\n<\/div>\n                                                                            <div class=\"sl__points\" role=\"list\">\n                                                                    <span class=\"sl__point\" role=\"listitem\">Ontwerpen die \u00e9\u00e9n op \u00e9\u00e9n te bouwen zijn<\/span>\n                                                                    <span class=\"sl__point\" role=\"listitem\">Los ontwerp, als een ander bouwt<\/span>\n                                                                    <span class=\"sl__point\" role=\"listitem\">White label voor bureaus, onder jullie vlag<\/span>\n                                                            <\/div>\n                                                                            <div class=\"sl__actions\">\n                                <a href=\"\/en\/contact\/\" target=\"_self\" class=\"button\">Plan a conversation<\/a>                                <a href=\"\/en\/development\/\" target=\"_self\" class=\"button ghost\">Meer over development<\/a>                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-services-compact has-blue-element\">        <div class=\"container\" data-reveal-group>\n                    <div class=\"services-compact-content\" data-reveal-group>\n            <h2>Design in <strong>elke oplossing<\/strong><\/h2>\n<p>Design zit in alles wat we maken. Zo zet je het in voor jouw vraag.<\/p>\n        <\/div>\n                            <ol class=\"svc-index\" data-reveal-group data-svc-index>\n                                    <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">Een nieuw startpunt<\/span>\n                                <h3 class=\"svc-row__title\">Website design<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Ontwerp en bouw van een nieuwe website of webapplicatie, in \u00e9\u00e9n team.<\/p>\n                                                    <p class=\"svc-row__items\">Ontwerp in Figma \u00b7 Live in weken \u00b7 Op jouw naam<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/website-design\/\"\n                    target=\"_self\"\n                    aria-label=\"Meer over een website laten maken: Website laten maken\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                                            <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">Doorbouwen<\/span>\n                                <h3 class=\"svc-row__title\">Je huidige website verbeteren<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Nieuwe pagina\u2019s en een beter ontwerp waar het iets oplevert, elke maand gekozen op je cijfers.<\/p>\n                                                    <p class=\"svc-row__items\">Conversie en gebruiksgemak \u00b7 Ook op sites van anderen \u00b7 Maandelijks opzegbaar<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/website-verbeteren\/\"\n                    target=\"_self\"\n                    aria-label=\"Meer over je website verbeteren: Je huidige website verbeteren\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                                            <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">Campagnes<\/span>\n                                <h3 class=\"svc-row__title\">Online advertising<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Landingspagina\u2019s die aansluiten op je advertenties, ontworpen en gebouwd door hetzelfde team.<\/p>\n                                                    <p class=\"svc-row__items\">Google en Meta \u00b7 Eigen landingspagina\u2019s \u00b7 E\u00e9n dashboard<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/outsourcing-google-ads\/\"\n                    target=\"_self\"\n                    aria-label=\"Meer over online adverteren: Online adverteren\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                                            <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">De bouw<\/span>\n                                <h3 class=\"svc-row__title\">Development<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Het ontwerp \u00e9\u00e9n op \u00e9\u00e9n gebouwd, met eigen blokken die je zelf kunt vullen.<\/p>\n                                                    <p class=\"svc-row__items\">WordPress en Laravel \u00b7 Eigen blokken \u00b7 Versiebeheer<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/development\/\"\n                    target=\"_self\"\n                    aria-label=\"More about development: Development\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                                            <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">Beeld en tekst<\/span>\n                                <h3 class=\"svc-row__title\">Photos and videos<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Eigen foto\u2019s, video\u2019s en teksten, gemaakt voor je website, je campagnes en social.<\/p>\n                                                    <p class=\"svc-row__items\">Concept en draaiboek \u00b7 Opname op locatie \u00b7 Formaten per kanaal<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/photo-and-video-creation\/\"\n                    target=\"_self\"\n                    aria-label=\"Meer over foto en video: Foto en video\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                                            <li class=\"svc-row svc-row--linked\">\n            <div class=\"svc-row__name\">\n                                    <span class=\"svc-row__label\">For those who want to go further<\/span>\n                                <h3 class=\"svc-row__title\">Platform and links<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Een klantportaal, webapplicatie of koppeling met je systemen, als je site meer moet kunnen.<\/p>\n                                                    <p class=\"svc-row__items\">Laravel of WordPress \u00b7 Koppelingen met je systemen \u00b7 Code en data van jou<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/platform-laten-maken\/\"\n                    target=\"_self\"\n                    aria-label=\"More about platforms and connections: Platform and connections\"\n                >\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n                <\/a>\n                    <\/li>\n                            <\/ol>\n                <div class=\"svc-preview\" aria-hidden=\"true\" data-svc-preview><div class=\"svc-preview__inner\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"\" data-svc-preview-img data-no-lazy=\"1\"><\/div><\/div>\n                <\/div>\n        <\/div>\n\n<div class=\"section section-faq\">        <div class=\"container\">\n                            <div class=\"holder\" data-reveal-group>\n                            <div class=\"content-wrapper\" data-reveal-group>\n            <div class=\"inner\">\n                <h2>Vragen over <strong>design<\/strong><\/h2>\n<p>If your question isn\u2019t listed here, feel free to call or text us; we\u2019ll have someone from the team on the line.<\/p>\n                <a href=\"\/en\/contact\/\" target=\"_self\" class=\"button ghost\">Ask your question<\/a>            <\/div>\n        <\/div>\n                                    <div class=\"faq-wrapper\" data-reveal-group>\n            <div class=\"faq\">\n                <div class=\"faq-items-wrapper\">\n                                                    <div class=\"faq-item\">\n            <h3 class=\"faq-q\">\n                <button type=\"button\" class=\"faq-heading\" aria-expanded=\"false\" aria-controls=\"faq-1673-16c20\">\n                    <span class=\"faq-heading__text\">Werken jullie met onze huisstijl?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1673-16c20\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Ja. We vertalen je bestaande huisstijl naar het web: kleuren, typografie en beeld, zo dat ze ook op een klein scherm goed werken en leesbaar blijven. Een nieuw logo of een complete huisstijl ontwerpen we niet; daarvoor werken we graag samen met je eigen ontwerper of bureau.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n                                                            <div class=\"faq-item\">\n            <h3 class=\"faq-q\">\n                <button type=\"button\" class=\"faq-heading\" aria-expanded=\"false\" aria-controls=\"faq-1674-9edbd\">\n                    <span class=\"faq-heading__text\">Kan mijn huidige website een nieuw ontwerp krijgen?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1674-9edbd\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Ja. We kijken eerst naar je cijfers en je doelen: wat werkt er nu, en waar haken bezoekers af? Wat goed is houden we, de rest ontwerpen we opnieuw. Afhankelijk van de techniek bouwen we het nieuwe ontwerp op je huidige site, of adviseren we een nieuw startpunt.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n                                                            <div class=\"faq-item\">\n            <h3 class=\"faq-q\">\n                <button type=\"button\" class=\"faq-heading\" aria-expanded=\"false\" aria-controls=\"faq-1675-2a4ee\">\n                    <span class=\"faq-heading__text\">Hoe zie ik het ontwerp voordat het gebouwd wordt?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1675-2a4ee\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>We werken in Figma. Eerst bespreken we de structuur in wireframes, daarna het ontwerp zelf, en je krijgt een klikbaar prototype waarin je door de pagina\u2019s gaat op desktop en mobiel. Pas als het klopt, gaan we bouwen.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n                                                            <div class=\"faq-item\">\n            <h3 class=\"faq-q\">\n                <button type=\"button\" class=\"faq-heading\" aria-expanded=\"false\" aria-controls=\"faq-1676-dd243\">\n                    <span class=\"faq-heading__text\">Kunnen jullie alleen het ontwerp maken?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1676-dd243\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Ja. Meestal ontwerpen en bouwen we in \u00e9\u00e9n team, maar je kunt ook alleen het ontwerp bij ons laten maken, als een ander het bouwt. Voor agencies en marketingbureaus ontwerpen we ook white label, onder de naam van het bureau.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n                                                            <div class=\"faq-item\">\n            <h3 class=\"faq-q\">\n                <button type=\"button\" class=\"faq-heading\" aria-expanded=\"false\" aria-controls=\"faq-1677-ef84f\">\n                    <span class=\"faq-heading__text\">Wat kost een ontwerp?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1677-ef84f\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Dat hangt af van het aantal pagina\u2019s en hoeveel er uitgedacht moet worden. Na een gesprek krijg je een voorstel met een vaste prijs. Ontwerp je met ons door na de livegang, dan valt nieuw ontwerpwerk binnen het vaste maandbedrag van doorbouwen.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n                                            <\/div>\n            <\/div>\n        <\/div>\n                        <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-afsluiter\">        <div class=\"container\">\n            <div class=\"af af--image\">\n                <span class=\"af__glow\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n\n                <div class=\"af__content\" data-reveal-group>\n                                            <p class=\"case-eyebrow\"><span aria-hidden=\"true\"><\/span>Design<\/p>\n                                                                <h2 class=\"af__title\">Klaar voor een ontwerp <strong>met een doel?<\/strong><\/h2>\n                                                                <p class=\"af__text\">Vertel waar je naartoe wilt met je website. We kijken samen naar je doelgroep, je doelen en wat er nu staat, en zeggen eerlijk waar we zouden beginnen.<\/p>\n                    \n                    <div class=\"af__actions\">\n                                                    <a class=\"button\" href=\"\/en\/contact\/\" target=\"_self\">Plan a conversation<\/a>\n                                                                            <a class=\"button ghost\" href=\"\/en\/work\/\" target=\"_self\">View our work<\/a>\n                                                                        <\/div>\n\n                    \n                                                        <\/div>\n\n                \n                                    <figure class=\"af__media\">\n                        <img width=\"683\" height=\"1024\" src=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-683x1024.jpg\" class=\"af__img\" alt=\"Three colleagues are Fresh-Dev watching a screen together in an office in Haarlem\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 90vw, 480px\" srcset=\"https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-683x1024.jpg 683w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-200x300.jpg 200w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-768x1152.jpg 768w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-1024x1536.jpg 1024w, https:\/\/freshdev.fresh-dev.site\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek.jpg 1365w\" \/>                                            <\/figure>\n                            <\/div>\n        <\/div>\n        <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1700","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/pages\/1700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/comments?post=1700"}],"version-history":[{"count":7,"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/pages\/1700\/revisions"}],"predecessor-version":[{"id":1857,"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/pages\/1700\/revisions\/1857"}],"wp:attachment":[{"href":"https:\/\/freshdev.fresh-dev.site\/en\/wp-json\/wp\/v2\/media?parent=1700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}