PROJECT

Q&ME SURVEYS

Q&Me Surveys is a mobile survey app that operates nationwide in Vietnam. The app allows users to earn rewards by completing questionnaires which are distributed based off profile demographics.

TIME FRAME

January 2020 - March 2020

ROLE

UX/UI Design User Research Design Handoff Design Strategy

TOOLS USED

Adobe Creative Cloud Figma

DELIVERABLES

Competitive Analysis User Personas POV Statements Information Architecture Wireframes Mockups Prototypes Style Guide

TEAM

Kengo Kurokawa Melody Tran Binh Luc Nhan Nguyen Trau Nguyen Linh Le Huyen Bui

PROJECT

HALF SAINT

Half Saint is a lifestyle clothing brand based out of Las Vegas that designs street wear aimed at individuals who have had to endure through an upbringing filled with struggles.

TIME FRAME

May 2021 - July 2021

ROLE

UX/UI Design Web Design Web Development Design Strategy Branding

TOOLS USED

Adobe Creative Cloud Figma Webflow

DELIVERABLES

Competitive Analysis Information Architecture Wireframes Mockups Prototypes Website Logos

industry

Fashion E-commerce

PROJECT

HALF SAINT

Half Saint is a lifestyle clothing brand based out of Las Vegas that designs street wear aimed at individuals who have had to endure through an upbringing filled with struggles.

The company prides itself on sourcing garments that are premium in quality and prints that are eco-friendly to create long-lasting products.

TIME FRAME

May 2021 - July 2021

ROLE

UX/UI Design Web Design Web Development Design Strategy Branding

TOOLS USED

Adobe Creative Cloud Figma Webflow

SCOPE

Competitive Analysis Information Architecture Wireframes Mockups Prototypes Website Logos

industry

Fashion E-commerce

01. DISCOVER

CHALLENGING PEN & PAPER

The context

Half Saint connected with me to design an E-commerce website for the launch of their online store and a secondary logo that could contrast against the company's main logo for use in the future. Throughout the design process, I worked directly with Half Saint's Founder and CEO to strategize a solution beneficial to the business and its customers, in addition to streamlining a workflow reliant on continual updates and feedback.

THE PROBLEM

The approach

a not-so-convenient convenience

Strategically, with Half Saint being a new business and having a limited catalog of products available for their launch, our approach for the website started with putting emphasis on telling the brand's story. We dabbled with using Shopify as Half Saint's E-commerce platform, but it's steep learning curve for a fully customizable website meant we would be confined to using a template. We instead opted for Webflow, as we felt the platform's toolset provided us a better opportunity for more compelling storytelling. It would play an especially important role when designing and developing the brand's "About Us" page.

Stylistically, we wanted to bring life to the website by paying homage to the brand and Founder's journey. By using imagery rooted in Orange County's sunny beaches extending to the company's current base in Las Vegas' desert landscape, scenic visuals were used to depict a past and present. Dark tones were chosen to align with the brand's heavy use of blacks and principle of "Don't be loyal to your past."

Lastly, for the Half Saint's secondary logo design, the approach was to go big and bold to convey a stark transition from the brand's more muted primary logo.

CHALLENGES & GOALS

Challenges & goals

BOUNCING BACK

Half Saint prides itself on sourcing garments that are high in quality and prints that are eco-friendly to create long-lasting products. This acts as a major selling point for the consumer and a driver for the business' premium pricing. The challenge was to create a custom E-commerce website that portrays a captivating brand image and delivers value proposition to drive product sales.

The challenge was to create an E-commerce website that delivers on brand image and

The business goals were to:

Create brand awareness
Launch an online store
Jumpstart product sales
Establish an online presence

Our high-level goals were to:

Streamline an online shopping experience
Become a major fashion brand
Gain customer loyalty
Create an online platform that can scale with the business

The business goals were to:

Create brand awareness
Launch an online store
Jumpstart product sales
Establish an online presence

The high-level goals were to:

Streamline an online shopping experience
Become a major fashion brand
Gain customer loyalty
Create a online platform that can scale with the business

