Viewbox biedt modulaire bouwoplossingen die efficiëntie combineren met high-end esthetiek, om elk project naadloos en impactvol te maken.
Empowering brands through modular spaces
Viewbox biedt modulaire bouwoplossingen die efficiëntie 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.
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.
Hun reis begon met een visie om de modulaire bouwsector te revolutioneren door ongeëvenaarde esthetiek te combineren met geavanceerde functionaliteit. Tegenwoordig staat Viewbox voorop in innovatie en creëert het op maat gemaakte ruimtes die voldoen aan de unieke vereisten van hun diverse klantenkring.
Onze aanpak.
Combineer elegantie met veelzijdigheid om unieke ruimtes te creëren voor brand-activaties, werkruimtes en pop-ups.
UX/UI Design
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.
Development
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.
Wij geloven dat onze ontwikkelingsaanpak ons onderscheidt 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.
Ondersteuning
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.
De overgang van de vooraf geladen pagina
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.
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.
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.
We gebruiken ook de Google-gebeurtenis ‘History Change’ om Single Page Application-weergaven correct bij te houden voor sitestatistieken.
Onze gebruikte tech-stack
Wat gebeurt er achter de schermen van de Viewbox-website?
Hubspot Integratie
De contactformulieren op de website zijn naadloos geïntegreerd 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.
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.
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.
Herbruikbare Blokken & Patronen
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.
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 één keer bij te werken om de partner overal handmatig toe te voegen.
Maar er is meer: u kunt ook een herbruikbaar blok afmelden om de mogelijkheid te krijgen om het blok specifiek voor een enkele pagina te bewerken.
Custom Sliders
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.
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.
