CLIENT

Bao Bao Issey Miyake

ROLE

UX, UI, QA

 

For this project, Bao Bao Issey Miyake needed a website for their United States eCommerce platform, but not one that would compete with their original Japanese website. I collaborated with the Creative Director to work on the Visual Design, and focused on designing and refining UX and Interaction Design elements. During the development process, I worked closely with the Engineering team to help facilitate a smooth transition from design mocks to code by providing clear and detailed bug tickets via Pivitol Tracker and working alongside Development to improve the overall user experience.

baobao-devicesbaobao-devices
bao-bao-desktop-pagesbao-bao-desktop-pages

PRODUCT COLOR SORT AND FILTER

The product shop page features the entire stores catalog of bags and accessories displayed in color order. I worked with the development team to define a “rainbow” that assigns positions and hierarchy to products automatically, requiring no manual labor or assignments on the store managers end. And as many products are sold in multiple color ways, we wanted to highlight the additional options each product comes in while still in preview.

The product filter floats in the right hand rail out of the products way but available when needed, pulling results live for the user.

baobao-issey-miyake-desktop-screensbaobao-issey-miyake-desktop-screens
baobao-issey-miyake-mobile-screensbaobao-issey-miyake-mobile-screens
[unex_ce_button id="content_ls3r14mfa" button_text_color="#ffa251" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 30px 15px 30px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://www.shopbaobaoisseymiyake.com/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]SHOPBAOBAOISSEYMIYAKE.COM[/ce_button]