Metaal Art, een vooraanstaand bedrijf dat gespecialiseerd is in hoogwaardige metaalbewerkingen zoals stalen deuren, trappen, vloerluiken en meubels, stond voor de uitdaging om hun online aanwezigheid te verbeteren. Met een indrukwekkend portfolio van gerealiseerde projecten voldeed hun oude WordPress-website echter niet meer aan de behoeften en ambities van het bedrijf. Het was duidelijk dat een nieuwe aanpak nodig was om de online presentatie van hun vakmanschap te versterken.
De uitdaging waarmee Metaal Art werd geconfronteerd, was veelzijdig. Hun oude website kampte met diverse problemen die de groei en zichtbaarheid van het bedrijf belemmerden. Allereerst waren er technische beperkingen van het WordPress-platform, zoals traagheid door zware content en het onvermogen om uitgebreide aanvraagformulieren te integreren. Dit beperkte niet alleen de functionaliteit van de site, maar ook de mogelijkheid om uitleg- en demonstratiefilmpjes te tonen, wat essentieel was voor het laten zien van hun complexe projecten. Bovendien zorgde de beperkte vindbaarheid van de website en de trage prestaties ervoor dat potentiële klanten moeilijk hun weg naar Metaal Art vonden, wat resulteerde in gemiste kansen.
De opdracht was duidelijk: creëer een compleet nieuwe website die niet alleen voldoet aan de huidige behoeften van Metaal Art, maar ook toekomstbestendig is. De nieuwe website moest de huisstijl van Metaal Art weerspiegelen, een boeiende projectomgeving bieden waar gebruikers gemakkelijk door het portfolio kunnen bladeren, en een dynamisch formulier bevatten waar bezoekers eenvoudig een offerte kunnen aanvragen voor mooie stalen constructies van Metaal Art. Daarnaast was het van cruciaal belang om de website te optimaliseren voor zoekmachines, zodat Metaal Art beter vindbaar zou zijn voor potentiële klanten.
Voor de ontwikkeling van de website kozen we voor een op maat gemaakte oplossing, die zorgt voor optimale prestaties en schaalbaarheid. Dit stelt Metaal Art in staat om de website eenvoudig uit te breiden en aan te passen naarmate hun behoeften evolueren. Een belangrijk onderdeel van de nieuwe site is de projectomgeving, die is ontworpen om gebruikers een meeslepende ervaring te bieden. Bezoekers kunnen moeiteloos door de verschillende projecten bladeren en zich verdiepen in de details van elk project. Tot slot, hebben we een geavanceerd aanvraagformulier geïntegreerd, waarmee klanten snel en eenvoudig een offerte kunnen aanvragen. Dit maakt het bestelproces efficiënter en zorgt voor een fijne ervaring voor de klant.
Een van de belangrijkste onderdelen van de nieuwe website is de 3D product configurator, die klanten in staat stelt om hun eigen stalen deur samen te stellen en direct een offerte aan te vragen. De configurator is ontworpen om intuïtief en gebruiksvriendelijk te zijn, zodat klanten moeiteloos door het proces kunnen navigeren en hun ideale deur kunnen creëren en aanpassen. De configurator biedt een breed scala aan opties, waaronder verschillende deurmodellen, afmetingen, kleuren en afwerkingen, zodat klanten hun deur volledig kunnen aanpassen aan hun wensen en behoeften. Zodra de klant tevreden is met hun ontwerp, kunnen ze direct een offerte aanvragen, waardoor het bestelproces snel en eenvoudig verloopt.
De website en het CMS waarin alle projecten, gebruikers, aanvragen en offertes worden beheerd, zijn ontwikkeld in React en NextJS. Daarnaast is er gebruikgemaakt van Google Firebase voor de database en het beveiligd opslaan van alle gegevens. De 3D product configurator is ontwikkeld in Three.js, een krachtige JavaScript-bibliotheek voor het maken van 3D-animaties en -visualisaties.
React
Next.js
Firebase
Three.js