As the project's sole designer, I was responsible for leading the experience and visual design of Q&Me Surveys. During the app's redesign process, I worked alongside a product manager, two researchers, and four engineers in an agile environment.

INFORMATION ARCHITECTURE

Design Process

reorganizing for clarity

Designed and developed by Asia Plus Inc., Q&Me Surveys serves as an in-house data gathering tool for use in the company's bevvy of market research services. The founder's aim was to innovate how Vietnam conducts market research by creating a digital data-collecting platform, shifting away from more traditional research methods.

THE PROBLEM

In hac habitasse platea dictumst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae ipsum nec lorem porttitor rhoncus vitae sit amet neque. Fusce non dolor ligula. Nullam at venenatis augue. Etiam lorem tellus, sodales vel pretium id, egestas vitae libero. Donec accumsan, lectus ut molestie tempor, libero nisl faucibus elit, porta lacinia ex elit quis dolor.

Maecenas ut elit sapien
In sollicitudin mauris eget nisl blandit
Donec id sapien sodales
in dignissim tortor ullamcorper ve

COMPETITIVE ANALYSIS

Competitive Analysis

SIZING UP THE field

A competitive analysis of different fashion brands was performed to help generate ideas on a direction to take for the website's overall look and feel.

The points of focus were:

Imagery
Layout
Typography

COMPETITIVE ANALYSIS

Competitive Analysis

SIZING UP THE field

A competitive analysis of different fashion brands was performed to help generate ideas on a direction to take for the website's overall look and feel.

The points of focus were:

Imagery
Layout
Typography

USER RESEARCH METHOD 1

surveys

Naturally, with Q&Me Surveys acting as a data gathering tool, sending out surveys to current users was a quick and cost-effective initial research approach. For this method, I collaborated with our researcher Melody to explore the viability of different aspects in the app's current rendition. By sending out questionnaires, our goals were to quantify how the current look and feel impacted users' perceptions, feelings, and experiences when using the app.

KEY FINDINGS FROM SURVEYS

92% of respondents felt the visual aesthetics of the app were old-fashioned and far behind that of modern apps.

86% of respondents felt the presentation of content and how it was displayed made the app look cluttered and feel convoluted.

83% of respondents felt that a major update to the visual design would entice them to open the app more frequently.

78% of respondents felt the current use and placement of icons were not helpful in conveying features, functions, and actions.

92%

of respondents felt the visual aesthetics of the app were old-fashioned and far behind that of modern apps.

86%

of respondents felt the presentation of content and how it was displayed made the app look cluttered and feel convoluted.

83%

of respondents felt that a major update to the visual design would entice them to open the app more frequently.

78%

of respondents felt the current use and placement of icons were not helpful in conveying features, functions, and actions.

USER RESEARCH METHOD 2

USER INTERVIEWS

To gain further insights and really delve into uncovering the pain points users were experiencing as well as their needs and goals, we interviewed six current users in addition to six users who had never used the app before. For this phase, I worked with both our researchers in creating the interview questions and curating the process, but it was our researcher Huyen who conducted the interviews.

The goals of the interviews were to:

Uncover the barriers discouraging people from signing up
Understand the needs, goals, and motivations that propel people to use the app
Understand the challenges and pain points users are experiencing

USER PERSONAS

user personas

PERSONIFYING THE DATA

With the data gathered through our user research, we identified overlapping themes among the different user groups. I created personas to take a deeper dive into understanding our users and how to meet their needs.

SYNTHESIZE

data synthesis

LEARNING FROM THE NEW AND OLD

While the numbers from the surveys largely indicated fundamental shortcomings that mainly stemmed from the app's visual design, the findings gained from the user interviews painted a deeper picture into the frustrations people were facing as they worked towards completing tasks and reaching their goals.

USER INSIGHTS

Needs

To have consistent ways of accumulating points

To easily share interests and experiences

To feel comfortable in sharing information

To efficiently manage activities and submissions

Goals

To receive and make use of earned rewards

To explore the thoughts and voices of people

To establish a source for a financial boost

To be entertained and have fun

Motivations

Having more money to spend on other things

Free and easy to do from home

Doesn't require experience or specific skills

To pique curiosity on different topics and subjects

Frustrations

Completing activities but not receiving points

