Duten

Zes afwerkingen, drie talen

Sector: Kranen en sanitair
Wat ik deed: WebsiteKlant van web0
Website: duten.com (opent in een nieuw tabblad)

Fig. 1De live site, in beweging

De klant

Duten maakt kranen, sensorkranen en toebehoren in roestvrij staal voor professionele sanitaire ruimtes, geïnspireerd op Frans design. Architecten en voorschrijvers kiezen ze op afwerking en op specificaties.

Het probleem

Een gamma dat verkoopt op afwerking en detail, moet je van dichtbij zien. Voorschrijvers hebben de technische fiche nodig, en iedereen moet alle zes afwerkingen kunnen zien zonder een pdf te openen.

Wat ik deed

Ik ontwierp en bouwde de site. De keuze van de afwerking staat centraal: kies een van de zes afwerkingen en de kraan verandert mee. Productpagina’s houden de specificaties naast het product, en de site draait in het Frans, Engels en Duits.

Afwerkingskiezer van Duten: een sensorkraan in koper-PVD — 2/22Kies een afwerking en het hele gamma volgt.

Productpagina van de Duten R311-L: een sensormengkraan in messing naast de volledige specificaties — 3/22

Gamma van Duten: R311-L, R300-S, A810-N en Q920-S, elk in een eigen kader getekend — 4/22

Duten op een gsm: het openingsscherm — 5/22

Duten op een gsm: kies een afwerking — 5/22

Productpagina van de deurklink Q920-S: een render van de geborstelde stalen hendel naast de specificatiekaart, met het modelnummer groot erachter. — 6/22

Uitsnede van de specificatiekaart van de Q920-S: naam, kenmerken, afmetingen, bolletjes om de afwerking te kiezen en het Mue Concept-label. — 7/22De specificatiekaart op 100 %.

Tweede slide van de productgalerij van de Q920-S: een foto van de klink op een donkere deur, met de specificatiekaart erover. — 8/22Slide 2 van de galerij op dezelfde productpagina.

Productpagina van de bedieningsplaat R300-S: een donkere foto van de stalen plaat met de twee knoppen, de specificatiekaart rechts. — 9/22

Productpagina van de sifon A810-N in de afwerking mat zwart. — 10/22Mat zwart (koveta).

Productpagina van de zeepdispenser S282-L in de afwerking messing-PVD. — 11/22Messing-PVD (iflusse).

Het productoverzicht met de cursor op een categorie: de naam “Toilet roll dispensers” verschijnt in grote witte letters over de productrenders. — 12/22Hoverstatus op een categorie.

Een rij van de pagina voor de afwerking mat zwart: drie producttegels met modelnummers, en de afwerkingskiezer links. — 13/22De pagina voor mat zwart.

Dezelfde rij op de pagina voor koper-PVD: drie koperen kranen in hun tegels. — 14/22De pagina voor koper-PVD.

15/22De naam van de afwerking loopt vol met messing.

16/22

Explosietekening van Mue Concept: een kraan uit elkaar gelegd, met labels voor de perlators, het lichaam en de uitloop, en de gevlochten aansluitslangen. — 17/22

Sectie van Mue Concept over circulaire systemen: titel en tekst naast een foto van een kraanlichaam dat op een polijstschijf wordt gepolijst. — 18/22

19/22Hoverfoto’s op de projectenlijst.

Een project geopend vanuit de lijst: No 1 Knightsbridge, Londen, met een foto van de ingang van het gebouw, programma, klant, oppervlakte en een korte tekst. — 20/22Projectdetail met de pijlen van de galerij.

Sectie “Optimum choices for your plans” op de Over ons-pagina: tekst over de afwerkingen naast kranen en onderdelen in verschillende afwerkingen, elk met een kleurbolletje. — 21/22

Sectie “One Line / One Intention” op de Over ons-pagina: foto’s van een kraan in de hand en een kraan op ontwerpschetsen, naast de titel en de tekst. — 22/22

Colofon

Mijn deel van het project voor Duten, zoals het was afgebakend. Ik werkte samen met het eigen team van Duten, en wat niet op deze lijst staat, is van hen.

Door mij

Website

Bouw je iets zoals Duten?

Vertel me erover in een kort gesprek. Als het klikt, krijg je een vaste prijs nog voor er werk begint.

Plan een gesprek van 20 minuten Al het werk

Sprint: vanaf € 8.000
Marathon: vanaf € 7.500 per maand
Meestal online in: 2–4 weken

Jouw lanceringPlan een gesprek

Volgende caseHims Homepage en intake, opnieuw gebouwd · Online zorg voor mannen

De website van Hims: “Weight loss personalized to you” boven een raster met behandelingen