ASAP+/ConnectPlus

ConnectPlus helps brands that wish to expand their business into China's digital market by providing an omni-directional solution to approach and engage with their target audiences.

Graphical Mockup of Metriczoom on a MacBook and iPhone. First screen is for the home page on a MacBook. Second screen shows the homepage on the iPhone.
 
My Role The Team My Key Contributions Tools Used Timeline
UX Designer 4 Designers, 3 Project Managers, 1 Marketing Manager, 1 CEO, 12 Developers UX Designer, Website Design, Translate Languages Sketch, Ianhua, Jira, Adobe Creative Suite, Balsamiq, WeChat 5 Months
Feb 2019 - Jul 2019

My Role

UX Designer

The Team

4 Designers, 3 Project Managers, 1 Marketing Manager, 1 CEO, 12 Developers

My Key Contributions

UX Designer, Website Design, Translate Languages

Tools Used

Sketch, Ianhua, Jira, Adobe Creative Suite, Balsamiq, WeChat

Timeline

4 Months
May 2018 - August 2018

Timeline Breakdown

Timeline. February 2019 to Mid-Feb 2019: PM Explains App Flow to Me. Mid-Feb 2019 to March 2019: Start to Help with UX of Clientele. Finishes Wireframes and Uploads on Invision and Zepelin. March 2019 to Mid-March 2019: PM Goes over Designs and Wants Certain Changes. Also Asks Me to Help with Pitch Decks. Mid-March 2019 to June 2019: Completes Additional Changes and Finishes Pitch Decks. June 2019 to Mid-June 2019: CEO Happy with Progress Made. Mid-June 2019 to July 2019: Internship Ends.
 

INTRO

What is ASAP+/ConnectPlus all about?

Connect Plus helps brands that wish to expand their business into China's digital market by providing an omni-directional solution to approach and engage with their target audiences. We provide end-to-end cross border eCommerce services across the main social commerce channels, including WeChat, Tik Tok and Tmall. In doing this, we help you connect to your potential customers seamlessly at anytime, anywhere.

 

Design Opportunity

I had the honor of working for their prominent parent company ASAP+, located in Shanghai, China during my Capstone study abroad there. As I worked here, I was transferred to working on their startup company Connect+ and helped them with various tasks including revamping their entire website, tweaking user interfaces for some clients.

 

ConnectPlus Goals

"How can we design an application that provides a simple and intuitive way for companies to market to Chinese consumers?"

 

The Problem

The CEO was not completely satisfied with the current website and felt like it needed something more. Since it was a startup, they needed as much help as they could get, and there was only a short time period to get this app completed and launched!

 

Branding

Logo

Several Iterations of the Radiate Logo. Several Iterations of the Radiate Logo.

Colors

#EE3C79 #FFA01E #1FB7F7 #0C62C3 #F26091 #FFB400 #00C9E1 #1286E8 #FF7EAB #FFC610 #34D8D9 #6EB0FF #EE3C79 #FFA01E #1FB7F7 #0C62C3 #F26091 #FFB400 #00C9E1 #1286E8 #FF7EAB #FFC610 #34D8D9 #6EB0FF

Font

Several depictions of the word Avenir.
 

REVIEWING OLD DESIGNS

Old User Interfaces of Web & Mobile

ConnectPlus home page on both mobile devices and web.
ConnectPlus home screen.

A A bit too small, illegible.

B Hard to read, colors don't stand out.

C Section not needed.

 

A Increased size so its more legible.

B Increased font size, color more vibrant.

C More organized, added a "learn more" button.

ConnectPlus home screen featuring Get Ready for your China Potential.
 
The Travel Solutions section.

A A bit too small, illegible.

B Breaks it down, but confusing.

C Interesting idea, but makes users do an additional step by scanning QR code.

 

A Increased size so its more legible.

B Gives summary of what C+ does.

C Briefcase showcases clientele for testimonials.

Expand your business with our growth hack solutions.
 
ConnectPlus on two mobile devices.

A Font is too small, color is not vibrant.

B Some users still might find it difficult to understand the program.

 

A Increased font sizes and colors.

B One-minute video clearly depicts the program and its features.

Understand ConnectPlus in one minute.
 
UGC Integration.

A Images might be confusing.

B Font and colors are difficult to read.

 

A Font and color vibrancy increased, also highlights important details.

B Images represent the website much better.

Moda Operandi, 6ixty8ight and Forevermark products.
 

BEGINNING THE DESIGN OF THE CONNECT PLUS PRODUCT

Low Fidelity Wireframes in Balsamiq

Low Fidelity wireframes in Balsamiq.
Design tab of ConnectPlus
Wanderlust Commerce on ConnectPlus
Personal Center
Which product do you want to try?
Get started absolutely free.
Product tab of ConnectPlus
Style
Color
 

RESULTS

Key Results from the Changes

  • Won the Shanghai SHIAF awards for design 2019.
  • Clients satisfied with their launch on WeChat mini-programs including GOAT and Sneaker.
  • Crafted company marketing and fundraising decks which helped ¥200k.
 

What Have I Learned?

  • The different work styles in China compared to the Western Hemisphere.
  • The importance of adding components and stylesheets to projects.
  • Even if a task assigned might seem tedious and unimportant, it can make a huge difference in the long run!
 

Final Words

I feel so lucky to have had this opportunity! Working abroad in China has helped me broaden my mind and also helped me acquire new knowledge! I am so glad to be part of a wonderful team full of intelligent, funny and humble people. I am also so proud of the fact that we were able to work with various clientele from well-known companies! I can't wait to see how they grow in the future, and I'll be looking forward to my next project!

 

NEXT UP

LetzB

Designing an application that focuses on creating an innovative way for LGBTQ womxn to make connections through the events they attend.

Graphical Mockup of LetzB on three iPhone Xs. First screen is showcasing the Wine and Dine Meetup, hosted by Amanda. Second screen shows a list of other events. Third image shows Marissa Chan, aged 24, and her dating information.


I worked with LetzB as their only product designer, establishing their brand identity and crafting end-to-end user experience for their website and mobile applications! We were able to achieve over 95% positive ratings for the interactive prototype that was shown toward our target audience!