Design Portfolio-Huiying Zhou

PORTFOLIO 2 0 21

X

Huiying Zhou

2022

Education Experience Xi'an Academy of Fine Arts

Visual Communication Design

Bachelor of art

Certification IDEO U

Creative collaboration 2022

2016-2020

huiying zhou Tel: +86 18217186960 email: leehomzhy@163.com

Work Experience Microfocus/ UX designer · To b 2021-Present Responsible for the UX/UI design of UFT Mobile digital lab

Collaborating with the Product manager, Functional Architect, and Developers to create usable and innovative software solutions

Tang UX/ UED researcher · To C In my six years of design journey in creating digital experiences, i have worked at Microfocus, Tang consultancy and innovated products for tech companies.

I am eager to create meaningful and impactful experiences that bring value to everyone.

2021 Participate in user research work, follow all stages of the product, and tap opportunities for user research to generate value

Based on the core findings of user research, statistics and analysis of various user experience data and reports

Main Contents

WOW Design

Homey Pet

Browser lab

Service Design I Business project

APP UX/UI Design I Collaboration project

Web UX/UI project

WOW Design is a business project of

In an effort to create a pet-friendly society, a

In UFT Mobile platform, browser lab

service and user experience design, in order

rental apartment platform was created for

function was added. Acted as a UX/UI

to redefine and energize the brand.

pet owners to solve the inconvenience of

designer to solve related problems and help

living with their pets.

implement this feature.

WOW DESIGN

My Role: Service Designer, user researcher Duration: 5 Months/2021

business Project

Design Process The essence of design is to solve problems, combine work practice and theory, establish a goal oriented design thinking, and apply it to the actual demand docking.

Experience

Target

diagnosis

Users

Visual Environments

Service

Brand

Brand insight

market

Opportunit ies brand

Resource sorting

Brand

brand positioning

value

Experience Framework

Experience

Brand

design

Identification

Communications

Product

Videos

Behaviours Activity

Business Background

Nordic Furniture Shanghai, China

WOW design Company is a new Nordic home brand.

Stakeholders Interview

In recent years, it is actively seeking its own unique positioning, hoping to achieve long-term and effective growth of brand revenue through clear user value positioning and clear brand differentiation advantages.

A total of 10+ stakeholders with different functions were interviewed.

senior decision makers

product department

brand promotion department

creative design department

Project Objectives Summarize and analyze the interview conclusions of relevant stakeholders, and extract the following project objectives:

M

ain product: Table, Sofa, Chair

M

ain customer: Mid-class

“

WOW design hope to create a home furnishing brand with design foresight, close to the user and good experience.

Provide users multi-dimensional design and rich purchase scenario services linking furniture, space and fashion, and highlighting the brand identity.

he operation style of WOW design E-commerce, new retail, project

T

Cooperating brands

“

User Research Experience research

questionnaire

After experience research, we found that there is a single service, low brand recognition, sales channel disorder and insufficient intelligent management.

User interview

Card Category

100+ valid questionnaires were returned. Twelve users were then recruited to ask open-ended questions on multiple aspects.

Competitor Analysis

According to the results of the questionnaire and interview, the information is classified and combed again to locate the needs of users.

Persona

User journey map

User Analysis WOW Design customer

Insights

Create functional sofa according to WOW design advantages to enhance user brand recognition.

Product

Reinforce the atmosphere of Scandinavian style and

adding customizable services to products.

Promotional activities and accurate recommendations to attract users.

Online channel

Lead users to follow the official account to enhance user activity and interaction.

Enhance the interactivity of the offline experience

Specialized training for store staff service Store Impression

Brand Experience Structure

Design Strategy Store shopping 线下体验 Store Experience O 打造尖叫设计-线下店为体验空间 ffline stores as an important experience space for WOW Design

02 Performance layer strategy - the path to achieve core brand differentiation

01 Optimize offline store experience design strategy Brand Original offline experience

Merchandise: no orderly display of goods Experience: Difficult to leave a deep brand impression and interesting experience for users Store staff: no standard dress, help users solve problems inefficiently

New design strategy

Brand experience center: brand culture and product display

Clarify the brand VI and apply it in the most extreme way

