The Metropolitan Museum of Art

Responsive eCommerce website for The Met Museum.

 

I created an online eCommerce pop-up shop for the The Metropolitan Museum of Art that would feature/highlight and allow users to purchase items that are overlooked on the main online store.

The Met popup responsive popup shop across all platforms.

The Met popup responsive popup shop across all platforms.

Discover & Research

A period of research was conducted which included comparative and competitive market research across the most popular eCommerce platforms as well as online platforms for local museums in the NYC area. Along with this, I also conducted many user interviews and card sorts of various items used on the popup shop to determine where users would think to label groups of items, and how they think they would be categorized and found on a website.

Comparative Market Research chart detailing other local museums in NYC and their digital eCommerce platforms.

Comparative Market Research chart detailing other local museums in NYC and their digital eCommerce platforms.

Competitive Market Research chart detailing other digital eCommerce platforms.

Competitive Market Research chart detailing other digital eCommerce platforms.

Analyze

The market and user research noted that ease of purchasing items and buyer reviews were very important due to the items not being very popular. It was also noted that the audience I was building this platform for, would be using it primarily on desktop and tablet platforms, so responsiveness was vital.

User flow for the primary persona detailing their journey from site discovery to checkout.

User flow for the primary persona detailing their journey from site discovery to checkout.

Design

Since this was an adhoc website to the Met’s primary website, I utilized the color scheme and typefaces of the original website to keep a congruent theme and allow the user to know this site was part of the main Met Store. Along with this, the information architecture was built similar to amazon’s in regards to having nested menus for different categories but also making sure the website and any subsequent product pages were “product first” in layout.

Another major aspect I added was a “bread crumb” system to allow the user to know where they are on the website and where they came from. This is a vital feature especially when designing an ecommerce platform built around hundreds or thousands of different items.

 
The sitemap showcasing all different categories and  pages of the online popup shop.

The sitemap showcasing all different categories and pages of the online popup shop.

Deliver

In all, this project was all about information architecture and allowing all of that information to be seen and not lost across different platforms. This also includes the ease of access, no matter the platform, of the checkout flow. Along with this, since this website would be allowing users to browse and purchase from a catalog of hundreds or thousands of items, proper item organization and precise website location where very important and played a major part.

Previous
Previous

Deedle