{"id":8086,"date":"2024-09-08T12:27:41","date_gmt":"2024-09-08T12:27:41","guid":{"rendered":"https:\/\/old-2023.weichie.com\/?post_type=works&p=8086"},"modified":"2024-09-08T13:21:10","modified_gmt":"2024-09-08T13:21:10","slug":"viewbox","status":"publish","type":"works","link":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/","title":{"rendered":"Viewbox"},"content":{"rendered":"
\n
\n
\n Introductie<\/b>\n\n
\n

Empowering brands through modular spaces<\/p>\n \n

\n
\n

Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, waardoor elk project naadloos en impactvol is. Hun aanpak stelt u in staat om met gemak te voldoen aan strakke tijdlijnen en hoge verwachtingen, terwijl uw creatieve visie werkelijkheid wordt.<\/p>\n

Viewbox ondersteunt eersteklas merken met esthetisch geavanceerde modulaire ruimtes en is toonaangevend in het leveren van de belofte van Spantech Group van op maat gemaakte tijdelijke en permanente bouwoplossingen wereldwijd.<\/p>\n

Hun reis begon met een visie om de modulaire bouwsector te revolutioneren door onge\u00ebvenaarde esthetiek te combineren met geavanceerde functionaliteit. Tegenwoordig staat Viewbox voorop in innovatie en cre\u00ebert het op maat gemaakte ruimtes die voldoen aan de unieke vereisten van hun diverse klantenkring.<\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n
\n \"viewbox\n <\/div>\n
\n
\n \"viewbox\n <\/div>\n
\n \"viewbox\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n
\n
\n
\n Strategie<\/b>\n\n
\n

Onze aanpak.<\/p>\n \n

\n
\n

Combineer elegantie met veelzijdigheid om unieke ruimtes te cre\u00ebren voor brand-activaties, werkruimtes en pop-ups.<\/p>\n<\/div>\n

\n

UX\/UI Design<\/h3><\/div>\n
\n

Viewbox is onderdeel van Spantech en we hebben voor dit project samengewerkt met Brand & Design Studio Onion in Brussel. Het algehele designsysteem voor de website werd bij ons afgeleverd in Figma. En we konden alle assets, grids, kleuren, lettertypes, … van daaruit halen om de ontwikkeling van de Viewbox-website te starten.<\/p>\n<\/div>\n

\n

Development<\/h3><\/div>\n
\n

De website is ontwikkeld op WordPress en gebruikt Barbajs om soepel van pagina naar pagina te gaan. Hierdoor laadt de website sneller en is naadloze navigatie door alle webpagina’s mogelijk.<\/p>\n

Wij geloven dat onze ontwikkelingsaanpak ons \u200b\u200bonderscheidt van de concurrentie en echte waarde levert aan onze klanten. Door net dat stapje extra te zetten, moet de klant zowel online als offline buitengewoon zijn, zonder all-in te gaan op animaties en WebGL-ontwikkelingen.<\/p>\n<\/div>\n

\n

Ondersteuning<\/h3><\/div>\n
\n

Onze relatie met Spantech eindigde niet nadat hun corporate website werd gelanceerd. We hielpen hen met het migreren van al hun hostingpakketten naar een meer kostenvriendelijke oplossing. Als digitale partner konden we ook hun dochterbedrijfswebsite Viewbox ontwikkelen.<\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n Performance<\/b>\n \n
\n
\n

De overgang van de vooraf geladen pagina<\/p>\n

Als je de website beter bekijkt, zul je merken dat wanneer je door de pagina’s navigeert, de pagina zelf eigenlijk nooit ververst. Je animeert snel naar de volgende pagina, maar de browser hoeft niet alle gegevens opnieuw op te halen.<\/p>\n

We halen de volgende pagina al op wanneer je met de muis over de link beweegt. Er zit gemiddeld 0,3 seconden tussen het bewegen van de muis over een link en het daadwerkelijk klikken erop. Deze tijd is genoeg om de volgende pagina al voor je op te halen.<\/p>\n

Een pagina wordt nooit twee keer opgehaald en omdat deze methode niet de volledige head (alleen de pagina-inhoud) nodig heeft, is deze laadmethode extreem performant.<\/p>\n

We gebruiken ook de Google-gebeurtenis ‘History Change’ om Single Page Application-weergaven correct bij te houden voor sitestatistieken.<\/p>\n <\/div>\n

\n
    \n
  • \n \"\"\n <\/li>\n
  • \n \"\"\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n
    \n
    \n
    \n
    \n
    \n \"\"\n <\/div>\n
    \n \"\"\n <\/div>\n <\/div>\n
    \n \"\"\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n
    \n
    \n
    \n Technologie<\/b>\n\n
    \n

    Onze gebruikte tech-stack<\/p>\n \n

    \n
    \n

    Wat gebeurt er achter de schermen van de Viewbox-website?<\/p>\n<\/div>\n

    \n

    Hubspot Integratie<\/h3><\/div>\n
    \n

    De contactformulieren op de website zijn naadloos ge\u00efntegreerd met de Hubspot CRM. Op deze manier kunnen we op maat ontworpen contactformulieren op de website hebben zonder form-embeds van Hubspot zelf te gebruiken. Het laden in externe iframes is zowel een prestatieprobleem als een hoger beveiligingsrisico voor uw website.<\/p>\n

    Met de aangepaste velden hebben we 100% flexibiliteit in de velden die in het formulier worden gebruikt en de lay-out voor de formulieren tussen desktop, tablets en telefoons. Het indienen van het formulier stuurt een API-verzoek naar Hubspot om uw verzoek te registreren in het CRM-systeem van Viewbox.<\/p>\n

    Op deze manier is het ook mogelijk om verborgen formulieren toe te voegen aan het veld voordat u het indient bij de CRM, met aanvullende gegevens zoals de pagina waarop het formulier wordt ingevuld of de taal die de gebruiker op de website heeft geselecteerd.<\/p>\n<\/div>\n

    \n

    Herbruikbare Blokken & Patronen<\/h3><\/div>\n
    \n

    De nieuwe Viewbox-website is ontwikkeld op WordPress. We gebruiken de native Gutenberg-editor om de blokken opnieuw op te bouwen vanuit het ontwerpsysteem. Dit maakt de website ongelooflijk flexibel in termen van paginabewerking en het maken van nieuwe content.<\/p>\n

    Dit maakt het ook mogelijk om specifieke blokken op een pagina te maken, zoals FAQ-dropdowns of partnerlogobanners, en hetzelfde blok op meerdere pagina’s te hergebruiken. Als u een partner aan de banner wilt toevoegen, hoeft u deze slechts \u00e9\u00e9n keer bij te werken om de partner overal handmatig toe te voegen.<\/p>\n

    Maar er is meer: \u200b\u200bu kunt ook een herbruikbaar blok afmelden om de mogelijkheid te krijgen om het blok specifiek voor een enkele pagina te bewerken.<\/p>\n<\/div>\n

    \n

    Custom Sliders<\/h3><\/div>\n
    \n

    De Viewbox-website gebruikt nog 2 geavanceerdere aangepaste sliders. Een daarvan is een galerijslider voor projecten, die bezoekers de mogelijkheid geeft om de galerij als een raster te bekijken, of deze liever als een slider te hebben. De keuze van de gebruiker wordt opgeslagen in een cookie, zodat hij deze keuze niet opnieuw hoeft te maken bij een bezoek aan een ander project. Het raster transformeert naadloos naar een slider – en vice versa.<\/p>\n

    Er is ook een technische slider aanwezig op de website die zowel de achtergrond van de slider als de technische specificaties van het product verplaatst. De achtergrond gebruikt een andere overgang dan de inhoud op de slider.<\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.<\/p>\n","protected":false},"featured_media":8094,"parent":0,"menu_order":0,"template":"","categories":[217],"tags":[160,165,175,149],"class_list":["post-8086","works","type-works","status-publish","has-post-thumbnail","hentry","category-website","tag-hosting-nl","tag-maintenance-nl","tag-webdesign-nl","tag-wordpress-nl"],"acf":[],"yoast_head":"\nViewbox Case Study - Weichie.com<\/title>\n<meta name=\"description\" content=\"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Viewbox Case Study - Weichie.com\" \/>\n<meta property=\"og:description\" content=\"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Weichie.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weichiecom\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-08T13:21:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2024\/09\/viewbox-thumb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1288\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Viewbox Case Study - Weichie.com\" \/>\n<meta name=\"twitter:description\" content=\"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/\",\"url\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/\",\"name\":\"Viewbox Case Study - Weichie.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/old-2023.weichie.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/viewbox-thumb.jpg\",\"datePublished\":\"2024-09-08T12:27:41+00:00\",\"dateModified\":\"2024-09-08T13:21:10+00:00\",\"description\":\"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/#primaryimage\",\"url\":\"https:\\\/\\\/old-2023.weichie.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/viewbox-thumb.jpg\",\"contentUrl\":\"https:\\\/\\\/old-2023.weichie.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/viewbox-thumb.jpg\",\"width\":1920,\"height\":1288,\"caption\":\"viewbox case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/works\\\/viewbox\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Viewbox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/\",\"name\":\"Weichie.com\",\"description\":\"Digital Agency in Brussels & New York\",\"publisher\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#organization\"},\"alternateName\":\"Weichie\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#organization\",\"name\":\"Weichie.com\",\"alternateName\":\"Weichie\",\"url\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/old-2023.weichie.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Weichie_full.png\",\"contentUrl\":\"https:\\\/\\\/old-2023.weichie.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Weichie_full.png\",\"width\":1181,\"height\":177,\"caption\":\"Weichie.com\"},\"image\":{\"@id\":\"https:\\\/\\\/old-2023.weichie.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weichiecom\\\/\",\"https:\\\/\\\/www.instagram.com\\\/weichiecom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/weichie\\\/\"],\"description\":\"A digital agency based in Brussels and New York. We create high-quality digital experiences for brands and help them promote their business through the online world! Specialised in websites, e-commerce, SEO and applications.\",\"email\":\"hello@weichie.com\",\"telephone\":\"+32 469 129 449\",\"legalName\":\"Weichie.com\",\"vatID\":\"0782.257.983\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Viewbox Case Study - Weichie.com","description":"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"nl_NL","og_type":"article","og_title":"Viewbox Case Study - Weichie.com","og_description":"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.","og_url":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/","og_site_name":"Weichie.com","article_publisher":"https:\/\/www.facebook.com\/weichiecom\/","article_modified_time":"2024-09-08T13:21:10+00:00","og_image":[{"width":1920,"height":1288,"url":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2024\/09\/viewbox-thumb.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Viewbox Case Study - Weichie.com","twitter_description":"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/","url":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/","name":"Viewbox Case Study - Weichie.com","isPartOf":{"@id":"https:\/\/old-2023.weichie.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/#primaryimage"},"image":{"@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/#primaryimage"},"thumbnailUrl":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2024\/09\/viewbox-thumb.jpg","datePublished":"2024-09-08T12:27:41+00:00","dateModified":"2024-09-08T13:21:10+00:00","description":"Viewbox biedt modulaire bouwoplossingen die effici\u00ebntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.","breadcrumb":{"@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/#primaryimage","url":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2024\/09\/viewbox-thumb.jpg","contentUrl":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2024\/09\/viewbox-thumb.jpg","width":1920,"height":1288,"caption":"viewbox case study"},{"@type":"BreadcrumbList","@id":"https:\/\/old-2023.weichie.com\/nl\/works\/viewbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/old-2023.weichie.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Viewbox"}]},{"@type":"WebSite","@id":"https:\/\/old-2023.weichie.com\/nl\/#website","url":"https:\/\/old-2023.weichie.com\/nl\/","name":"Weichie.com","description":"Digital Agency in Brussels & New York","publisher":{"@id":"https:\/\/old-2023.weichie.com\/nl\/#organization"},"alternateName":"Weichie","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/old-2023.weichie.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/old-2023.weichie.com\/nl\/#organization","name":"Weichie.com","alternateName":"Weichie","url":"https:\/\/old-2023.weichie.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/old-2023.weichie.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2023\/11\/Weichie_full.png","contentUrl":"https:\/\/old-2023.weichie.com\/wp-content\/uploads\/2023\/11\/Weichie_full.png","width":1181,"height":177,"caption":"Weichie.com"},"image":{"@id":"https:\/\/old-2023.weichie.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weichiecom\/","https:\/\/www.instagram.com\/weichiecom\/","https:\/\/www.linkedin.com\/company\/weichie\/"],"description":"A digital agency based in Brussels and New York. We create high-quality digital experiences for brands and help them promote their business through the online world! Specialised in websites, e-commerce, SEO and applications.","email":"hello@weichie.com","telephone":"+32 469 129 449","legalName":"Weichie.com","vatID":"0782.257.983","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/works\/8086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/works"}],"about":[{"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/types\/works"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/media\/8094"}],"wp:attachment":[{"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/media?parent=8086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/categories?post=8086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/old-2023.weichie.com\/nl\/wp-json\/wp\/v2\/tags?post=8086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}