{"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:\/\/fresh-dev.nl\/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 that <strong>achieves his goal<\/strong><\/h1>\n                                                                <p class=\"phd__lead\">Our UI\/UX designers don\u2019t just make websites beautiful. They think about how a site should look to do what it\u2019s supposed to do: tailored to your target audience and goals, designed for every screen and in your own brand style. For a new site, or as a new design for your current one.<\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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                                                                            In-house UI\/UX designers                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Method of operation<\/dt>\n                                                                <dd>\n                                                                            From wireframe to prototype                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Designed for<\/dt>\n                                                                <dd>\n                                                                            Desktop, tablet and mobile                                                                    <\/dd>\n                            <\/div>\n                                                                                <div class=\"phd__fact\">\n                                                                    <dt>Also for<\/dt>\n                                                                <dd>\n                                                                            A new design for your current 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>Our view on design<\/p>\n                                                    <h2 class=\"case-title\" data-ca>Beautiful is the beginning, <strong>not the goal<\/strong><\/h2>\n                                            <\/div>\n        <\/div>\n                        <div class=\"case-grid__body\">\n                                            <div class=\"case-cards__text\" data-ca>\n                            <p>A website should do something: build trust, explain, convince, generate an inquiry. That\u2019s why every design starts with the question of what the site should achieve, and for whom.<\/p>\n<p>Only then do we choose how it will look. This results in a design that fits your brand and works for your visitors.<\/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\">Tailored to your target audience<\/h3>\n                                                                            <p class=\"case-step__text\">Who are your visitors, what are they looking for and what do they need to choose? That is what we design for.<\/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\">Designed for your goals<\/h3>\n                                                                            <p class=\"case-step__text\">Each page has a task. We design the route to that task, from first impression to request.<\/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\">Designed for every screen<\/h3>\n                                                                            <p class=\"case-step__text\">Designed for each screen, not just made smaller: desktop, tablet and mobile.<\/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>How a design is created<\/p>\n                                                                                        <h2 class=\"sb__title\">From the first sketch <strong>to every screen<\/strong><\/h2>\n                                                    <\/div>\n                                                    <p class=\"sb__intro\">We design in stages, so you can watch and adjust at every step before construction begins.<\/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\">Research<\/span>\n                                                                                        <span class=\"sb__item-title\">We start with your numbers and your visitors<\/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, your competitors, and, if possible, conversations with your target audience. This way we know what\u2019s working now and what visitors are missing out on.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"Results are discussed on the large screen in the meeting room Fresh-Dev\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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\">First the construction, then the design<\/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 we define which pages will be included, what they will say and what route a visitor will take. You can talk about the content without being distracted by color.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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\">Your brand identity, translated into the 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\">Color, typography, and imagery from your corporate identity, deployed in a way that they work on any screen and stand out in the most important places.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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\">You click through your site before it exists<\/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 a clickable prototype in Figma, you go through the pages on desktop and mobile. If something doesn\u2019t work, we adjust it before writing any code.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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\">Design system<\/span>\n                                                                                        <span class=\"sb__item-title\">Parts that you keep using<\/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\">Buttons, cards and sections are recorded as components. These become the blocks in your website one by one, so that every new page fits together automatically.<\/p>\n                                                                                                                            <div class=\"sb__inline-media\"><img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg\" class=\"sb__img\" alt=\"Results are discussed on the large screen in the meeting room Fresh-Dev\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 1023px) 92vw, 720px\" srcset=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2446\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2336\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2378\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2403\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2352\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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>What we design<\/p>\n                                                    <h2 class=\"km__title\">From a new site <strong>to one new page<\/strong><\/h2>\n                            <\/div>\n                            <p class=\"km__intro\">Big or small: every design receives the same attention for your target audience, your goals, and every screen.<\/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\">New websites<\/h3>\n                                    <p class=\"km__tile-body\">The complete design of a new site, from the structure to the final screens, with a design system that can be built upon.<\/p>\n                            <\/div>\n                            <figure class=\"km__tile-media\">\n                    <img width=\"1024\" height=\"494\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-1024x494.png 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-300x145.png 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-768x371.png 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/Visual-lang-Intellect-Zorggroep-1536x741.png 1536w, https:\/\/fresh-dev.nl\/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\">A new design for your current site<\/h3>\n                                    <p class=\"km__tile-body\">We keep what works and redesign the rest based on your numbers.<\/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\">Landing pages<\/h3>\n                                    <p class=\"km__tile-body\">Pages for your campaigns, designed to convert visitors from ads into requests.<\/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\">Web applications and portals<\/h3>\n                                    <p class=\"km__tile-body\">Tools for your customers or your team that make every step feel logical. Here, ease of use is even more important than aesthetics.<\/p>\n                            <\/div>\n                            <figure class=\"km__tile-media\">\n                    <img width=\"1024\" height=\"683\" src=\"https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2278\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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\">Continuous design<\/h3>\n                                    <p class=\"km__tile-body\">After the live launch, we design new pages and improvements, in the constant rhythm of continuous development.<\/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 or white label<\/h3>\n                                    <p class=\"km__tile-body\">Only the design, if someone else builds it. Or for agencies, under their own name.<\/p>\n                            <\/div>\n                    <\/div>\n                                                                        <div class=\"km__tile km__tile--included\" data-motion=\"card\">\n                            <h3 class=\"km__tile-title\">In every design<\/h3>\n                                                        <div class=\"km__included\" role=\"list\">\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Your brand translated into the web<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Desktop, tablet and mobile<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Clickable prototype in Figma<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Components that become blocks<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Readable text and clear contrasts<\/span>\n                                                                    <span class=\"km__included-item\" role=\"listitem\">Space to adjust<\/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>New or renewed<\/p>\n                                                                                        <h2 class=\"vg__title\">A new site, <strong>or a new design for your current one<\/strong><\/h2>\n                                                    <\/div>\n                                                    <p class=\"vg__intro\">You don't always have to start over. Sometimes a new design on your existing site is the fastest way forward.<\/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\">A new website<\/h3>\n                                                        <div class=\"vg__list\" role=\"list\">\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Design and build in one team<\/p>\n                                                                                    <p class=\"vg__item-text\">Designers and developers work at the same table, so what we design can also be built.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Designed from the ground up<\/p>\n                                                                                    <p class=\"vg__item-text\">Structure, content and design are all aligned with your goals in one go.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">A design system to build upon<\/p>\n                                                                                    <p class=\"vg__item-text\">You create new pages later from the same parts.<\/p>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"vg__side vg__side--right\" data-motion=\"card\">\n                                                            <h3 class=\"vg__side-title\">A new design for your current site<\/h3>\n                                                        <div class=\"vg__list\" role=\"list\">\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">First, let's see what works<\/p>\n                                                                                    <p class=\"vg__item-text\">Your statistics show which pages are performing well and which visitors are dropping out.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">Keep what is good<\/p>\n                                                                                    <p class=\"vg__item-text\">We redesign where it yields something, not everything to do it again.<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"vg__item\" role=\"listitem\">\n                                        <p class=\"vg__item-title\">In one go or step by step<\/p>\n                                                                                    <p class=\"vg__item-text\">A complete restyle, or page by page in the rhythm of continuing.<\/p>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                                    <p class=\"vg__note\">In both cases, your target audience, your goals, and your branding are the starting point.<\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-1024x683.jpg 1024w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-300x200.jpg 300w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-768x512.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2367\u00a9Jean_Haasbroek-1536x1024.jpg 1536w, https:\/\/fresh-dev.nl\/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 and development<\/p>\n                                                                            <h2 class=\"sl__title\">Designed by people <strong>those who sit next to the builders<\/strong><\/h2>\n                                                                            <div class=\"sl__text\"><p>Our designers and developers work in the same team. A design is therefore not thrown over the fence: during design we already decide what is technically smart, and the components from the design become one-to-one the blocks in your website.<\/p>\n<p>If your site is being built by someone else, or you work for an agency, you can have us create the design for you, possibly under the name of your agency.<\/p>\n<\/div>\n                                                                            <div class=\"sl__points\" role=\"list\">\n                                                                    <span class=\"sl__point\" role=\"listitem\">Designs that can be built one-to-one<\/span>\n                                                                    <span class=\"sl__point\" role=\"listitem\">Design by yourself, while others build<\/span>\n                                                                    <span class=\"sl__point\" role=\"listitem\">White label for agencies, under your flag<\/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\">More about 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>Every solution<\/strong><\/h2>\n<p>Design is present in everything we create. So use it for your question.<\/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\">A new starting point<\/span>\n                                <h3 class=\"svc-row__title\">Website design<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Design and build a new website or web application, in one team.<\/p>\n                                                    <p class=\"svc-row__items\">Design in Figma \u00b7 Live in weeks \u00b7 In your name<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/website-design\/\"\n                    target=\"_self\"\n                    aria-label=\"More about having a website created: Have a website created\"\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\">Renovations<\/span>\n                                <h3 class=\"svc-row__title\">Improve your current website<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">New pages and a better design that adds up to something, chosen every month based on your grades.<\/p>\n                                                    <p class=\"svc-row__items\">Conversion and ease of use \u00b7 Also on other people's sites \u00b7 Monthly cancelable<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/website-verbeteren\/\"\n                    target=\"_self\"\n                    aria-label=\"Improving your website: Improving your current website\"\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\">Campaigns<\/span>\n                                <h3 class=\"svc-row__title\">Online advertising<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">Landing pages that match your ads, designed and built by the same team.<\/p>\n                                                    <p class=\"svc-row__items\">Google and Meta \u00b7 Custom landing pages \u00b7 One dashboard<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/outsourcing-google-ads\/\"\n                    target=\"_self\"\n                    aria-label=\"More about online advertising: Online advertising\"\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\">The construction<\/span>\n                                <h3 class=\"svc-row__title\">Development<\/h3>\n            <\/div>\n            <div class=\"svc-row__body\">\n                                    <p class=\"svc-row__description\">The design is built one-on-one, with its own blocks that you can fill in yourself.<\/p>\n                                                    <p class=\"svc-row__items\">WordPress and Laravel \u00b7 Custom blocks \u00b7 Version management<\/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\">Image and text<\/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\">Custom photos, videos and texts created for your website, campaigns and social media.<\/p>\n                                                    <p class=\"svc-row__items\">Concept and script \u00b7 Shooting on location \u00b7 Formats per channel<\/p>\n                            <\/div>\n                                            <a\n                    class=\"svc-row__link\"\n                    href=\"\/en\/photo-and-video-creation\/\"\n                    target=\"_self\"\n                    aria-label=\"More about photos and videos: Photos and videos\"\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\">A customer portal, web application or connection with your systems, if your site needs to be able to do more.<\/p>\n                                                    <p class=\"svc-row__items\">Laravel or WordPress \u00b7 Connections with your systems \u00b7 Code and data of yours<\/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>Questions about <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-f2001\">\n                    <span class=\"faq-heading__text\">Do you work with our corporate identity?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1673-f2001\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Yes. We translate your existing corporate identity into the web: colors, typography, and visuals, so that they work well on a small screen and remain readable. We do not design a new logo or a complete corporate identity; for that, we would be happy to work with your own designer or agency.<\/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-beea4\">\n                    <span class=\"faq-heading__text\">Can my current website get a new design?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1674-beea4\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Yes. First we look at your statistics and your goals: what is working now, and what are the areas where visitors are dropping off? We keep what works, and redesign the rest. Depending on the technique, we build the new design on your current site, or we recommend a new starting point.<\/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-7b4e1\">\n                    <span class=\"faq-heading__text\">How do I see the design before it is built?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1675-7b4e1\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>We work in Figma. First we discuss the structure in wireframes, then the design itself, and you get a clickable prototype that lets you navigate the pages on desktop and mobile. Only when it\u2019s perfect do we start building.<\/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-76723\">\n                    <span class=\"faq-heading__text\">Can you only create the design?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1676-76723\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>Yes. We usually design and build in a team, but you can also have the design made by us alone, if someone else builds it. For agencies and marketing agencies, we also design white label under the agency's name.<\/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-25fc1\">\n                    <span class=\"faq-heading__text\">How much does a design cost?<\/span>\n                    <span class=\"faq-heading__icon\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/h3>\n            <div class=\"faq-body\" id=\"faq-1677-25fc1\" role=\"region\">\n                <div class=\"faq-body__inner\">\n                    <p>That depends on the number of pages and how many have to be designed. After a conversation, you\u2019ll receive a quote with a fixed price. If you design with us after the live shoot, new design work will be included within the fixed monthly fee for continued work.<\/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\">Ready for a design <strong>with a goal?<\/strong><\/h2>\n                                                                <p class=\"af__text\">Tell us where you want your website to go. We\u2019ll look together at your target audience, your goals and what\u2019s already there, and honestly discuss where we should start.<\/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:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-683x1024.jpg 683w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-200x300.jpg 200w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-768x1152.jpg 768w, https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/JHF2322\u00a9Jean_Haasbroek-1024x1536.jpg 1024w, https:\/\/fresh-dev.nl\/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:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/pages\/1700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/comments?post=1700"}],"version-history":[{"count":7,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/pages\/1700\/revisions"}],"predecessor-version":[{"id":1857,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/pages\/1700\/revisions\/1857"}],"wp:attachment":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/media?parent=1700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}