Projectcase · Live
Jan
Schuurkamp.
Een website voor een meubelstoffeerder met zestig jaar ervaring.
Ik bezocht Jans werkplaats in Veenendaal en maakte foto’s voor zijn website. Op de site kun je zijn werk bekijken, lezen hoe hij werkt en een vraag over je eigen meubel stellen.
De vraag
Laten zien wie Jan is en wat hij maakt.
Jan stoffeert en repareert meubels. Hij bespreekt met de klant wat er mogelijk is en beoordeelt een meubel persoonlijk. Dat moest op de website ook duidelijk zijn.
Na mijn bezoek gebruikte ik zijn bestaande vormgevingsvoorbeelden en meubelfoto’s voor het ontwerp. De diensten op de site zijn beperkt tot het werk dat Jan nu doet: meubelstoffering en meubelreparatie.
- Opdracht
- Website voor meubelstoffering en meubelreparatie
- Mijn rol
- Inhoud, fotografie, UX/UI, ontwikkeling en livegang
- Opzet
- Eén pagina, zonder CMS; wijzigingen via Sitemap
- Techniek
- HTML, CSS, JavaScript en een formulierbackend
- Opgeleverd
- Oktober 2026 · Veenendaal
Het ontwerp
Groen, geel en foto’s uit de werkplaats.
Het olijfgroen, geel en crème komen terug uit Jans bestaande presentatie. Ik heb die kleuren gebruikt voor de vlakken achter de foto’s en de verschillende onderdelen van de pagina.
Ook het sierlijke naambord past bij zijn werk. Voor de langere teksten heb ik meer ruimte gelaten, zodat ze op een telefoon prettig te lezen blijven.
De meubelfoto’s zijn door Jan aangeleverd; de werktafel fotografeerde ik zelf.
De indeling
Wat bezoekers op de website kunnen doen.
- 01
De werkplaats laten zien
Bovenaan wisselen foto’s van het materiaal en gereedschap elkaar af. Ernaast staat wat Jan doet en hoeveel ervaring hij heeft.
- 02
Voorbeelden bekijken
Stoelen en banken uit Jans werk staan in een fotogalerij. Op een telefoon worden de foto’s over minder kolommen verdeeld.
- 03
Een vraag over je meubel
Bezoekers kunnen een bericht met foto’s sturen. Wie liever belt of WhatsApp gebruikt, vindt die mogelijkheden bij het formulier.
Op een telefoon
Alle informatie op één pagina.
Het verhaal, de diensten, werkwijze, werkvoorbeelden en praktische informatie volgen elkaar op. Bezoekers hoeven niet tussen losse pagina’s te zoeken om een beeld van Jan te krijgen.
Op mobiel blijven het menu en de contactmogelijkheden binnen handbereik. De bewegende hero kan worden gepauzeerd en houdt rekening met een voorkeur voor minder beweging.
Formulier met foto-upload
Een foto meesturen van je stoel of bank.
Een overzichtsfoto of detail maakt een meubelvraag concreter. Bezoekers kunnen daarom maximaal drie foto’s meesturen, zonder dat dit verplicht is.
Ik heb het formulier zo gebouwd dat het de bestanden controleert en verkleint. Opgeslagen fotogegevens, zoals een locatie, worden verwijderd. Het aantal aanvragen wordt begrensd om spam te beperken.
Jan bespreekt de prijs en de werkzaamheden zelf met de klant. Met het formulier krijgt hij alvast een beeld van de vraag. Bellen en WhatsApp blijven daarnaast beschikbaar.
Bekijk het contactgedeelte
Techniek & beheer
Jan geeft wijzigingen aan mij door.
Jan wil zich op zijn vak richten en inhoudswijzigingen aan mij doorgeven. Daarom is gekozen voor een lichte website met HTML, CSS en JavaScript, zonder een CMS dat hij zelf moet bedienen.
Voor het aanvraagformulier heb ik een apart serveronderdeel gebouwd. De websitecode staat in GitHub en wordt via Vercel gepubliceerd. Een nieuwe tekst of foto kan ik daardoor voor Jan aanpassen en online zetten.
Wat ik voor de livegang heb gecontroleerd.
- Desktop- en mobiele weergave gecontroleerd
- Afbeeldingen geoptimaliseerd voor het web
- Formulier- en uploadlogica getest
- HTTPS en domeindoorverwijzingen ingericht
- Metadata, sitemap en Search Console aangesloten
Ik heb de website ook bij Google Search Console aangemeld. Google bepaalt zelf wanneer en op welke plek de pagina in de zoekresultaten verschijnt.
Het resultaat
Jans werkplaats is nu ook online te vinden.
Zijn klanten kunnen lezen wat hij doet, meubels bekijken en contact opnemen. Jan kan zich op het stofferen en repareren richten; wijzigingen aan de website verzorg ik voor hem.
Bekijk ook de case van Mirliefs