{"id":1587,"date":"2026-11-06T14:25:57","date_gmt":"2026-11-06T13:25:57","guid":{"rendered":"https:\/\/fresh-dev.nl\/?post_type=case&#038;p=1587"},"modified":"2026-11-06T15:37:35","modified_gmt":"2026-11-06T14:37:35","slug":"osteopathie-vinkeveen-website","status":"publish","type":"case","link":"https:\/\/fresh-dev.nl\/en\/werk\/osteopathie-vinkeveen-website\/","title":{"rendered":"Website Osteopathie Vinkeveen"},"content":{"rendered":"<div class=\"section section-pageheader-detail-information\"><video class=\"background-image\" autoplay muted loop playsinline preload=\"auto\" poster=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-website-home.jpg\">\n                <source src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/01\/Fresh-Dev-case-video-Osteopathie-Vinkeveen-2-1.mp4\" type=\"video\/mp4\">\n            <\/video>        <div class=\"pageheader-wrapper\">\n            <div class=\"container\">\n                <div class=\"inner\">\n                    <h1 data-split=\"heading\" data-split-reveal=\"words\">From design to website for <strong>Osteopathie Vinkeveen<\/strong>\n<\/h1>                    <div class=\"breadcrumbs\" data-reveal-group>\n                        <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>                    <\/div>\n                    <div class=\"information-block\"  data-reveal-group>            <div class=\"block\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <span>Client<\/span>\n                                                    <p>Osteopathie Vinkeveen<\/p>\n                            <\/div>\n                        <div class=\"block\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <span>Project<\/span>\n                                                    <p>Design and new website<\/p>\n                            <\/div>\n            <\/div>                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\n<div class=\"section section-content two-columns has-pink-element\">        <div class=\"container\">\n                            <div class=\"content-holder\" data-reveal-group>\n                            <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <h4>About our client<\/h4>\n                                                    <h2><h2>An osteopath in <strong>Vinkeveen<\/strong><\/h2>\n<\/h2>\n                            <\/div>\n        <\/div>\n                                    <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                <p>Osteopathie Vinkeveen is the practice of osteopath Wes Coesel, located in the Medical Center Vinkeveen. Patients come with complaints such as back pain or migraines. Parents with a baby can also visit there.<\/p>\n<p>Previously, for the practice we worked on the findability and created videos. <a href=\"\/en\/work\/osteopathie-vinkeveen\/\">Read the case study on discoverability and video<\/a>. After that, a completely new website was created, starting with the design.<\/p>\n            <\/div>\n        <\/div>\n                        <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-images-grid\">        <div class=\"container\">\n                            <div class=\"grid-holder\" data-reveal-group>\n                    <div class=\"three-images\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">            <div class=\"grid-item\">\n                <div data-parallax-scrub=\"2\" data-parallax=\"trigger\" data-parallax-start=\"-30\" data-parallax-end=\"0\" class=\"parallax-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-ontwerp-concept.jpg\" alt=\"First concept for the Osteopathie Vinkeveen homepage, block about osteopathy\">\n                <\/div>\n            <\/div>\n                        <div class=\"grid-item\">\n                <div data-parallax-scrub=\"2\" data-parallax=\"trigger\" data-parallax-start=\"-30\" data-parallax-end=\"0\" class=\"parallax-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-ontwerp-eindontwerp.jpg\" alt=\"Final design of the Osteopathie Vinkeveen homepage in Figma\">\n                <\/div>\n            <\/div>\n                        <div class=\"grid-item\">\n                <div data-parallax-scrub=\"2\" data-parallax=\"trigger\" data-parallax-start=\"-30\" data-parallax-end=\"0\" class=\"parallax-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-ontwerp-klachten.jpg\" alt=\"Design of the block with complaints where osteopathy can help\">\n                <\/div>\n            <\/div>\n            <\/div>                <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-content two-columns has-blue-element\">        <div class=\"container\">\n                            <div class=\"content-holder\" data-reveal-group>\n                            <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <h4>What we have done<\/h4>\n                                                    <h2><h2>First the <strong>Design<\/strong>, Then the construction<\/h2>\n<\/h2>\n                            <\/div>\n        <\/div>\n                                    <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                <p>We started with inspiration and a first concept for the homepage, on desktop and mobile. In that concept, there were still large dark green areas. The final design alternates dark green with white and a warm sand color. The headings are in a classic font, with one word always being diagonally placed in light green.<\/p>\n<p>After that, we developed every page in Figma, from the homepage and the page about Wes to the rates, the blog, contact, and a sample page for a complaint. Each design is available in three sizes: desktop, tablet, and phone. For some elements, we created two variants side by side, such as the block with Wes\u2019s training courses.<\/p>\n<p>During construction, we kept the site in mind throughout, down to the details like the crumb trail and the form.<\/p>\n            <\/div>\n        <\/div>\n                        <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-content two-columns has-pink-element\">        <div class=\"container\">\n                            <div class=\"content-holder\" data-reveal-group>\n                            <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <h4>The build-up<\/h4>\n                                                    <h2><h2>One complaint per <strong>own page<\/strong><\/h2>\n<\/h2>\n                            <\/div>\n        <\/div>\n                                    <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                <p>Common complaints have their own page, nine in total, including back pain and complaints in babies. For example, someone with back pain is immediately directed to a page about back pain.<\/p>\n<p>Fees and rates are listed on a separate page, in plain language. There you will also read that you do not need a referral from your GP. The \"Make an Appointment\" button is located in the same place on every page.<\/p>\n<p>In October, further adjustments were made, first in Figma and then on the website. At the top of the homepage now plays a short video of a treatment, and with just one click you can open the full intro video. On the contact page, you can already take a virtual tour of the practice using a Google Tour.<\/p>\n            <\/div>\n        <\/div>\n                        <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-images-grid\">        <div class=\"container\">\n                            <div class=\"grid-holder\" data-reveal-group>\n                    <div class=\"two-images\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">            <div class=\"grid-item\">\n                <div data-parallax-scrub=\"2\" data-parallax=\"trigger\" data-parallax-start=\"-30\" data-parallax-end=\"0\" class=\"parallax-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-ontwerp-breakpoints.png\" alt=\"Design of the homepage on desktop, tablet and phone\">\n                <\/div>\n            <\/div>\n                        <div class=\"grid-item\">\n                <div data-parallax-scrub=\"2\" data-parallax=\"trigger\" data-parallax-start=\"-30\" data-parallax-end=\"0\" class=\"parallax-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/osteopathie-vinkeveen-ontwerp-mobiel.png\" alt=\"Mobile design of the Osteopathie Vinkeveen homepage\">\n                <\/div>\n            <\/div>\n            <\/div>                <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-content two-columns has-blue-element\">        <div class=\"container\">\n                            <div class=\"content-holder\" data-reveal-group>\n                            <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                                    <h4>The result<\/h4>\n                                                    <h2><h2>A dedicated website for the <strong>practice<\/strong><\/h2>\n<\/h2>\n                            <\/div>\n        <\/div>\n                                    <div class=\"column\">\n            <div class=\"content\" data-reveal-group-nested data-ignore=\"false\" data-distance=\"1\">\n                <p>Since October 2026, Osteopathie Vinkeveen has had a website in its own style, with an intro video at the top and a clear path to an appointment on every page. The practice itself adapts the texts and blogs to its own needs.<\/p>\n<p>The homepage responds in less than 0.1 seconds (measured on November 6, 2026).<\/p>\n            <\/div>\n        <\/div>\n                        <\/div>\n                    <\/div>\n        <\/div>\n\n<div class=\"section section-featured-cases\">                    <div class=\"container\">\n                        <div class=\"text-holder\" data-reveal-group>\n            <h2>Also view our other work<\/h2>\n        <\/div>\n                    <\/div>\n                    <div class=\"card-holder\">\n            <div class=\"swiper-holder-cases swiper\" data-reveal-group>\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/bouwbedrijf-binnen-en-buiten\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/11\/binnen-en-buiten-gevel-1024x683.jpg\"\n                            alt=\"Facade top with roofline on the homepage of Construction Company Binnen en Buiten\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">Construction company Binnen en Buiten<\/h3>\n\n                                            <p class=\"case-card__description\">New website for Construction Company Binnen en Buiten from Obdam. A design based on the logo, a page for each service and 238 photos of their own work that you can filter with just one click.<\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/dd-customs\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/05\/DDCUSTOMS-02253-1024x683.jpg\"\n                            alt=\"Fresh-Dev case DD Customs\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">DD Customs<\/h3>\n\n                                            <p class=\"case-card__description\">New website for DD Customs focusing on custom sneakers, creative cases, and collaborations. A striking design with animations that matches the growth and energy of Dani's brand.<\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/aelsmeer-catering-events\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/03\/bedrijfsfeest-catering-cateringaelsmeer-1024x768.png\"\n                            alt=\"Aelsmeer Catering &amp; Events\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">Aelsmeer Catering &amp; Events<\/h3>\n\n                                            <p class=\"case-card__description\">New bespoke website for Aelsmeer Catering &amp; Events with clear target audience segmentation, smart ordering options and strong video content. A platform that inspires and is focused on conversion.<\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/meet-at-cliq\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/03\/standaard-vergaderruimte-Den-Haag-4-1024x737.png\"\n                            alt=\"Meet at Cliq\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">Meet at Cliq<\/h3>\n\n                                            <p class=\"case-card__description\">New tailored website for Meet at Cliq with a modern look, clear room overviews, and strong visual content. Focused on conversion with clear CTAs.<\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/hermans-groep\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/03\/Hermans-1024x683.jpg\"\n                            alt=\"Hermans Groep\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">Hermans Groep<\/h3>\n\n                                            <p class=\"case-card__description\">The new website for Hermans Groep: a modern digital business card. Featuring their corporate identity, projects, and strong videos. <\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                            <div class=\"swiper-slide\">\n                                    <article class=\"case-card\">\n            <a class=\"case-card__link\" href=\"https:\/\/fresh-dev.nl\/en\/werk\/ciabatta\/\">\n                <div class=\"case-card__media\">\n                                            <img decoding=\"async\"\n                            class=\"case-card__image\"\n                            src=\"https:\/\/fresh-dev.nl\/app\/uploads\/2026\/02\/A7408594-scaled-1-683x1024.jpg\"\n                            alt=\"Ciabatta\"\n                            loading=\"lazy\"\n                        >\n                                    <\/div>\n\n                <div class=\"case-card__body\">\n                    \n                    <h3 class=\"case-card__title\">Ciabatta<\/h3>\n\n                                            <p class=\"case-card__description\">The new website for Ciabatta with a bold, fresh look. Bold design and strong photography are central, linked to an ordering module.<\/p>\n                    \n                    <span class=\"case-card__cta\">\n                        Review case\n                        <i class=\"fa-regular fa-arrow-right-long\" aria-hidden=\"true\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/a>\n        <\/article>\n                                <\/div>\n                                    <\/div>\n                <div class=\"swiper-arrows\">\n                    <div class=\"swiper-arrow prev\"><\/div>\n                    <div class=\"swiper-arrow next\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <\/div>","protected":false},"featured_media":1588,"template":"","meta":{"_acf_changed":false},"case_category":[],"class_list":["post-1587","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/case\/1587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/types\/case"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/media\/1588"}],"wp:attachment":[{"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/media?parent=1587"}],"wp:term":[{"taxonomy":"case_category","embeddable":true,"href":"https:\/\/fresh-dev.nl\/en\/wp-json\/wp\/v2\/case_category?post=1587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}