Miedema × Vendic Miedema Bouwmaterialen Vendic

Een nieuw Hyvä-theme voor Miedema

Eén ontwerprichting, uitgewerkt over drie paginatypes. Bekijk de homepage, categorie- en productpagina en laat weten of dit de richting is voor Miedema.

Onze aanpak

Van brandbook naar Hyvä-theme — in 4 stappen

De eerste fase doen we samen. Daarna bouwt Vendic tegen een vaste prijs — het risico ligt bij ons.

Samen
Vendic
01

AI mockups

Homepage-mockups op basis van het bestaande brandbook, gebouwd met AI in HTML/Tailwind. Mix & match tot je tevreden bent.

02

Akkoord op mockup

Beide partijen committen aan het ontwerp. Eindresultaat staat vast.

03

Hyvä-theme bouwen

Vendic zet de mockup om in een productie-Hyvä-theme — vaste prijs, risico bij ons.

04

Uniek Hyvä-theme live

Een unieke shop op Vendic best practices, AI-driven gerealiseerd.

✓ Samen ontworpen ✓ AI-driven, lagere kosten ✓ Vaste prijs ✓ Risico bij Vendic

Richtingen

Kies een richting

Drie ontwerprichtingen op basis van het Miedema brandbook. Klik op een kaart om de volledige homepage te bekijken — richting A is het verst uitgewerkt, over homepage, categorie- en productpagina.

A

A — Vakwerk

Beschikbaar

Een strakke, Zwitsers-industriële balielook voor de vakhandel: een vierkant hairline-systeem, mega-menu met zoek-autocomplete en minikar — volledig in de Miedema-huisstijl.

B

B — Webshop

Beschikbaar

Een lichte, conversiegerichte webshop-homepage: een split hero met zoekbalk en vakman-foto, een snelle materiaalkiezer, een productcarrousel met prijzen en partnerlogo's. Praktisch en vertrouwd.

C

C — Editorial

Beschikbaar

Een bold, editorial richting: een zachte mint-gradient hero met tweekleurige kop, ronde beeldvlakken, icoon-categorieën en een diepblauwe CTA-band. Ruimer en premium.

Binnen richting A — Vakwerk

Homepage-varianten

Vier homepage-indelingen binnen dezelfde richting A — identieke header, navigatie, zoekfunctie, minikar, kleuren en componenten. Alleen de hero en de opbouw van de homepage verschillen. Kies de indeling die het beste bij Miedema past.

Bekijk de richtingen

Klik op een kaart om de volledige homepage te bekijken. Elke richting is gebouwd op het Miedema brandbook. Richting A — Vakwerk — is het verst uitgewerkt: vier homepage-varianten plus categorie- en productpagina.

Tailwind CSS Mega-menu & zoek-autocomplete Responsive design 100% Nederlandse content

Veelgestelde vragen

Vragen & antwoorden

Antwoorden op de belangrijkste vragen over het traject, de kosten en wat je kunt verwachten.

Kosten & budget

Wat valt er allemaal binnen het budget? +

Dit is een fixed-fee project: een vaste prijs voor een vastgestelde scope. De goedgekeurde mockup is die scope. Zo weet je vooraf exact wat je zult krijgen.

Concreet betekent dat het uitwerken van de mockup in een volwaardig Hyvä-thema:

  • Drie pagina's volledig uitgewerkt: homepage, categoriepagina en productpagina
  • Stijlgids-pagina met alle kleuren, fonts en componenten
  • Pop-ups en overlays: desktop-menu, mobiel menu, minicart en zoek-autocomplete
  • Overige pagina's (cart, checkout, etc.) op basis van het Hyvä default-thema, voorzien van jullie kleuren, fonts en componenten
Welke extra kosten kunnen er bovenop komen? +
Aanpassingen op de mockup nadat deze is goedgekeurd, vallen op basis van uurtarief. Daarnaast zijn eventuele nieuwe backend-features extra kosten. Een voorbeeld: stel dat je er een FAQ-module bij wilt hebben die nu niet in de Magento-webshop zit, dan komen die kosten erbij. Voor de door ons voorgestelde richtingen zijn geen extra kosten nodig.
Worden aanpassingen na oplevering goedkoper? +

Ja, frontend-aanpassingen worden door deze aanpak goedkoper. Doordat we een duidelijk brandbook hebben met bijbehorende mockups kunnen we in de toekomst snel nieuwe pagina's uitwerken die aansluiten bij het bestaande design.

Een concreet voorbeeld: een FAQ-pagina. Omdat de stijl, kleuren en componenten vastliggen, kunnen we zo'n pagina grotendeels AI-assisted bouwen. Dat is goedkoper dan volledig handmatig ontwerpen.

Backend-werk wordt niet makkelijker of moeilijker. Denk hierbij aan nieuwe functionaliteit zoals een retourmodule, een koppeling met een extern systeem of een aangepaste bestelflow. Dat is technisch werk dat los staat van het design.

Mobiele weergave

Wordt de mobiele webshop beter met het nieuwe concept? +
Ja. Het nieuwe thema is mobile-first gebouwd met Tailwind CSS. Elke pagina wordt eerst voor mobiel ontworpen en daarna opgeschaald naar desktop. Het resultaat is een mobiele ervaring die er vanaf het begin goed uitziet, niet achteraf is aangepast.
Wat is de alternatieve route om alleen de mobiele weergave te verbeteren, en wat kost dat? +