Registration process is long and strenuous

Lack of surveys and updates

Difficult to scroll through and read content

COMPETITIVE ANALYSIS

competitive analysis

SIZING UP THE field

After synthesizing the findings gained from our users, the final step in our research entailed analyzing similar products in the market and understanding the strategies and patterns they employed. We examined the good and bad aspects of five different products to explore ideas for how we could address the frustrations that our users were facing, as well as identifying gaps to help us add value to our own product.

The points of focus were:

Onboarding experience
Content presentation
Rewards system
Features

REFRAMING THE PROBLEM

A LACK OF TRANSPARENCY COUPLED WITH A MESSY AESTHETIC causes CONFUSION AND MISTRUST

From tackling the registration process to attempting to receive a reward, and everything else in-between, the Q&Me Surveys app experience is riddled with communication issues and dubious design elements, leading to disengagement, frustration, and people questioning the legitimacy of the operation.

Once we were able to formulate a more defined problem, we explored possible solutions by asking ourselves:

"How might we redesign the online survey experience to help reinvigorate people's confidence and engagement?"

THE PROBLEM

In hac habitasse platea dictumst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae ipsum nec lorem porttitor rhoncus vitae sit amet neque. Fusce non dolor ligula. Nullam at venenatis augue. Etiam lorem tellus, sodales vel pretium id, egestas vitae libero. Donec accumsan, lectus ut molestie tempor, libero nisl faucibus elit, porta lacinia ex elit quis dolor.

Maecenas ut elit sapien
In sollicitudin mauris eget nisl blandit
Donec id sapien sodales
in dignissim tortor ullamcorper ve

desktop DESIGN

Landing page

desktop DESIGN

Product categories page

desktop DESIGN

Product details page

desktop DESIGN

About us page

desktop DESIGN

Support page

desktop DESIGN

Contact us page

desktop DESIGN

Order confirmation page

mobile design

Responsive mobile pages

Create an environment for deeper engagement
Make it fun and intuitive to use
Build and establish trust
Create a community where people could interact with one another

INFORMATION ARCHITECTURE

Sitemap

reorganizing for clarity

Designed and developed by Asia Plus Inc., Q&Me Surveys serves as an in-house data gathering tool for use in the company's bevvy of market research services. The founder's aim was to innovate how Vietnam conducts market research by creating a digital data-collecting platform, shifting away from more traditional research methods.

THE PROBLEM

Sketches

a not-so-convenient convenience

By 2020, Q&Me Surveys struggled to convert new users and grappled with a declining user base. Originally created with little consideration for UX fundamentals, the app was laden with inconsistencies and convoluted flows which discouraged people from investing their time into what was supposed to be a rewarding experience. As its audience continued to evolve and the marketplace steadily matured, a wholly unchanged Q&Me Surveys app had remained stagnant.

LO-FI PROTOTYPE

Lo-fi wireframes & prototype

lo-fi prototyping

By 2020, Q&Me Surveys struggled to convert new users and grappled with a declining user base. Originally created with little consideration for UX fundamentals, the app was laden with inconsistencies and convoluted flows which discouraged people from investing their time into what was supposed to be a rewarding experience. As its audience continued to evolve and the marketplace steadily matured, a wholly unchanged Q&Me Surveys app had remained stagnant.

VALIDATION & ITERATION

Validation & iteration

adjustments from testing

Our challenge was to reinvigorate Q&Me Surveys, working towards laying down a strong foundation while embracing the app's original premise of empowering users to earn redeemable points by completing tasks. In doing so, we were striving to create an engaging experience which would be refreshing for the app's current user base, enticing for those who had come and gone in the past to give it another shot, as well as offering a dash of familiarity and simplicity to welcome future generations of users.

Our high-level goals were to:

Create an environment for deeper engagement
Make it fun and intuitive to use
Build and establish trust
Create a community where people could interact with one another

THE PROBLEM

In hac habitasse platea dictumst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae ipsum nec lorem porttitor rhoncus vitae sit amet neque. Fusce non dolor ligula. Nullam at venenatis augue. Etiam lorem tellus, sodales vel pretium id, egestas vitae libero. Donec accumsan, lectus ut molestie tempor, libero nisl faucibus elit, porta lacinia ex elit quis dolor.

