Portfolio Categories: UI / UX

Hermés Parfumerie

Hermés Parfumerie Augmented Reality Experience CLIENT Hermés ROLE Art Direction, Creative Direction, UI OVERVIEW Hermés was opening its very first parfumerie in Brookfield Place in manhattan, and they reached out to Disruptive Media Lab to come up with a grand experience to celebrate this momentous occasion. The client ask for 2 things: an augmented reality app and a whimsical theatrical experience. The problem was we had never built an augmented reality app before. We were only a small in-house team, 1 producer, an art director, the founder, and a copywriter.  The original invite for the event. Artwork (border) by Daniel Gordon. Opposite side of invite/artwork animates to fold up into origami with AR app. OBJECTIVES •  Create an augmented reality experience that showcases a fragrance from each collection. Each Vignette should play into the whimsical world of Hermés.•  Build an indoor/outdoor experience at Brookfield Place for invited guests and influencers who will attend the store opening event. Creating a Whimsical [...]
Continue Reading

Responsive Navigation

Global Navigation Redesign CLIENT Bloomingdale’s ROLE Art Director, UI, UX (Consulting) [cl_button btn_title="VIEW LIVE SITE " button_bg_color="#0cabd3" button_bg_color_hover="#0cabd3" button_border_color="" link="https://www.bloomingdales.com/" css_style="{'margin-top':'20px'}_-_json"] OVERVIEW The navigation redesign was a large enhancement as part of the year long responsive initiative given by stakeholders of the website. This project is very high profile, and everyone seems to own it. Each facet of business (Women, Shoes, Kids, Registry, etc) has its own stakeholders who each have their own set of requirements and need to review. So there were a lot of cooks in the kitchen for this one. For this project we had 2 product designers, 3 offshore developers, 1 in-house tech lead, 1 QE and 1 copywriter.  OBJECTIVES •  Make the navigation responsive (Predetermined breakpoints - 1440px max content width, 1024px, 600px)•  Update the Registry Navigation Experience•  Clean up the UX across the navigation•  Create a cleaner, more premium feel to the navigation•  Figure out a more elegant way to incorporate promotions and banners [...]
Continue Reading

Bloomingdale’s Browse Grid

Bloomingdale’s Browse Experience ROLE Art Direction, UI, UX (Consulting) LAUNCH DATE Early 2019  [cl_button btn_title="View LIVE SITE " button_bg_color="#0cabd3" button_bg_color_hover="#0cabd3" button_border_color="" link="https://www.bloomingdales.com/shop/womens-apparel/active-workout-lounge?id=1062259&edge=hybrid&cm_sp=LEFTNAV-_-women-_-Header-Active%2C_Workout_%26_Lounge" css_style="{'margin-top':'20px'}_-_json"] Overview Everyone has experience with browse grids. Mostly we shop on them daily, whether you’re surfing Amazon for household items or picking out a new Macbook on Apple. Clothing is one area we really tend to get lost in especially if the browse grid is seamless. Ideally, it loads quickly where I don’t notice a delay, the filters are helpful and pull up relevant results and the images are not only good quality but large enough to get a clear scan of the product to decide if I like it (of course a wishlist button is a nice addition). We noticed people weren’t shopping our site the same way they do on other e-commerce sites. Why? The page is not responsive, there’s too much information under each product, super slow page loading times, and unhelpful filtering which [...]
Continue Reading