We reimagined the e-commerce experience for Method Seven eyewear, enabling customers to discover nuanced products for specific industries.

 
 Proposed 'home' page design

Proposed 'home' page design

 
 

Objective

Because of limitations due to a small team and a fraying web development group, Method Seven reached out to Contact Design and S+C to explore better ways to present and expand their offerings on their MethodSeven.com Magento website. They needed an ecommerce site to better serve the needs of current customers, prospective customers and their roster of wholesalers and distributors. More importantly, Contact assisted in branding and storytelling their two disparate optical lines so the user can easily learn more about the brand and its products, and encourage better conversions in the various segments.

 
 
OLD WEBSITE 1500.png

[Current/Old Website]

 
 

Process

A major challenge is to build, energize and coordinate the brand that has such distinct and different customer groups. At first glance, there seems to be very little overlap between the grow and the aviation markets which has led to varying approaches in design and presentation. Primary to these efforts will be a better introduction of the Method Seven brand and why all its products offer precise technical solutions for specific environments. 

S+C will redesign the company/corporate home page and add distinct category pages and funnels for the different customer groups. Emphasis will be placed on showing the glasses at work on real people in unique situations and highlighting user stories. Also, show Method Seven’s commitment to quality and customer service. Through the design and flow, the site will convey Method Seven craftsmanship and inspire confidence in the products.

 
 
 
M7 Empathy Map.jpg
 
 

Identifying the customer through Personas and User Stories

Who, what, and why are they coming here?

 
card sort analysis results - similarity matrix.png
card sort analysis results - dendograms agreement.png
 

Testing

A rigorous approach to card sorting and various testing told us what topics and menu links would be appropriate. From there we created a sitemap that would house the information while editing and consolidating wherever possible.

 
 
 UX Pathways and Conversion Funnels by Brett

UX Pathways and Conversion Funnels by Brett

 
 

Visualizing Greatness

We took this data and used it to sketch out paper prototypes. 

 
M7 Paper Prototype - Home.jpg
M7 Paper Prototype - About Us.jpg
M7 Paper Prototype - PDP.jpg
 

Attack the Blocks

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Aenean eu justo sed elit dignissim aliquam. Mauris id fermentum nulla. Vivamus sit amet semper lacus, in mollis libero.

 
 
METHOD SEVEN-BLOCKFRAMES-MOCKUP.jpg
m7 block frames pc.jpg
m7 block frames mobile.jpg
 
 
 

Outcome

While we haven't had the opportunity to work with Method Seven to implement this design beyond some work on their logo. This UX exercise helped us discover new pathways to present their brand to a growing culture of eyewear aficionados.

 
 
0
0
0
 

SERVICE –––––––––

Strategy
Consulting
Branding
UX Design
Prototyping

INDUSTRY –––––––––

Fashion
Retail
Aerospace
Hydroponics
E-Commerce

LOCATION –––––––––

Santa Cruz, CA