{"id":3071,"date":"2011-10-31T14:12:50","date_gmt":"2011-10-31T13:12:50","guid":{"rendered":"http:\/\/www.paulvanbuuren.nl\/?p=3071"},"modified":"2021-10-13T10:19:28","modified_gmt":"2021-10-13T08:19:28","slug":"van-wireframe-naar-realisatie","status":"publish","type":"post","link":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/","title":{"rendered":"Van wireframe naar realisatie"},"content":{"rendered":"<div>\n<p>Een tijdje geleden volgde ik bij Stephen Hay een workshop <a href=\"http:\/\/fronteers.nl\/cursussen\/rabid-prototyping-stephen-hay\">Rabid Prototyping<\/a>. Sindsdien heb ik met de vraag rondgelopen wat je wanneer doet als je bezig bent met het ontwerp van een website:<\/p>\n<ul>\n<li>Hoe moet je naar mijn idee het design aanpakken in een nieuwe of bestaande website?<\/li>\n<li>Wat is het verschil tussen een prototype en een wireframe?<\/li>\n<\/ul>\n<p><!--more-->Tien jaar terug was het leven van een webdesigner echt een stuk makkelijker. Je maakte een paar schetsen, werkte ze uit in Photoshop en je was klaar met je design. Even de boel slicen, en het plamuur voor je webpagina was klaar. De webdesigner was een god die altijd gelijk had.<\/p>\n<p>Anno 2011 moeten we niet meer uitgaan van de goede smaak en kennis van alleen Photoshop. De webdesigner van nu moet niet alleen goed zijn in pixeltjes mooi aan elkaar breien, maar moet ook alles weten van usability, CSS, HTML, browserverschillen en de verschillende apparaten die gebruikt worden om websites te bezoeken. Hij moet een duizendpoot zijn die alles weet. En klanten zijn veeleisender geworden; ook zij zitten dagelijks op internet en hebben een gefundeerde mening over wat voor hen een goede website is.<\/p>\n<p>Webdesign is geen taak meer voor alleen coltruidragende designerbrillen. Webdesign is multidisciplinair.Niemand kan alles in z\u2019n eentje, dus moet je samenwerken.<br \/>\nHoe doe je dat dan? Hoe begin je vandaag de dag aan een nieuwe website? Wat mij betreft:<\/p>\n<ol>\n<li>schetsen<\/li>\n<li>wireframes<\/li>\n<li>mockups (onklikbaar en klikbaar)<\/li>\n<li>HTML prototype<\/li>\n<li>Realisatie<\/li>\n<\/ol>\n<p>Daar wil ik graag alvast bij opmerken dat ik NIET meer geloof in een watervalmethode: niet eerst ALLE schetsen af voordat je aan wireframes begint, maar de onderdelen van de website kunnen parallel aan elkaar ontwikkeld worden. Niet pas aan een HTML-prototype beginnen als de complete mockup klaar is. Je kunt prima al een werkend prototype hebben van een homepage terwijl je nog aan het stoeien bent met bijvoorbeeld productpagina\u2019s. Ik noem maar wat. Agile project managers, make some noise!<\/p>\n<h2>Teamwork<\/h2>\n<p>Ik wilde het over het design hebben. Idealiter bestaat je designteam uit:<\/p>\n<ul>\n<li>een Photoshopper met een onverbiddelijk goede smaak;<br \/>\nhij weet alles over kleur, spatiering, lettertypen en leesbaarheid. Hij mag best schetsen in InDesign als hij dat makkelijk vindt, maar verder is InDesign voor webdesign net zo nuttig als hamer en beitel voor een schilder. Iemand die accepteert dat webdesign niet hetzelfde is als print-design<\/li>\n<li>een accessibility \/ usability expert.<br \/>\nIemand die zich kan inleven in alle typen gebruikers van de website. Zijn ze laaggeletterd? Zijn ze kleurenblind? Zijn ze heel web-savvy?<\/li>\n<li>een front-end goeroe.<br \/>\nIemand die alles weet van CSS, HTML en bij voorkeur ook van JavaScript. Iemand die jou de verschillen kan uitleggen tussen browsers en wat ze wel en niet kunnen. Iemand die weet wat je bedoelt met <a href=\"http:\/\/versie1.webrichtlijnen.nl\/handleiding\/ontwikkeling\/productie\/filosofie\/gelaagd-bouwen\/\">gelaagd bouwen<\/a>.<\/li>\n<li>een back-end goeroe.<br \/>\nIemand die vanaf het begin mee denkt hoe de front-end vertaald kan worden naar back-end functionaliteit<\/li>\n<li>een tester:<br \/>\niemand die elk aspect van een een website zelf kan testen of kan laten testen door een groepje dat bestaat uit de beoogde eindgebruikers. Meten is zweten.<\/li>\n<li>een tekstschrijver<br \/>\nIemand weet dat schrijven voor het web iets anders is dan een roman schrijven; die weet dat gebruikers teksten scannen, niet lezen.<\/li>\n<li>een projectmanager die zich in kan leven in de diverse rollen hierboven.<br \/>\nIemand die wel wat van de techniek snapt. <a href=\"http:\/\/www.hoegajedatoplossen.nl\/04\/planning-maken-hak-het-op\/\">Negen vrouwen<\/a> kunnen niet in 1 maand een baby maken.<\/li>\n<\/ul>\n<p>Maar laten we het eens over webdesign hebben.<\/p>\n<h2>Stap 1: Schetsen en doelstellingen<\/h2>\n<p>Schetsen met potlood op papier. Of met z\u2019n allen rond een whiteboard. Hierin vertaal je op hoofdlijnen de wensen van de klant in concretere schetsen. Dit kan zowel een sitemap zijn als de eerste schetsen voor aparte paginatypen, bijvoorbeeld een homepage of een landingspagina. Mij is opgevallen dat we er vaak nog vanuit gaan dat elke gebruiker binnenkomt op de homepage van de website. Eh, neen. Dat is niet zo. Dat geldt voor mensen die je URL weten (de direct hits), maar niet noodzakelijkerwijs voor mensen die je contactgegevens Googelen. Of op trefwoorden die op andere pagina\u2019s voorkomen.<br \/>\nConcrete resultaten:<\/p>\n<ul>\n<li>Een sitemap<\/li>\n<li>Afspraken over doelstellingen en denkrichtingen voor alternatieve layouts voor de verschillende platforms<\/li>\n<li>Schetsen of wilde plannen voor pagina\u2019s. Of voor je app.<\/li>\n<\/ul>\n<h2>Stap 2: Wireframes<\/h2>\n<p>Hierin ga je met wat meer precisie bepalen wat de elementen op je pagina\u2019s zijn. Met tooltjes als <a href=\"https:\/\/gomockingbird.com\/mockingbird\/\">Mockingbird<\/a>, <a href=\"http:\/\/www.lucidchart.com\/\">Lucid Chart<\/a>, (ETC) plaats je logo\u2019s, soorten tekst en navigatie-elementen. Per type pagina. Vaak werk je hier ook de sitemap ietsje verder uit. Dit is het moment om je tekstschrijver goed mee te laten kijken (of je klant, als die zelf de teksten voor zijn rekenning neemt). Je kunt niet vroeg genoeg beginnen met zo concreet mogelijke teksten, want zo lang mogelijk alleen <a href=\"http:\/\/hipsteripsum.me\/?paras=4&amp;type=hipster-centric\">lorem<\/a><a href=\"http:\/\/slipsum.com\/?para=8&amp;ht=none\">ipsum<\/a> gebruiken zal er later voor zorgen dat het design aangepast moet worden. Je tekstschrijver kan alvast beginnen met welke teksten er nodig zijn op de website, maar je hoeft hier nog geen concrete teksten te gebruiken.<br \/>\nJe kunt het wireframe in een document vastleggen met tekstuele beschrijvingen van de blokken en functionaliteiten per pagina.<\/p>\n<p>Concrete resultaten:<\/p>\n<ul>\n<li>Een document met beschrijvingen van de functionaliteiten per pagina<\/li>\n<li>uitgebreide sitemap<\/li>\n<li>briefing voor de fotosjopper:<\/li>\n<\/ul>\n<h2>Stap 3: Mockups (klikbaar of niet klikbaar)<\/h2>\n<p>Je fotosjoppert heeft inmiddels al idee\u00ebn en schetsen gemaakt voor de opzet van pagina\u2019s. Hij heeft de plaats bepaald voor menu\u2019s, logo\u2019s en tekstblokken. Vaste elementen die op elke pagina terug zullen komen zijn qua design al wat verder uitgewerkt. Je kunt je klant deze ontwerpen laten zien om te kijken of deze esthetisch en praktisch in de smaak vallen.<br \/>\nMet deze ontwerpen maken we een klikmodel van dat je zo uitgebreid als je wilt kunt maken. Je frontender kan snel met wat platte HTML-pagina\u2019s een klikbaar geheel maken, zodat je door de eerste pagina\u2019s kunt klikken. De site krijgt vorm en je kunt beginnen met nadenken over back-end functionaliteit: welk CMS, datamodel etc.<\/p>\n<p>Concrete resultaten:<\/p>\n<ul>\n<li>Eerste designs vwb vaste elementen. Ook: plaatsbepaling van contentblokken<\/li>\n<li>Eerste opzet HTML-pagina\u2019s: testbaar op diverse platforms (mobile, tablet, desktop, print)<\/li>\n<li>Bij erg uitgebreide sites: eerste scenario\u2019s voor testen. Deze kun je laten testen door eindgebruikers<\/li>\n<\/ul>\n<h2>Stap 4: HTML prototype<\/h2>\n<p>Op basis van de definitieve ontwerpen maak je een prototype. Dit is een complete set met pagina\u2019s (HTML, CSS, JavaScript) dat een goede representatie is van hoe de site er straks zal uitzien en hoe deze in de praktijk zal werken. Via test-scripts en interviews kun je gebruikers laten testen of de interface juist werkt. De HTML uit stap 3 vormde de basis voor deze pagina\u2019s.<br \/>\nIdealiter gebruik je zo veel mogelijk echte content in deze fase, aangeleverd door je tekstschrijver.<\/p>\n<p>Concrete resultaten:<\/p>\n<ul>\n<li>definitieve designs<\/li>\n<li>CSS, JavaScript, HTML<\/li>\n<li>testscenario\u2019s<\/li>\n<li>teksten<\/li>\n<\/ul>\n<h2>Stap 5: realisatie<\/h2>\n<p>Je hebt inmiddels al goed uitgedacht hoe de back-end functionaliteit er uit moet komen zien. Dit is de fase dat je toewerkt naar een concreet eindresultaat. De werkzaamheden splits je zoveel mogelijk op naar behapbare, overzichtelijke blokken, i.e. een homepage, een reeks van formulieren.<\/p>\n<p>Concrete resultaten:<\/p>\n<ul>\n<li>ingericht CMS of complete back-end code<\/li>\n<li>definitieve testscenario\u2019s<\/li>\n<\/ul>\n<h2>Nog even over die klanten van tegenwoordig<\/h2>\n<p>Klanten zijn geen makke schapen meer aan wie je alleen maar Photoshop-bestanden hoeft te sturen. Even een open deur: klanten komen in soorten en maten. Er zijn klanten die uitstekend kunnen zien wat je bedoelt met schetsen. En er zijn klanten die alleen pagina\u2019s snappen waar kleurtjes en logo\u2019s al op aangebracht zijn. Het liefst laat ik klanten geen plaatjes meer zien, maar schetsen of klikbare webpagina&#8217;s die duidelijk maken dat het soort browser dat je gebruikt van invloed kan zijn op wat je uiteindelijk ziet.<\/p>\n<p>Een klant die dit accepteert is de ideale klant.<\/p>\n<p><em>geschreven voor Jeroen. Weet je nu wat je nodig hebt?<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Een tijdje geleden volgde ik bij Stephen Hay een workshop Rabid Prototyping. Sindsdien liep ik rond met de vraag wat je wanneer doet als je bezig bent met het ontwerp van een website. Wat doe je wanneer? En wat is het verschil tussen een prototype en een wireframe?<\/p>\n","protected":false},"author":3,"featured_media":3126,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[15,17,3],"tags":[],"class_list":{"0":"post-3071","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-geekiness","8":"category-usability","9":"category-web-design","10":"entry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Van wireframe naar realisatie - WBVB webbureau van buuren<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Van wireframe naar realisatie - WBVB webbureau van buuren\" \/>\n<meta name=\"twitter:description\" content=\"Een tijdje geleden volgde ik bij Stephen Hay een workshop Rabid Prototyping. Sindsdien liep ik rond met de vraag wat je wanneer doet als je bezig bent met het ontwerp van een website. Wat doe je wanneer? En wat is het verschil tussen een prototype en een wireframe?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@paulvanbuuren\" \/>\n<meta name=\"twitter:site\" content=\"@paulvanbuuren\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paul van Buuren\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\"},\"author\":{\"name\":\"Paul van Buuren\",\"@id\":\"https:\/\/admin.wbvb.nl\/#\/schema\/person\/17f76619517f3f7e1c62731174d8afb4\"},\"headline\":\"Van wireframe naar realisatie\",\"datePublished\":\"2011-10-31T13:12:50+00:00\",\"dateModified\":\"2021-10-13T08:19:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\"},\"wordCount\":1292,\"publisher\":{\"@id\":\"https:\/\/admin.wbvb.nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg\",\"articleSection\":[\"geekiness\",\"usability\",\"web design\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\",\"url\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\",\"name\":\"Van wireframe naar realisatie - WBVB webbureau van buuren\",\"isPartOf\":{\"@id\":\"https:\/\/admin.wbvb.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg\",\"datePublished\":\"2011-10-31T13:12:50+00:00\",\"dateModified\":\"2021-10-13T08:19:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage\",\"url\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg\",\"contentUrl\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg\",\"width\":305,\"height\":282},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/admin.wbvb.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Van wireframe naar realisatie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/admin.wbvb.nl\/#website\",\"url\":\"https:\/\/admin.wbvb.nl\/\",\"name\":\"WBVB webbureau van buuren\",\"description\":\"Webbureau Van Buuren\",\"publisher\":{\"@id\":\"https:\/\/admin.wbvb.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/admin.wbvb.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/admin.wbvb.nl\/#organization\",\"name\":\"WBVB webbureau van buuren\",\"url\":\"https:\/\/admin.wbvb.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/admin.wbvb.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2023\/02\/9A31C9EF-A6E6-48F1-B700-25B77ECFD56A.png\",\"contentUrl\":\"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2023\/02\/9A31C9EF-A6E6-48F1-B700-25B77ECFD56A.png\",\"width\":900,\"height\":900,\"caption\":\"WBVB webbureau van buuren\"},\"image\":{\"@id\":\"https:\/\/admin.wbvb.nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WBVB-Webbureau-Van-Buuren\/692268457456783\",\"https:\/\/x.com\/paulvanbuuren\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/admin.wbvb.nl\/#\/schema\/person\/17f76619517f3f7e1c62731174d8afb4\",\"name\":\"Paul van Buuren\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Van wireframe naar realisatie - WBVB webbureau van buuren","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/","twitter_card":"summary_large_image","twitter_title":"Van wireframe naar realisatie - WBVB webbureau van buuren","twitter_description":"Een tijdje geleden volgde ik bij Stephen Hay een workshop Rabid Prototyping. Sindsdien liep ik rond met de vraag wat je wanneer doet als je bezig bent met het ontwerp van een website. Wat doe je wanneer? En wat is het verschil tussen een prototype en een wireframe?","twitter_image":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg","twitter_creator":"@paulvanbuuren","twitter_site":"@paulvanbuuren","twitter_misc":{"Geschreven door":"Paul van Buuren","Geschatte leestijd":"6 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#article","isPartOf":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/"},"author":{"name":"Paul van Buuren","@id":"https:\/\/admin.wbvb.nl\/#\/schema\/person\/17f76619517f3f7e1c62731174d8afb4"},"headline":"Van wireframe naar realisatie","datePublished":"2011-10-31T13:12:50+00:00","dateModified":"2021-10-13T08:19:28+00:00","mainEntityOfPage":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/"},"wordCount":1292,"publisher":{"@id":"https:\/\/admin.wbvb.nl\/#organization"},"image":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage"},"thumbnailUrl":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg","articleSection":["geekiness","usability","web design"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/","url":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/","name":"Van wireframe naar realisatie - WBVB webbureau van buuren","isPartOf":{"@id":"https:\/\/admin.wbvb.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage"},"image":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage"},"thumbnailUrl":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg","datePublished":"2011-10-31T13:12:50+00:00","dateModified":"2021-10-13T08:19:28+00:00","breadcrumb":{"@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#primaryimage","url":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg","contentUrl":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2011\/10\/98_Minifig_drawing_patent_af.jpg","width":305,"height":282},{"@type":"BreadcrumbList","@id":"https:\/\/admin.wbvb.nl\/van-wireframe-naar-realisatie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/admin.wbvb.nl\/"},{"@type":"ListItem","position":2,"name":"Van wireframe naar realisatie"}]},{"@type":"WebSite","@id":"https:\/\/admin.wbvb.nl\/#website","url":"https:\/\/admin.wbvb.nl\/","name":"WBVB webbureau van buuren","description":"Webbureau Van Buuren","publisher":{"@id":"https:\/\/admin.wbvb.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/admin.wbvb.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/admin.wbvb.nl\/#organization","name":"WBVB webbureau van buuren","url":"https:\/\/admin.wbvb.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/admin.wbvb.nl\/#\/schema\/logo\/image\/","url":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2023\/02\/9A31C9EF-A6E6-48F1-B700-25B77ECFD56A.png","contentUrl":"https:\/\/admin.wbvb.nl\/wp-content\/uploads\/2023\/02\/9A31C9EF-A6E6-48F1-B700-25B77ECFD56A.png","width":900,"height":900,"caption":"WBVB webbureau van buuren"},"image":{"@id":"https:\/\/admin.wbvb.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WBVB-Webbureau-Van-Buuren\/692268457456783","https:\/\/x.com\/paulvanbuuren"]},{"@type":"Person","@id":"https:\/\/admin.wbvb.nl\/#\/schema\/person\/17f76619517f3f7e1c62731174d8afb4","name":"Paul van Buuren"}]}},"_links":{"self":[{"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/posts\/3071"}],"collection":[{"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/comments?post=3071"}],"version-history":[{"count":5,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/posts\/3071\/revisions"}],"predecessor-version":[{"id":4844,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/posts\/3071\/revisions\/4844"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/media\/3126"}],"wp:attachment":[{"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/media?parent=3071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/categories?post=3071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/admin.wbvb.nl\/wp-json\/wp\/v2\/tags?post=3071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}