The marketing communication content life scenario The optimization of supply chain resources

Credit endorsement: designer strength, showcase product materials Community Center: users maintenance, member benefits, professional guidance for store staff

Product Optimization of product and packaging quality, improvement of service quality, and formation of brand effect

Service Characteristic services, recognizable store staff and professional tools

Store Service Blueprint Template Store Experience

User journey User journal offline store Step1: First impression of WOW design

Step2: Attractive visual and store decoration

Step3: cene O space rich scenes S

B

X

,

' It's that furniture store with a big

wo

sofa outside!'

w

'This brand looks great

,

would like to get to know it better '!

【User behavior Brands recommended by friend Learn about the brand from online channels

【Touchpoints & Value The product and brand gives users a deep impression

w o w

''This little space just looks so

cozy, a dream home！''

【User behavior 【Touchpoints & Value Attractive store Store visuals attract customers appearanc and make it easy to find the Offline store shopping store

【User behavior Item attractio See related matches

【Touchpoints & Value Scene BOX, which can quickly create a sense of warmth in small space Repeatedly strengthen the packaging IP

Step4: Brand standards, norms visible

Step5: Tools to create store staff professional

wo

w

Step 6: Give gifts to get users' favor

Tools

wow

''So interesting The original cloud sense sofa is so soft'！'' "

【User behavior Feel product standard Take photos to record the interesting experience

【Touchpoints & Value Unify WOW standards online and offline to make the experience measurable

The store staff and tools are very professional."

【User behavior Ask about furniture material Ask about stock and delivery

"I

【Touchpoints & Value Tools to create store staff professiona Scan the product number to obtain professional product information

felt so surprised when I was given the WOW gift after purchase.

【User behavior Receive WOW design gifts

【Touchpoints & Value Give gifts to get users' favo Gifts and packaging become movable advertising

scene BOX

Design Implementation

Store Shopping experience

2021 July - Hold K11 pop-up stores to create brand fame and gain user attention and improve brand interaction rate

2021-2022 More elegant offline display in line with Wow design characteristics

October 2022-Hold FLOATING ISLANDS activity to increase interaction with users

Perfect realization of scene BOX STRACTGY

K11 Pop-Up stores

User participation activities

Improved furniture， Matching environment

Design Strategy Online Experience 线下体验 Online Experience

02 TianMao Shop—Main Online Touch Points

I打造尖叫设计 mprove the original pain points, provide smooth purchase and -线下店为体验空间 after-sales service, and increase users' online shopping rate

TianMao, is a Chinese-language website for business-to-consumer (B2C) online retail, spun off from Taobao, operated in China by Alibaba Group.

01 Multi-channel cooperation to build brand identity reading process

Brand Strength Emphasize the brand character

Demonstrate brand strength

Multi-Platform/UGC

WECHAT/OGC

