top of page
Bodum-Logo-1.jpg

BODUM ​WEB UI DESIGN

DESIGN BRIEF

CREATING A MODERNIZED, BEAUTIFUL USER INTERFACE FOR BODUM.COM NEXT VERSION

AS A LEGENDARY BRAND, BODUM ACKNOWLEDGED THE IMPORTANCE OF HAVING A WEB SITE THAT IS PLANNED AND DESIGNED METICULOUSLY. FOR BODUM, THEIR ECOMMERCE WEBSITE IS A TRUE SALE TOOL. THAT WAS ONE OF OUR BIGGEST INSIGHTS. INSTEAD OF BEING ALL ARTSY, WE FOCUSED ON USER EXPERIENCE FIRST. ALSO BODUM WAS PREPARING FOR THE LAUNCH OF NEW BRANDS ON THEIR SITE WHICH IS A BEGINNING OF A NEW ERA FOR THE COMPANY.

AS WE REALIZED THE IMPORTANCE OF UX , WE WANTED TO ALIGN THE USER INTERFACE WITH THE BRAND GUIDELINESS. OVERALL WE FOCUSED ON SOME OF THE MOST IMPORTANT ELEMENTS LIKE EASY NAVIGATION, CLEAN FILTERS, CATEGORY SEARCH, EASY CHECKOUT, AS WELL AS WE APPLIED OUR KNOWLEDGE OF PSYCHOLOGY OF COLOR INTO DESIGN. WE ALSO CREATED A CUSTOM FILTER BAND SO THAT VISITORS COULD SHOP BY CATEGORY/ OR BRANDS.

PROJECT OUTLINE

BODUM

INSIGHTS

concept.png

RESEARCH

design.png

UI DESIGN

sketch.png

HOMEPAGE

HOME_BODUM - Kopya-1.jpg

HOMEPAGE

HOMEPAGE

FILTER

HOMEPAGE

CATEGORY

 

HOMEPAGE

BRANDS

HOMEPAGE

SEALS

HOMEPAGE

SOCIAL MEDIA

PRODUCTPAGE

BODUM_WEB_06.01_2_rate_2 - Kopya-1.jpg

PRODUCTPAGE

ADD TO CART

PRODUCTPAGE

DESCRIPTION

PRODUCTPAGE

REVIEWS

PRODUCTPAGE

SOCIAL MEDIA

BODUM_WEB_PRODUCTPAGE2_description_2 - K
zoom-1.jpg

PRODUCTPAGE ALT.

PRODUCTPAGE ALT.

ZOOM

description - Kopya-1.jpg

PRODUCTPAGE ALT.

DESCRIPTION

BODUM_WEB_FILTER_SORT_loupe - Kopya-1.jp

FILTER | SORT

product page_2 - Kopya-1.jpg

PRODUCTPAGE ALT.

DESCRIPTION

BODUM_WEB_06.01_2_rate - Kopya-1.jpg

PRODUCTPAGE ALT.

RATING

BRANDS - Kopya-1.jpg

BRANDS PAGE

bottom of page