HOMEPAGE_MOBİL.jpg

BODUM ​MOBILE UI DESIGN

DESIGN BRIEF

Mobile ui design for the new bodum.com mobile experience.

Contempco was commissioned by bodum to work with their development team on their new mobile website.

HOMEPAGE

POP UP |

COUNTRY SELECTION

HOMEPAGE

FILTER

CATEGORIES PAGE

FILTER BY CATEGORY

This is where you land when you search by product category like coffee, tea, etc.

HOMEPAGE

CATEGORY

HOMEPAGE

BRANDS FILTER

HOMEPAGE

SEALS

Marketing items like campagin banner placeholder
Images and deals are in more mobile appropriate frames

HOMEPAGE

DEALS | BEST SELLERS

DEALS.png

HOMEPAGE

DEALS

This is where you land when you click on view all after selecting a category or section on search page.

BRANDS.png

BRANDS PAGE

This is where you land when you search for the brand you want to shop by. You can still narrow your search down by selecting type of product category / price / color etc.

HOMEPAGE

BRANDS

HOMEPAGE

REVIEWS

PRODUCTPAGE

FOOTER

PRODUCT PAGE.png

PRODUCTPAGE

Image
Zoom In
Scroll Right/left
Social Media/share
Integrations
Marketing Items Like Related Products, Often Bought With, Spare Parts
Highlights To Be Shown With Icon
Filter Band Design To Easily Go Back To Any Other Category
Customer Review
Cleaner Footer
Go Back To Top Button On The Right Bottom Corner

PRODUCTPAGE

Pop up of cart addition notification with a pop up, and option to “go to cart” right away.

PRODUCTPAGE_4-1.jpg

PRODUCTPAGE

OUT OF STOCK NOTIFICATION 

Out of stock pop up notification with email submission button to remind people when the item is back in the store.

PRODUCT PAGE_4.png

CHECKOUT

BAG

Selected products in bag.

PRODUCT PAGE_5.png

CHECKOUT

SIGN IN

Once they check out give them to option to sign in or sign up if they haven’t signed up yet. 
Add guest checkout with an additional reminder to subscribe to mailing list.