Maecenas ut elit sapien
In sollicitudin mauris eget nisl blandit
Donec id sapien sodales
in dignissim tortor ullamcorper ve

FINAL THOUGHTS & TAKEAWAYS

Success metrics

CHALLENGING PEN & PAPER

Designed and developed by Asia Plus Inc., Q&Me Surveys serves as an in-house data gathering tool for use in the company's bevvy of market research services. The founder's aim was to innovate how Vietnam conducts market research by creating a digital data-collecting platform, shifting away from more traditional research methods.

HAPPINESS

Net Promoter Score (NPS)
Customer satisfaction rating

ENGAGEMENT

Average session length
Number of conversions

RETENTION

Churn rate

TASK SUCCESS

Task efficiency
• Task completion

FINAL THOUGHTS & TAKEAWAYS

Final thoughts & takeaways

CHALLENGING PEN & PAPER

Working with Half Saint gave me an opportunity to take part in an industry of personal interest in fashion, and more specifically, street wear. I like to stay on top of trends and the culture of street wear, so being able to design for Half Saint was something that was right up my alley. I was given a lot of creative freedom, but I feel that with that freedom also comes added pressure to really deliver an exceptional result.

Although I did work directly with the Founder and CEO, there wasn't much structure involved, which at times made things more difficult. In such an environment, communication plays an even more pivotal role in ensuring success of a project.

HI-FI PROTOTYPE

Prototype

HI-FI PROTOTYPING

FINAL THOUGHTS & TAKEAWAYS

Success metrics

CHALLENGING PEN & PAPER

Designed and developed by Asia Plus Inc., Q&Me Surveys serves as an in-house data gathering tool for use in the company's bevvy of market research services. The founder's aim was to innovate how Vietnam conducts market research by creating a digital data-collecting platform, shifting away from more traditional research methods.

HAPPINESS

Net Promoter Score (NPS)
Customer satisfaction rating

ENGAGEMENT

Average session length
Number of conversions

RETENTION

Churn rate

TASK SUCCESS

Task efficiency
• Task completion

FINAL THOUGHTS & TAKEAWAYS

Success metrics

CHALLENGING PEN & PAPER

Designed and developed by Asia Plus Inc., Q&Me Surveys serves as an in-house data gathering tool for use in the company's bevvy of market research services. The founder's aim was to innovate how Vietnam conducts market research by creating a digital data-collecting platform, shifting away from more traditional research methods.

HAPPINESS

Net Promoter Score (NPS)
Customer satisfaction rating

ENGAGEMENT

Average session length
Number of conversions

RETENTION

Churn rate

TASK SUCCESS

Task efficiency
Task completion

HAPPINESS

Net Promoter Score (NPS)
Number of 5-star reviews

ENGAGEMENT

Average session length
Number of conversions

RETENTION

Churn rate

TASK SUCCESS

Task efficiency
Task completion

FINAL THOUGHTS & TAKEAWAYS

Final thoughts & takeaways

CHALLENGING PEN & PAPER

Working with Half Saint gave me an opportunity to take part in an industry of personal interest in fashion, and more specifically, street wear. I like to stay on top of trends and the culture of street wear, so being able to design for Half Saint was something that was right up my alley. I was given a lot of creative freedom, but I feel that with that freedom also comes added pressure to really deliver an exceptional result.

Although I did work directly with the Founder and CEO, there wasn't much structure involved, which at times made things more difficult. In such an environment, communication plays an even more pivotal role in ensuring success of a project.

THE PROBLEM

In hac habitasse platea dictumst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae ipsum nec lorem porttitor rhoncus vitae sit amet neque. Fusce non dolor ligula. Nullam at venenatis augue. Etiam lorem tellus, sodales vel pretium id, egestas vitae libero. Donec accumsan, lectus ut molestie tempor, libero nisl faucibus elit, porta lacinia ex elit quis dolor.

Maecenas ut elit sapien
In sollicitudin mauris eget nisl blandit
Donec id sapien sodales
in dignissim tortor ullamcorper ve