top of page
UI UX DESIGN
VANBOX.jpg

STEP 0 : WEBSITE HOME

Thank you for watching 

ROLE

User Research          |          UI Design          |          UX Design          |          Usability Testing

tools

Axure          |          Adobe Creative Suite  

INSIGHTS & IDEATION

I partnered with managers and marketing team and one other designer to uncover insights and translate concepts into features that address customer behaviors and motivations.

EXPERIENCE STRATEGY

I created frameworks and prototypes to share the vision, design principles and content strategy.  This helped to convey ideas, show alignments and designs to IT departments.

Scope Definition

I defined the product with my manager.  I balanced the business goals and customer goals. I finished the predetermined features as priorities for testing run.

Coordination

I  collaborated with the other designer and IT department to translate and make product features for platform context.

MY ROLE AT VANBOX.CA

One of the first things after I join this team is to streamline VANBOX's ideas into practical prototypes.  They do not have any flow for the application before but the target customers already existed.  Based on our user personas, I partnered with the other designer to build wireframes and organized meetings with IT department to make sure every feature can be realizable for platform context.  The first molding is ready to be tested.

I worked with marketing department to proceed the website to several created customers and want to identity the pain points of the application. After interviewing and mapping out a list of potential questions, I iterated on the wireframes  and layouts with these feedbacks that gathered depending on the user tests. In order to make the website more user friendly, I added more specific features to ease some parts of the application. The test run last around half a year and the website released in July, 2018

VANBOX.CA BASIC USER EXPERIENCE (PC)

屏幕截图(1).png

REGISTER 

STEP 1 : REGISTER

屏幕截图(6).png

YOUR INFORMATION

STEP 3 - 1 : SHOP

屏幕截图(8).png

CHOOSE A CATEGORY

START A SEARCH

屏幕截图(9).png

CHECK SHOPPING CART

ADD TO SHOPPING CART

STEP 3-2 : SHOP FOR DETAILS

屏幕截图(10).png
屏幕截图(11).png

PRODUCT DESCRIPTION

屏幕截图(12).png

STEP 4 : CHECK OUT

屏幕截图(13).png

CHECK SHOPPING CART

屏幕截图(14).png

CHECK OUT

屏幕截图(15).png

ADD ADDRESS

ITEM REVIEW

屏幕截图(16).png

DELIVERY METHOD

COUPON

NOTES

CHOOSE PAYMENT METHOD

CONFIRM YOUR ORDER

VANBOX.CA BASIC USER EXPERIENCE (MOBILE)

STEP 0 : WEBSITE HOME

STEP 1 : REGISTER/LOGIN

微信图片_20190723152316.png
微信图片_20190723152339.png

SELECT CATEGORY

SEARCH ITEM

TYPE IN YOUR INFOMATION

STEP 3-1 : SHOP 

STEP 3-2 : SHOP FOR DETAILS

微信图片_20190723152327.png
微信图片_20190723152332.png

ADD TO CART

CHECK DESCRIPTION

ADD TO CART

PURCHASE NOW

STEP 4 : CHECK OUT

微信图片_20190723152342.png
微信图片_20190723152346.png

CHECK OUT

ITEMS IN SHOPPING CART

ADDRESS

ITEMS REVIEW

SHIPPING METHOD

微信图片_20190723152350.png

NOTES

PAYMENT METHOD

SUBMIT ORDER

bottom of page