(User-generated Content）

(Occupationally-generated

TIANMAO Official Online Sales Platform

Content）

Unboxing Revie influencer cooperatio Leverage third-party platforms

Brand Event Operatio Story Communicatio Official account＋mini program

ZHIHU/PGC PGC(Professionally-generated Content）

Product details sho Matching inspiration provide Buyer Show + User Reviews

Professional Analysi Brand Storie Differences between competitors

Brand Activities The content is easy to understand and the activities are attractive

Product Details

User Interaction

Product description with details

Create a cozy life atmosphere

Fun and impressive

Activities with spreadability

Membership Privilege New Products Pre-sal Promotions

Scene picture sho Sellers show

Customized Module Cross-border cobranding

Coupon Off-line activitie Visual dynamic display

Exquisite product pictures and displa Collect high-quality buyers show

Collect user feedback and preference

reading content Designer Premium Resource Brand Honors and Achievements

Strategy advices Module Rotation

Online Service Blueprint Template Online Experience

User journey Online Experience Step1: Precise search, efficiency and smooth

Step2: Browse the store, enjoy shopping

Visual display of brand identity Emphasize brand strength

'It is easy to find products of interest！

Product Details

Personalized Events

WOW DESIGN has excellent products and interesting activities

Clear display of activity information

Cross-Brand Collaboration

【User behavior Search products based on keywords

【Touchpoints & Value Precise access to prevent flow los Improve brand credibility

【User behavior Browse the online stor Make an impression through furniture matching style and cobranding

【Touchpoints & Value Build brand identity and attract users with products

Step3: View product details

Size & Material

Introduction of usage

Step4: Provide the best solution for the user

Details show

delivery Process

message with the store

Providing solutions for users

Guided offline stores

【User behavior View product images Understand the product size, material, functionality, etc.

【Touchpoints & Value Comprehensive display of product information to attract users' purchase

【User behavior Ask Customer Service Online

【Touchpoints & Value Enhance online consumer experienc Recommend offline store experience

Product Details

Emphasis

designer advantage Inner details

Structure and material description

Softness and hardness

Soft Function Description

hard Sitting experience

Homey

Pet My Role: User researcher & UX/UI Designer

Duration: 2 months/2021

collaboration project

HI, Lin!

Apartment hunting

Pet Categories Cat

Dog

Pet Info Hams

Turtle

DUDU

DUDU

Been with you 500 days！ 已陪伴你180天！

Rabbit

DUDU

宠物身份卡 Pet ID card

Recommendations

Male See all Sex

2 years Grey

Color

Persian Breed

2kg

Weight

Owner by:

Lin

Due to a job change, i was ready to change the rent, and it became a problem to rent an apartment with pets Share to others

Studio I Master room

Single Room

4

Home

Find

Service

Profile

Design process The entire design phase lasted 2 months. this is a collaborative project, i am mainly responsible for the work of user research, UX/UI design.

ITERATE AWARENESS

MEASURABLE

RESULT

RESEARCH

IMPACT

IDEATE

DEFINE

PROTOTYPE

EMPATHY

VALIDATION

ITERATE

Tools&Methods

Research

Data analysis

User interview

Case study

Journey map

Concept

Mock up

Iterate

Visualize pain points

[...] = HMW?

Many lo-fi solutions

Hi-fi mocks

Prototypes

Test and tweak

Background Great growth potential In China, young people are the main group of people who have pets. It shows that 55% of pet owners are under 30 years old.

And most young people choose to rent a house to live in because of financial pressure.

China's pet industry market size will reach 445.6 billion RMB in 2023.

Long-term rental market size, 3 trillion RMB

China's pet industry market scale, about 400 billion RMB

Pet rental market size, 30 billion RMB

Many landlords today are reluctant to rent to people with pets, fearing that the pets will mess up the house and may affect the neighborhood, etc. But if landlords insist on doing so, they will miss out on a lot of business.

Barriers

Furniture damage

Landlords are worried about pet hygiene and health conditions

Bias/Skepticism

The pet rental market is large, with 48 billion pet rental market size in Shanghai alone.

Hair/smell Scattered rental information

Needs

Looking to find a pet friendly apartment quickly Reduce unnecessary contact Time saving

Pet damaged furniture

The study found that it is difficult to rent an apartment with pets, the rental platform is not pet-friendly, and pet hygiene is difficult to handle.

User Painpoints Bias: Society will regularly turn away tenants with pets for rent

Chaotic rental channels: no special platform and channels for people with pets to rent

Research From the perspective of user experience, define the characteristics of the target group, including attitudes, values, product core needs, etc.

Benchmarking

User interview Professional services and adapted apartments to reduce the stress of pet ownership

Clustered pet apartments

Expensive rent

Few apartments, inconvenient location

Easy to find the right apartment with the help of an agent C2C landlord rental platform

Step 1 User Interview

Step 2 Synthesis process

Step 3 Define user

Step 4 Build persona

Few apartments that allow pets

Simple service, easy to cause disputes

Plenty of information about apartments for rent

Direct communication with landlords Social Platform Rental

Slow information update/low efficiency

Lack of guarantee, high risk, low deal rate

User research From the perspective of user experience, define the characteristics of the target group, including attitudes, values, product core needs, etc.

XuLin-Renter

24 years old I teacher I have pets for two years

Having a pet makes me feel warm

Pain Points

Landlords are biased against pet owners, making it difficult to rent a suitable apartment

No platform to provide rental apartments for pet owners

Goals/Need

Live with pet, need my pet's company

Need a platform to help me find a suitable apartment quickly

Quotation

While renting an apartment with a pet is a burden, I'm still willing to put in some effort and money

With a pet, i would feel at home

WangBing-landlords

38 years old I Company manager I have one unrented apartments

Stable life, looking to rent out apartments for extra income

Pain Points

Concern that the hygiene condition will affect the next rental

Damage to furniture

Goals/Need

The quality of the tenant must be good

Don't have too much wear and tear on the house

Key insights

Building mutual trust is a key factor in improving one-sided verbal conversations Providing a

platform for landlords and pet owners,

using the relevant guidelines to regulate pet owners, can dispel landlords’ worry concerns.

good first impression from the tenant to the landlord will effectively increase the deal rate A

Quotation

I don't exclude pets from renting, as long as I can "save my mind"

I think the quality of the tenant, integrity, clothing, occupation is very important

After confirming that the tenant and pet information is reliable, more than 60% of the landlords' attitude is acceptable for pets.

Design Strategy Future industry trends: pet-friendly, refinement, enrichment and community.

Establishing pet-friendly rentals and communities is the future industry trend

Opportunity Analysis

Tenant

Create well renter impressions

Landlord

Attitude can change

Platform

Communication,

Management

Design Solution Build a trustworthy personal identit Complete pet information and health and vaccination certificate Clarify responsibilities

Highly qualified people with pets are accepted for ren Reduce the risk of appartment damage

Establish an open and secure rental platfor Clearly define the boundaries of responsibilit Pet-friendly society pioneer

R

ent APP&Pet Resume

Build an app platform to connect tenants and landlords

Help tenants provide quality pet resumes and gain landlords' trust

Cleaning services he platform provides cleaning services, and home adaptation tools, thus reducing landlord worries

T

R

ating&Reviews

ood comments provide each other with credit endorsement for the next rental and rental G

Pet 2

CV NI

NI

s year

old

User Journey Map

STAGE 5.Rating&Reviews

User Flows home page

Tenant side Viewing- RentingReturning

Welecome page and self avator

Apartment page

use filiter to find suitable appartment Provide pet service

Edit and view pet information base on user perfernce to recommond appartment

Profile

Service

browser the appartment detail

provide rent service

contact with house owner

Post rental apartment-

communication-rental

Welecome page and self avator

share the life monmen this part can show on users profile

Porfile

check the information from renter

manage the appartment

manage publiced appartment modify apartment detail like price, picture and requires

lifestyle

collect house infor

Message

Home page

see my perference candidates renter porfile

basic informatio work, interes lifestyle

Furniture protection servic Clean service

user send first message with pet/self profile to build first impres after houese owner reply they can have next step

Landlord side

check and update self profile

basic information, picture, work and lifestyl buy the service will display on porfile

further conversation after a good first impression

pet information

basic information, picture, and evaluation from other provide security can reduce owner stress

Record of transactions

Rating&Reviews

user can share the Rating&Reviews in last time rent experience, invited house owner and roomate to give a feedback which can buil user turst

High-Fidelity Wireframe Renter view

Landlord view

Chat with Renter Find details View apartment Chat with landlord Pet ID Card See the Pet and owner infor

User Test To capture feedback and find opportunity to improve processes, flow, experiences, layout, etc.

I’ve set up a remote usability test with 10 people from the target audience completing a set of tasks. I’ve received 3 hours of narrated video that provided lots of insights to test our hypotheses.

Advantages：

The app is easy to operate and understan Provides a platform for renters looking for apartments that accept pets.

Disadvantages：

Not many types to filter apartmen How to increase the trust of tenants by purchasing the services provided by the platform

Design Details Renter view

Housing List Home page

Pet ID card Location Shanghai

HI, Lin!

Home page

On the home page, users can see their own and pet information, and can modify their Pet ID card.

Pet ID card

Display pet information, breed, age, picture, etc.

Pet ID card as a display function and feature entrance.

Housing List

Apartment hunting

Pet Categories Cat

Dog

Display house listings and filter information, including address, price, property type, etc.

Pet Info Turtle

Hams

Rabbit

DUDU

DUDU

Been with you 500 days！ 已陪伴你180天！

Street, Address...

Type

2K-3K

Sort by Date

Housing List

sers can view and share pet information through this page.

U

宠物身份卡 Pet ID card

Recommendations

See all

DUDU

2 years

Studio Imaster bedroom I 18.5m²

2000 ¥/mo

Apartment recommendation

ccurate property recommendations based on user preferences, simplifying the user's operational path.

Male

Grey

Sex

Color

Persian Breed

2kg Weight

Owner by:

Lin

A

Studio I Master room

Single Room

Due to a job change, i was ready to change the rent, and it became a problem to rent an apartment with pets

Tap to switch service

Display the current status of the user, and use a clear visual design to guide the user to operate.

One single room I sunny I 15m²

Share to others

4

4

Home

Find

Service

Profile

Home

Find

Service

Profile

Housing details

Chat

Service

Location

Chart with Penny

back

Shanghai

Search service

Housing details Service

Users can see detailed pictures of the apartment, including nearby facilities and location, etc.

Ex

tra

d

iscount to

d ! ay

One single room I 15m² 2000 ¥/mo

3D One single room I 1

8

.5m²

Pet Services

For pet users, the most commonly used life section functions are directly exhibit.

Veterinary

Grooming

2300¥/m

Training

Rent services o 7:30

am

Furniture protection

hi, i am Lulu now looking for an

S

ll

ee a

Facilities

Boarding

Tour

apartment, there is my

5.0 (125 Review)

information and my pet infor.

Book service

hope we can have further communication!

Chat

H

Communicate with Landlord, with Tenant sending first message which automatically includes pet resume.

Rent service

Thanks!

ospital

Gym

Transport

P

et free

DUDU

with his owner

L

ocation Pet ID Card

base on you house to set a pacakge

material protect furniture

In order to enhance the

trustworthy of users, our platform provides furniture protection packages and regular cleaning services.

Cleaning

5.0 (225 Review)

Book service

Regular to clean your apartment with professional clean pet live service

phone

signing must read

Cleaning

5.0 (225 Review)

4

Chat with owner

Message...

H

ome

F

ind

P

Book service Service

rofile

P D et

Design Process RESEARCH

DEFINE

IDEATE

DESIGN

PROTOTYPE

Research research goal and competitor analysis UX Information Architecture and user flows UI design Main flow and high visuals

Interaction Prototype

Business Background What is UFT Mobile ?

Status quo of UFTM functions

Enterprise-level solution is a complete set of centralized laboratories containing real mobile devices and emulators.

Centralized mobile device laboratories and management gateways allow developers and testers to verify all aspects of the mobile experience from anywhere.

The original UFTM functions include Dashboard, Device lab and Apps. The new task is to add browser lab and extend platform functions.

Support continuous testing of omni-channel applications.

Enable devices to be hosted locally or as services.

Target users are:

developers and testers Function:

develop, debug, test, monitor, and optimize mobile apps from anywhere.

Browser lab Purpose:

Dashboard

Device lab

Apps

Browser lab(NEW)

Allow customers to run Selenium tests on

cloud browsers, capability which is required for many of our customers.

About Selenium:

Selenium is a tool for web application testing.

The Selenium test runs directly in the browser, just like a real user is operating.

Why UFTM want to add Cloud browser lab?

The user will update Selenium script with the required capabilities so that the script will run through UFTM. The aim is to extend the functionality of UFTM to provide professional services to our customers.

Use Selenium process selected capabilities

Generate the script

The script will run through UFTM

Competitor Analysis Key conclusions

LAMBDATEST

Investigate the 'Configure test script' of Competitor products, which can be used as a reference for new functions of products.

FINDING

Complex content is organized in a titled section mode, making complex options clearer and easier to us

SAUCELABS

Divide into small modules for simple operatio The consistency of information presentation and interaction ensures the use efficiency of the overall product

BROWSERSTACK

KEY

INSIGHTS

Provide users with available choices in a highly visible way without sacrificing valuable screen spac Clear visualization and improved user experienc Following a unified product design specification to maintain consistency

Ideation&Strategy base on business considerations, we need to balance product goals with design goals.

Align with stakeholders

Design process Before (One page)

(selenium-generate script page) In the previous study, we only considered how the design of the feature was implemented, ignoring the business objectives

Generate script

Product

Design

User experience

Choose capabilities

Copy script

Emphasize the multi-functional platform of UFTM and the future extension application of browser New functions of selenium are added for users to use Easy for users to discover, understand and use the things they want

After discuss with different stakeholders about our opportunities. This helped me think about the goals of the project from user experience, product, and business perspectives and translated them into my design goals.

After (Two pages)

1.Selenium-generate script page

2.Browser lab page The important role of the UFTM platform should be emphasized along with the implementation of new function

Browser lab

view Browsers

Generate script

Choose capabilities

Copy script

Design Process Design Challenges:

1.User cognitive load increases

The introduction of new features increases the burden of understanding for first-time users and requires a design-side effort to better guide them through the process.

Previous process 1 Enter UFTM for operation

2 Select an existing function

operation related 3 Manual execution

2 Select browser lab function (new)

3 Manually generate&adjust

New process 1 Enter UFTM for operation

new

2.The conflict between the business and the user experience The new features proposed by the business perspective, missing many scenarios.

Design Sketches Making sketches helps me with ideating quick thoughts and making iterations quickly.

Second Sketch Cons Easy to operate and user-friendl High expandability

Browser lab

The Browser lab is designed with reference to the user's familiar features-devices lab, thus reducing the user's cognitive cost.

4 Use selenium

to Generate script

matching relationship new

Choose capabilities

Copy script

Add the HOW TO to explanation function

Information Architecture&User Flows For business considerations, we not only added a new feature - selenium to generate script,

but we also added a Browser lab to emphasize the importance of the UFTM platform.

Final Design At this stage, I output high-fidelity prototypes. The Browser Lab has Two tabs, Browsers and Generate script.

TAP helps users to switch functions Function conversion via browser and generate script

Card view information Windows server 2022

OS

windows server 2022

Browser icon（72X72）

Firefox

Browser name

Latest-105

Browser version

Location: US-Oregon

Filter section Click on FILTER to assist the user in finding the required browsers.

Location

Final Design Base on Gestalt principle-Proximity, i divided tow part of the layout which remind user there are two founctions.

Customizable checkboxes

to configure column content Base on Cestalt principle Continuity, the Script frame will have selection of language and Selenium

Select the language and frame work for the drop-down Chooser for radio selection

Java Python Java Node.js Ruby C#

Copy Buttons Shows tips when script is copied Copy to clipboard

Copied

For new users who come in for the first time, HOW TO can help new user to better understand the new function.

Design Details efficiency helps users generate scripts and achieve business goals

01 Task combination, showing UFTM platform

02 Enrich the options of capabilities

Browsers and generate script are displayed in the form of tap. Because the order of tap can improve the accessibility and efficiency, we put the business goal Browsers with higher priority in the left tap with the highest access efficiency.

step1

Base on Cestalt principle Continuity, i design the arrow to reminder user noticed the choose are continuity

step2

On this kind of page, the Back/next link is very important, guiding users to follow the predetermined order and walk through each option step by step.

TAP to switch browser and generate script, balance of business goal and design goal.

Search with input prompt and finished by autocompletion.

Mobile direct access (takes the user directly to the main function, without any input from the user, to obtain valuable information)

Design System our product is complex and functional, So we took the high frequency elements to form a design system for enterprise products - Everything UX.com

Takeaways Challenge Complete an new main function from 0-1 was a bit of challenge for me. This includes time pressure and business pressure. Due to the tight schedule, I need to coordinate the resources of all parties to help me complete the preliminary research work.

At the same time, I also need to understand the business in a very short period of time and come up with an effective and reliable UX solution.

Learnings Time constraint taught me to work in a certain amount of time by taking my self-made deadlines seriously. Besides, I can never design just for the perfect scenario. Because the real business is always complex and changeable, I need to think more comprehensively and give the most suitable solution.

what’s Next?

Collecting more and more feedbacks, exploring user case, and brainstorm ideas of different users' usage flow to refine the experience process.

Design System

PORTFOLIO 2 0 21

X

Huiying Zhou

2022