A webshop that feels
like an app.

Nomad Fire is a mobile webshop where everything you need sits at the bottom, within reach of your thumb: menu, chat, wishlist and cart. Scroll down and the content gets the whole screen. Scroll back and the dock and header are there again.
Website & webshop

Case Nomad Fire Co. · Mobile

Three phones showing nomadfire.shop: the homepage with the dock at the bottom, the menu as a panel and a product page with the buy button above the dock
Why at the bottom

Your thumb can't reach the top corner.

Researcher Steven Hoober watched more than 1,300 people to see how they hold their phone. Almost half, 49 percent, used it with one hand and tapped with their thumb. That thumb reaches the bottom of the screen easily, the top corners not. That is why Google and Apple recommend in their design guidelines to put the main navigation at the bottom.

Yet most webshops keep their menu, search button and cart at the top, behind a hamburger icon. And in the bottom right a chat bubble floats right over the buttons you need. For Nomad Fire we turned that around: everything you use often sits in one dock at the bottom, and the chat is a button there instead of a bubble.

Design for the thumb, not the mouse.

How it works

An app feel, without an app.

Dock at the bottom

Home, favourites, menu, chat and cart sit in one bar at the bottom of the screen, where your thumb already is.

Scrolling makes room

Scroll down and the header and dock slide away, giving the product the whole screen. Scroll back a little and they're there again.

No floating chat bubble

The chat is a button in the dock. Nothing floats over your buttons any more, and every conversation lands in the same inbox.

Menu with images

The menu opens as a panel from the dock, with a photo per product group. One tap further are the ranges, such as Pro III and Classic.

Buy button stays in view

On the product page the buy button with the price sits just above the dock. No need to scroll back to order.

Cart as a drawer

The cart slides up from the bottom, with your bundle discount included. Checkout is one tap away.
In pictures

How it works on your phone.

Menu
Menu
From product group to range, from the dock
Product page
Product page
Buy button with price just above the dock
Cart
Cart
Drawer with bundle discount
Chat
Chat
A button in the dock, not a floating bubble
Why this way

Every choice removes a hurdle.

A floating chat bubble seems handy, but on a phone it lands right over the buy button or the cart. Visitors open the chat by accident, or can't see the button they were looking for. Putting the chat in the dock keeps it always available, without ever covering anything.

The header that slides away as you scroll gives a 6-inch phone its screen back. On a product page full of photos and specifications, that is quickly a fifth of the view. Anyone who wants to go back up only needs to swipe up a little, just like in an app.

The menu as a panel above the dock keeps the thumb in the same zone. You open the menu at the bottom, pick a product group with a photo and tap through to a range, without moving your hand. The same button takes you back.

What you use often belongs where your thumb already is.

FAQ

Frequently asked questions about a mobile webshop with a dock

A dock is a fixed bar at the bottom of the screen with the main actions: home, favourites, menu, chat and cart. You know it from apps. It sits where your thumb already is, so you don't have to reach for the top corner.
Research by Steven Hoober among more than 1,300 people showed that 49 percent use their phone with one hand, with their thumb. That thumb reaches the bottom easily and the top corners not. That is why Google and Apple recommend putting the main navigation at the bottom.
No. Scroll down and the header and dock slide away, giving the content the whole screen. Scrolling back a little brings them into view again.
The chat has become a button in the dock. Nothing floats over the buy button or the cart any more, and every conversation still lands in the Nomad Fire inbox.

A webshop that really works on mobile?

We show you the Nomad Fire mobile shop on your own phone.
View pricing