Alleen de mobiele weergave verbeteren en desktop hetzelfde houden is in de praktijk niet mogelijk. Kleine tweaks per schermformaat kunnen wel, maar een volledig nieuw mobiel design maken terwijl desktop intact blijft kan niet. Mobiel en desktop delen dezelfde HTML-structuur. Een nieuw mobiel ontwerp betekent andere componenten, andere indelingen en andere interacties. Dat raakt automatisch ook desktop.

Daarnaast is het in één keer consistent een design toepassen goedkoper dan losse aanpassingen. En met losse aanpassingen krijg je nooit de consistentie van een volledig nieuw thema.

Bewerkbaarheid

Hoeveel kunnen we na oplevering zelf aanpassen? +

De homepage-content is zelf aan te passen door jullie team. We gebruiken Magento-widgets en de systeemconfiguratie voor de content.

De blokken staan wel op een vaste plek. Wil je de locatie van blokken op de pagina ook aanpassen, dan heb je Hyvä Commerce nodig. Hyvä Commerce heeft een drag-and-drop editor waarmee je iedere pagina zelf kunt indelen. De licentiekosten hiervoor zijn €3.000 per jaar, te betalen aan Hyvä. Als we dit vooraf weten, maken we alle blokken op de homepage Hyvä Commerce-ready zodat je ze met de pagebuilder kunt drag-and-droppen. Wij rekenen hier geen meerkosten voor.

Wordt zelf aanpassen makkelijker, moeilijker of vergelijkbaar met nu? +
Vergelijkbaar met nu. Jullie kunnen nu al content aanpassen en dat blijft hetzelfde. Wat wél verandert is de gebruiksvriendelijkheid van de webshop zelf: een beter design, betere navigatie en een consistente uitstraling. Als jullie problemen ondervinden met bepaalde aanpassingen kunnen we dat meenemen als we het thema bouwen.

Betrokkenheid & planning

Wanneer moeten we de keuze maken? +

De aangegeven prijs is een introductieprijs, omdat we nog niet exact weten wat onze interne ontwikkelkosten zullen zijn. We zoeken een viertal klanten die dit traject met ons willen doen zodat wij een inschatting kunnen maken van onze werkelijke kosten. Zodra de werkelijke kosten bekend zijn zullen we de prijs hierop aanpassen.

De huidige prijs heeft een geldigheid tot 12 juni 2026.

Hoe betrokken kunnen we zijn tijdens de ontwikkeling? +

Fase 1: mockup (samen). Jullie betrokkenheid is hier erg hoog. Jullie kunnen input geven op de mockups en er eventueel zelf mee aan de slag gaan. Dit doen we samen totdat de mockup goedgekeurd is door beide partijen.

Fase 2: bouw (Vendic). Zodra de mockup is goedgekeurd, bouwt Vendic het thema. Jullie betrokkenheid is hier laag. Zodra een pagina klaar is laten we het via Slack weten aan de stakeholders, zodat jullie tussentijds kunnen meekijken. Aan het einde doen jullie een eindinspectie.

Risico & rendement

Hoe maken we aantoonbaar dat deze investering het waard is? +
Die vraag kunnen wij niet voor jullie beantwoorden. Wij kennen jullie omzetcijfers, marges, marketinginspanningen en conversiedata niet. Of een nieuw thema de investering waard is hangt af van jullie eigen business case. Wat wij wél kunnen zeggen: een consistente, snelle webshop met een professionele uitstraling draagt bij aan vertrouwen en conversie. Maar de afweging is aan jullie.
Het risico ligt grotendeels bij Vendic. Maar wat kan er toch bij ons terechtkomen? +

Het grootste projectrisico is de bouw: hoeveel uren kost het om de mockup om te zetten naar een werkend thema? Dat risico ligt volledig bij Vendic. De vaste prijs verandert niet, ongeacht hoeveel uren wij nodig hebben.

Jullie risico zit in de mockup-fase. De mockups gebruiken echte productdata uit jullie webshop, dus wat je ziet is realistisch en dicht bij het eindresultaat. Zodra de mockup is goedgekeurd en we beginnen met bouwen, is de mockup leidend. Extra wensen die niet in de goedgekeurde mockup staan zijn meerwerk en vallen buiten de vaste prijs.

Daarom is het belangrijk om in de mockup-fase goed na te denken over wat jullie willen. Reken op circa een dag werk (rond de €1.000) voor kleinere aanpassingen die na de mockup-fase naar boven komen. Bij grotere wijzigingen kan dit meer zijn. Ons advies: investeer liever extra tijd in de mockup-fase, dat bespaart kosten achteraf.

Na oplevering

Hoe zit het met bugfixes en optimalisaties na livegang? +

Zodra het Hyvä-thema is opgeleverd, is de fixed-fee opdracht afgerond. Eventuele bugfixes en optimalisaties na de livegang worden op uurbasis afgerekend, zoals we nu ook al doen.

We denken erover om dit in de toekomst ook fixed-fee aan te bieden: Magento-updates, bugfixes, monitoring en support voor een vaste maandelijkse prijs. Laat het weten als jullie hier interesse in hebben, dan bespreken we dat los.