SOCIAL FLAVOR

mockup+lgog

SOCIAL FAVOR: Supplement Ecommerce website design.

PROJECT TYPE:  Group Project (Group Member: Feng Zhu)

DATE:  Oct 2017 – December 2017

MY ROLES:  UI/UX Designer

PRACTICES:  User Experience Research | User flow design |  Rapid Prototyping  |  Visual Design | Usability Testing

DESIGN TOOLS:  Sketch  |  Principle  |  Photoshop | Invision

 


PRESENTATION STRUCTURE

1. Introduction
– the need
– the problem
– the solution

2. Design Process

  – user flow
– wireframe
– style guide

3. Prototype

  – journal
– product

 


INTRODUCTION

Social Flavor is a platform that derived from a concept of combining e-commerce with education and consulting service. It aims to provide customers with selected supplement products, at the same time, to spread health knowledge.

 

The need
The Online Supplement Sales industry has grown strongly at approximately 10 percent annually, benefiting from a growing health-conscious consumer and sports nutrition consumer. An active lifestyle in a bottle is continuously moving to the mainstream

 

The problem
The low conversion rate is a big challenge for Online Supplement Sales industry which the purchase process can be finished without a prescription. Anxiety from incomprehension towards ingredients and functions is the crucial reason for distracting customer’s attention and decelerating desire to purchase. Lifting purchase rate is the main task of this exercise.

 

The solution

Build an online supplement sale platform that brings efficient health advice and refined purchase experience:

  • in-site information acquisition by articles with health advice and supplement recommendation in stock for visitors to read and search, and by consulting an online nutritionist
  • comprehensive brand introduction to raise brand and platform reputation
  • refine purchase process, provide an elegant shopping experience

 


DESIGN PROCESS

USER FLOW 01|03

Site Map:

site map1215

Shopping Flow:

shop flow1215

WIREFRAME 02|03

lo-fi

STYLE GUIDE 03|03

style+guide+horizontal.jpg


PROTOTYPE

JOURNAL 01|02

PRODUCT 02|02

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s