Seisuke Knife

International E-Commerce Website Redesign

Project Overview

Combining two international e-commerce sites with different primary demographics into one functional interface for a streamlined brand and shopping experience

Problem

Seisuke and Japanny are under the same ownership, but have two different e-commerce websites

Solution

Redesign a website that can consolidate business and target demographics cross-culturally

Tools
Shopify, Google Workspace, Figma, Mural, Zoom

Team
Seisuke Marketing Team
1 Digital Designer

My Role
UX Research
UI Design

Timeline
Began October 2022
Goal Deadline - January 2023

This project is currently in-progress and will be completed by February 2023.

Design Process

1

Discover
Brand Introduction
Stakeholders
User Research

2

Define
UI Brand Direction
Accessibility
Visual Design

3

Ideate
Mid-Fi Prototype
Info Architecture
User Testing

4

Design
Key Improvements
Stakeholder Feedback
Next Steps

1. Discover

Brand Introduction

Seisuke and Japanny are two high end Japanese knife shops under the same ownership. Seisuke focuses on the American market, based in Portland, Oregon. Japanny is based in Japan, run by Japanese staff, and therefore more in-tune with the Japanese customer base.

View current Seisuke site, and current Japanny site.

Stakeholder Needs

Seisuke and Japanny had participated in some intensive design sprints over the past year. They had identified the strengths of their existing brand and came to me with the following questions pre-determined:

How might we...

1) ...establish and implement brand identity?

2) ...establish a style guide?

3) ...improve UI design? 

Summarized Results from Branding Design Sprint

Seisuke staff and stakeholders chose images and words that felt like the Seisuke brand. This is a selection of words and images stemming from that exercise, tying in some colors and font direction from the current brand standards, with some new adjustments based on the stakeholder visions.

User Research

Survey deployed via Google forms, gathering both quantitative and qualitative data to better understand customers.

Key survey findings:

96% of respondents had never been to visit a Seisuke/Japanny store in-person. This was a surprising result, and reinforces the initiative to step up the company's digital presence for a seamless user experience.

It should be noted that the survey was in English, and distributed via e-mail to Japanny customers. We plan on deploying another version of the survey, translated to Japanese, to gather more representative data.

Nearly 40% of respondents chose Marcellus as a font that feels like Seisuke.

Marcellus: refined, authentic, airy, organic

Now, circling back to the stakeholders initial questions...

How might we integrate these findings into a UI that feels like Seisuke? 


2. Define

UI Brand Direction and Accessibility

Seisuke's current site leans heavily on the color red. I recommended avoiding red for text, as it triggers thoughts of error messages for users, and red text is also not accessible for color-blind users.

During the brand sprint, Seisuke's staff and stakeholders chose photos that felt like Seisuke, and none of those photos contained the color red. For that reason in addition to the accessibility issues and UI best practice, I recommended that we avoid the color red for text in future iterations, instead leaning on the rest of the  pre-existing color palette.

I recommended integrating a magnolia tone to replace the current earthy grey, to integrate more warmth with a nod to their existing interior design style.

Visual Design Recommendations

3. Ideate

Mid-Fidelity Prototype

Iterated a prototype to create a visual representation of progress for the stakeholders. Presented two different applications of display font to communicate the impact of a seemingly minimal style change.

Stakeholders seemed to be initially leaning toward the Garamond font treatment, a slightly different direction than user feedback suggested.

Information Architecture (IA) Analysis

One of the challenges of this site structure is organizing the knives into a navigation structure that makes sense.

The current state of the website has column distinctions for brands, knife types and steel types. The selections are vaguely organized by popularity. Underneath "Knife Types," each knife has its Japanese name listed first, with a short English description listed next. There is room for improvement here - and usability testing gave us further insight into which pieces currently work, and how they might be improved.

User Testing - IA Feedback

Users that participated in our initial survey were also asked to confirm their availability and interest in further research. We selected 5 participants to interview for feedback on the existing site, branding direction and overall user experience.

This is what we learned:

[research is in process. this section will visually represent key findings, and include gifs of user tests]

4. Design

Key Improvements

Updated colors increased accessibility and better align with brand goals of approachability and elegance.

Research-backed font and brand styles made the website reflect Seisuke users from the navigation bar to the footer.

Two websites, two user bases, and two cultures combine under one streamlined e-commerce experience that fits the needs of the users and the stakeholders.

Conclusion

Next Steps

Inclusive Development
Increase demographic diversity for user testing with Japanese language support

Find The Perfect Knife
Build out knife quiz section to include more knives and more user preferences

Research and Expand
Integrate more language translation options and features

See more projects →