cover-shimoda-2560x1920.png

Shimoda

Shimoda is an adventure camera bag company designed as a reaction to real world adventures rather than those imagined from a comfortable office environment.

Project: Shimoda needed an eCommerce site that married high-quality adventure photography from its influencers with detailed product information. On the back end, the site needed integration with Shopify.

My Role: User Experience and Design Direction

🡣

 
 

Shimoda Designs

Shimoda is an adventure camera bag company designed as a reaction to real world adventures rather than those imagined from a comfortable office environment.

Project: Shimoda needed an eCommerce site that married high-quality adventure photography from its influencers with detailed product information. On the back end, the site needed integration with Shopify.

My Role: User Experience and Design Direction

 

 
shimoda-website-banner.jpg
 

Research

Before diving into design, I took time to research the main competitors in the adventure camera bag space. Shimoda's main competitor is a bag company called F-stop. Here are a few things I was looking for while researching other offerings in the adventure bag space:

  • Overall aesthetic - what's the imagery style?

  • How large is their social following?

  • How are bag styles communicated?

Findings

After researching competitive offerings. I met with the primary stakeholders to determine what success would look like as well as understand any technical requirements. The internal stakeholders were looking for a highly visual site that leveraged the lifestyle imagery of their brand influencers. A technical requirement was that the site's ecommerce had to be built using Shopify buttons for purchase.

 

Sitemap

Shimoda has a fairly small product line, but the way the products interact with one another required clear pathways between the base products and their add-ons and accessories.

Personas

We started by creating three personas that would encapsulate the three different types of customers that would typically end up shopping for an adventure camera bag.

User Journeys

For each of the defined personas I created a journey to address a pathway they might take.

IMG_20180730_193041.jpg

Wireframes

Once the sitemap and user journeys were defined, low-fidelity wireframes were created in Adobe XD, defining the general flow of the content, and the content was collected and edited.

shimoda-styleguide-v2-600x800.png

Style Guide

A style guide was created to hand off to the developer.

startae-team-704142-unsplash.jpg

Usability Testing

Once the site was built I did four 45 minute usability tests to validate our assumptions and identify any areas of confusion.

elinchrom-website-mockup.jpg
 

Launch

The site was launched to a very positive response from users.

You can view the live site here: Shimoda Designs