Een webshop die voelt
als een app.

Nomad Fire is een mobiele webshop waar alles wat je nodig hebt onderin zit, binnen bereik van je duim: menu, chat, verlanglijst en winkelwagen. Scroll je naar beneden, dan krijgt de inhoud het hele scherm. Scroll je terug, dan zijn dock en header er meteen weer.
Website & webshop

Case Nomad Fire Co. · Mobiel

Drie telefoons met nomadfire.shop: de homepage met de dock onderin, het menu als paneel en een productpagina met de koopknop boven de dock
Waarom onderin

Je duim komt niet bij de bovenhoek.

Onderzoeker Steven Hoober keek bij ruim 1.300 mensen hoe ze hun telefoon vasthouden. Bijna de helft, 49 procent, bediende hem met één hand en tikte met de duim. Die duim haalt de onderkant van het scherm makkelijk, de bovenhoeken niet. Daarom adviseren Google en Apple in hun ontwerprichtlijnen om de belangrijkste navigatie onderin te zetten.

Toch hebben de meeste webshops hun menu, zoekknop en winkelwagen bovenin staan, achter een hamburgericoon. En rechtsonder zweeft een chatbubbel die precies over de knoppen valt die je nodig hebt. Voor Nomad Fire draaiden we dat om: alles wat je vaak gebruikt zit in één dock onderin, en de chat is daar een knop in plaats van een bubbel.

Ontwerp voor de duim, niet voor de muis.

Hoe het werkt

Een app-gevoel, zonder app.

Dock onderin

Home, favorieten, menu, chat en winkelwagen staan in één balk onderaan het scherm, waar je duim al is.

Scrollen geeft ruimte

Scroll je naar beneden, dan schuiven header en dock weg en krijgt het product het hele scherm. Een klein stukje terug scrollen en ze zijn er weer.

Geen zwevende chatbubbel

De chat is een knop in de dock. Er zweeft niets meer over je knoppen, en elk gesprek komt binnen in dezelfde inbox.

Menu met beeld

Het menu opent als paneel vanaf de dock, met een foto per productgroep. Een tik verder staan de reeksen, zoals Pro III en Classic.

Koopknop blijft in beeld

Op de productpagina staat de koopknop met prijs vlak boven de dock. Je hoeft niet terug te scrollen om te bestellen.

Winkelwagen als lade

De winkelwagen schuift van onderen in beeld, met je bundelkorting erbij. Afrekenen is één tik verder.
In beeld

Zo werkt het op je telefoon.

Menu
Menu
Van productgroep naar reeks, vanuit de dock
Productpagina
Productpagina
Koopknop met prijs vlak boven de dock
Winkelwagen
Winkelwagen
Lade met bundelkorting
Chat
Chat
Een knop in de dock, geen zwevende bubbel
Waarom zo

Elke keuze haalt een drempel weg.

Een zwevende chatbubbel lijkt handig, maar op een telefoon valt hij precies over de koopknop of de winkelwagen. Bezoekers tikken per ongeluk de chat open, of zien de knop die ze zochten niet. Door de chat in de dock te zetten is hij er altijd, zonder ooit iets af te dekken.

De header die wegschuift bij het scrollen geeft een telefoon van 6 inch zijn scherm terug. Op een productpagina vol foto's en specificaties is dat al snel een vijfde van het beeld. Wie terug naar boven wil, hoeft alleen een klein stukje omhoog te vegen, net als in een app.

Het menu als paneel boven de dock houdt de duim in dezelfde zone. Je opent het menu onderin, kiest een productgroep met foto en tikt door naar een reeks, zonder je hand te verplaatsen. Terug gaat met dezelfde knop.

Wat je vaak gebruikt, hoort waar je duim al is.

FAQ

Veelgestelde vragen over een mobiele webshop met dock

Een dock is een vaste balk onderaan het scherm met de belangrijkste acties: home, favorieten, menu, chat en winkelwagen. Je kent het uit apps. Het staat waar je duim al is, zodat je niet naar de bovenhoek hoeft te reiken.
Onderzoek van Steven Hoober onder ruim 1.300 mensen liet zien dat 49 procent de telefoon met één hand bedient, met de duim. Die haalt de onderkant makkelijk en de bovenhoeken niet. Google en Apple adviseren daarom de hoofdnavigatie onderin.
Nee. Scroll je naar beneden, dan schuiven header en dock weg en krijgt de inhoud het hele scherm. Een klein stukje terug scrollen brengt ze weer in beeld.
De chat is een knop in de dock geworden. Zo zweeft er niets meer over de koopknop of de winkelwagen, en komt elk gesprek gewoon binnen in de inbox van Nomad Fire.

Een webshop die op mobiel echt werkt?

We laten de mobiele shop van Nomad Fire zien op je eigen telefoon.
Bekijk prijzen