Hoe geef je een groot staalassortiment overzichtelijk weer?

Voor Hoek Staalhandel gingen we aan de slag om hun brede assortiment aan staalproducten overzichtelijk weer te geven. We hebben een razendsnelle website ontwikkeld waarbij het aanbod op een duidelijke manier worden weergegeven. De offerteaanvraag is naadloos geïntegreerd met het administratie platform van Hoek.

Website Hoek Staalhandel
OpdrachtgeverHoek Staalhandel
ServicesFrontend Development / Backend Development / UI-UX Design
TechNext.js / Tailwind CSS / Typescript / Laravel / Vercel / AWS
DatumJanuari 2024

Welk probleem lossen we op?

Met een rijke geschiedenis van meer dan 140 jaar is Hoek Staalhandel uit Ouddorp een gevestigde naam als betrouwbare leverancier van staal. Hoek Staalhandel klopte bij ons aan om hun website te moderniseren en gebruikerservaring te verbeteren.

We gebruikten de bestaande huisstijl van Hoek als fundering, maar voegden daar onze eigen moderne tint aan toe. In Figma zetten we een design-system op, waarmee we verschillende componenten van de website in detail kunnen uitwerken. Met deze components hebben we de pagina layouts uitgewerkt.

De oude website had twee belangrijke knelpunten: het assortiment was niet duidelijk inzichtelijk waardoor nieuwe potentiele klanten niet inzichtelijk hadden wat Hoek Staalhandel aanbiedt. Daarnaast was er geen eenvoudige manier om online een offerte aan te vragen.

De maatwerk oplossing

Het aanbod van Hoek is erg breed. Met verschillende types, varianten en specificaties voor elk product hebben we gekozen voor een interactieve, dynamische oplossing.

We categoriseren de producten eerst op basis van het type (balk, buis, plaat). Deze categorieën worden vervolgens weer onderverdeeld in subcategorieën (H-Balken, I-Balken, U-Balken) die vervolgens weer verschillende types en specificaties hebben. Op deze manier kan de bezoeker snel vinden wat hij zoekt.

Ook is de website voorzien van een strak offerte aanvraag formulier. Hiermee kunnen bedrijven en particulieren direct online een offerte aanvragen. De offerte aanvraag wordt vervolgens automatisch verwerkt en doorgestuurd naar het administratie platform van Hoek Staalhandel.

Om aan al deze eisen te voldoen hebben we gekozen voor de volgende techstack:

Next.js

Voor het ontwikkelen van razendsnelle interactieve websites

TailwindCSS

Voor het ontwikkelen van een consistente gebruikservaring

Typescript

Voor het type-safe ontwikkelen van de website

Laravel

Voor het ontwikkelen van een REST API om de website te voorzien van data

De website is volledig responsive, geoptimaliseerd voor SEO en laadt razendsnel, wat de gebruikerservaring verder verbetert.

Kort samengevat:

We hebben de website van Hoek Staalhandel volledig vanaf niets opgebouwd en in een modern jasje gestoken. Knelpunten opgelost door middel van een overzichtelijk aanbod met dynamische productweergave. Eenvoudig offerteaanvragen via het offerte formulier die automatisch binnenkomen in het administratiesysteem van Hoek.

Gert-Jan

Hoek Staalhandel B.V.

starstarstarstarstar

De samenwerking verliep goed. Afspraken werden nagekomen, en er werd actief mee gedacht. Er was veel initiatief vanuit Pixel Perfect Agency. Als je van een kwalitatief stukje ICT houdt, raad ik Pixel Perfect aan.