Sanko Kitchen Essentials

Responsive web designs for an optimized e-commerce experience
Project
E-commerce Site
Responsive Design
Team Project
GA UX Bootcamp
Industry
Consumer Retail
Kitchen + Home
Role
UX Designer
Deliverables
User Interviews
User Survey
Design Critique
3 Personas
Affinity Map
Competitive/Comparative
User Flow
Site Map
Wireframes
OVERVIEW

Sanko Kitchen e-commerce site

Sanko, a local kitchen and home goods retailer in Japantown, San Francisco needs to stay competitive in the era of online shopping. The challenge is to design an e-commerce site that evokes the experience of shopping in store.
DEFINING SUCCESS

Navigation, Branding, Details

Sanko, a local Japanese kitchen and home goods retailer needs to stay competitive in the era of online shopping. The challenge is to design an e-commerce site that evokes the experience of shopping in store.
PROCESS

Research, Design, Test

RESEARCH

Exploring the landscape and customer preferences

User Interviews
I conducted 6 interviews and derived 2 personas to design for. The researcher shopper and the emotional shopper. Thinking of the specific user needs helped me keep a user first perspective in my design decisions.
Competitive Analysis
Instead of inventing the wheel, I researched what similar site features were.
Card Sorting
I wanted the users to define the categories we will need for all the items Sanko offers.
NAVIGATION

Site map

NAVIGATION

Wireframes

FINAL DESIGNS

Home Page: Content + Branding

FINAL DESIGNS

Product Listings: Grids + Filtering

FINAL DESIGNS

Product Description: Informing users

FINAL DESIGNS

Checkout Cart: Reduce Friction

USER TESTING PROTOTYPE

Usability + Customer Attitude

Users stated they are more likely to order from this site compared to the original due to the showcase of lifestyle/brand identity.
‍
Users were able to find products quicker than before using the new navigation.
‍
Users felt the checkout process was simple but may want more indications it is secure and to be able to use alternative forms of payment.

Prototype

LEARNINGS

Design systems and content strategy

Building a component library put in the up front work but made it much easier to build pages later. I learned the importance of establishing a design system early on. My final designs were much more consistent than they would've been if I had designed without a system in place.
‍
Content strategy and design takes a lot of explorations but was fun at the same time. Visual design isn't my strongest suit but I enjoy it the most! It's a challenge but it helped to think about content early on in wireframing.

If this were to get built out, there are metrics I would’ve liked to test like customer’s purchase value and cart abandonment.

Some more work to check out!

Collective HealthAXS

Like what you see and want to work together?

Contact me!
Eithazin.com
LinkedindribbbleEMAIL