Combining two international e-commerce sites with different primary demographics into one functional interface for a streamlined brand and shopping experience
Seisuke and Japanny are under the same ownership, but have two different e-commerce websites
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.
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.
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?
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.
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?
↓
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.
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.
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.
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]
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.