top of page
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
HOMEPAGE
DEALS
This is where you land when you click on view all after selecting a category or section on search page.
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
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
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.
CHECKOUT
BAG
Selected products in bag.
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.
bottom of page