My Role
Team Member (UI / UX / Product Design Lead)
⭐ Featured Skillset
- Guiding and advising the team on product design topics
- Introduced design thinking concepts like the double diamond model
- Facilitated brainstorming and ideation process on Miro
- Introduced UX concepts like user personas, user journey mapping and service blueprint
- Carried out extensive user research: interviews, creating personas and mapping of user journey. ⭐
- UI design, creating clickable prototypes on Figma
- Introduced product management concepts such as feature prioritization
- Designed various artifacts using Adobe Photoshop and Illustrator
- Standardized design and art style across all collaterals to be submitted (prototype, proposal and slide deck)
- Worked on proposal especially with regards to content on problem definition, user research and design mock-ups.
Shopee Product Design Competition 2021 was specially designed by the Shopee Product & Design teams for professionals and students to share ideas on how Shopee can create the ultimate feature for the Shopee app.
Kerf first reached out to me on LinkedIn to join the competition together with her team as she did not know anyone with a product background. I was quite pleasantly surprised. I never knew how much value my knowledge and skillset could provide. It was a good feeling to be recognized. I immediately seized the opportunity as I was also looking to join the competition myself.
The released problem statement is as such:
Taking into consideration Shopee’s current initiatives on its mobile app in the respective markets and the local consumer behaviour, propose a solution that focuses on:
- Improving an existing feature OR
- Creating a new feature that would enable Shopee to remain the leading e-commerce platform in your chosen market (any of the 7 markets that Shopee is based in: Singapore, Indonesia, Thailand, Vietnam, Malaysia, Philippines, and Taiwan)
We adhered to the double diamond method in our approach towards the problem.
For the first step, discovery, there were two methods we employed.
One, we brainstormed within our group to discover problems and features we wanted to implement. Two, we carried out user interviews to discover new problems that others faced. Through these interviews, we wanted to hold conversations with people who have used Shopee’s services to learn more about their perspectives, how they felt and think, and not just question them about any problems they faced. Below were some guiding questions we came up with:
1. Getting to know them better as a person (Name, Age, Occupation, Personality and Nationality)
2. Do you use Shopee?
3. How long have you been using it?
4. What prompts you to use it (Shopee advertisement, notifications, need to buy a specific item)?
5. User Shadowing
- Can you show me how you use the Shopee app? (Take note of any difficulties or peculiarities)
- What are some problems you face when using the app?
- What features do you dislikes?
- What are your favourite features?
From our brainstorming session, there were a few problems we were each interested in tackling. The first was problems with sizing when buying cloths and apparel, the second was a lack of gifting feature, and the last was the lack of investment features.
From our interviews, there were more insights to be gleaned. We had distilled our findings into four user personas and their associated user journey.
This begged the question; how we might we help quell, mitigate, or solve these feelings of hesitation, apprehension and most importantly provide assurance at every typical problematic stage of the user shopping experience.
Intuitively, it was only reasonable to select one problem and create a feature focussed purely on tackling it. However, in the grand scheme of things, our team wanted to create a feature that tackled most of the problems we identified, or at least create a platform with which solutions could be added on like building blocks over time. Hence, we wanted to revamp the existing Shopee chatbot (found in “Me” tab -> Help Center ->Live Chat) into a chatbot that was several consultants in one.
Not only would we be solving the problems of the users. Our solution would transform the current chatbot from a customer service tool into a sales and marketing tool that helps achieve business goals. Other than user specific needs, the chatbot could also promote bundle offers and sales when there are multiple items in the cart. Essentially, the chatbot is a feature that could enhance the sales process.
The scalability of such a solution would come in rolling out different consultants for different users. By tackling each user group separately, the experience of these user segments would not be side-lined. Separate teams could design personalized experiences for each segment, and training for each machine learning model could be separated.
Our inspiration came from a popular rise in chatbots in 2020 such as busuncle.sg and Facebook Messenger chatbots.
The first consultant we needed was for general enquiries, and any other edge cases not covered by other consultants. Sophie was already carrying out this task.
Next, we needed to expand on the functionality of the chatbot by including other consultants. To decide the types of consultants needed, we look to our findings from our user interviews and discovered the two main groups of users were most interested in clothing, and tech gadgets respectively. We could add two more mascots as the fashion consultant and technology consultant. Every consultant will be accessible from the chatbot interface as well as relevant listings.
We will use the Fashion consultant to solve the problems of not getting the right recommendations and inaccurate sizing. To better enhance recommendations, the chatbot could be used to acquire crucial information such as body type, skin tone, and favourite fashion styles. When looking at a listing, whether recommended or not, the chatbot could also introduce an AR filter to let users determine how they look in it, and whether the sizing is correct. By sharing pictures of the AR filter with others, the user could also receive discounts to encourage word-of-mouth referral and generate growth.
The chatbot can also function as a feedback loop. For instance, the chatbot could jump in when a user rates a product poorly. The seller can offer discounts to stem disappointment and create questionnaires to understand and better serve their customer in the future.
We will use the Technology consultant to solve the problems of authenticity and provide quality of life features such as recommendations based on similar specification. In terms of authenticity, the consultant could provide more information on the seller, whether they are the official supplier or distributor. Current features such as Shopee Guarantee are in place to protect the buyer but does not provide sufficient transparency on the listing.
The overall design strategy was to create a simple yet sophisticated feature. The core functionalities had to be simple enough for users to get help as and when they need to alleviate the users pain points. Good-to-have functionalities added to the sophistication, bringing joy and delight to the user.
Rapid prototyping and user testing allowed for rapid improvements to be made to the design. Users gave feedback that not only improved the design but also additional functions that were useful. There were 5 iterations of the wireframe before the final clickable prototype, and we included feedback that provided the most value/effort.
For example, some intentional design decisions include increasing the visibility of the feature by bringing it onto the home page and situating it next to the search bar. Although this took up more screen estate, we still made this choice to do so. Over time, valuable and useful features could be packed into the chatbot which justifies moving it to the homepage. Getting help from the live chat that Sophie currently provided was also useful although the choice to nest it deep was perhaps due to lack of resources to man that live chat / to reduce usage of the live chat.
Core functionalities such as a chatbot being able to answer queries appropriately would be dependent on machine learning capabilities. Including guiding buttons at the bottom would speed up training and allow the chatbot to answer as appropriately as possible.
To bring joy and delight, the chatbots should possess personalities and speak in lingos suitable to the category they are serving in. We also included animations whenever users received rewards and discounts to further their delight.
We submitted our clickable prototype and proposal to Shopee. Unfortunately, we were not able to pass through the preliminary round.
Although research & discovery was done well, I believe we failed to define the problem to focus upon. Choosing to improve the chatbot and meshing all solutions into it was only a convenient way to solve multiple problems, not the optimal way to solve one problem.
- For example, the AR filter alone would have been a single solution to the problem of incorrect sizing / not knowing how the clothing would look.
- Yet, the AR filter became one of many features added to the chatbot, thus complicating the solution and not being able to be presented clearly in our proposal.
- Other potential solutions to that same problem include allowing buyers to receive samples, or opening a popup Shopee store. We would then consult with stakeholders to implement a solution that worked.
Taking ownership and leading the team in product design was important as I was the only one who had experience in product design. I created an environment with was more democratic and participatory, hence it was harder to reject ideas. This led to the problematic chatbot solution where we tried to incorporate as many ideas as possible. If I had been more decisive, I could have prevented such a situation from happening in the first place.
Generated some useful insights for Shopee, and interesting features that Shopee could potentially adopt in the future.
Working with the team was an enjoyable process no matter the result. There is always something to learn from every project and every experience.
Figma Sandbox with hi-fi screens and flows
Aug 2020 - Jul 2021
Student Club | Publicity & Publications Subcommittee
As the Assistant Publicity Officer of the NTU Runners' Club, I had undertaken several design related projects. Starting with the official rebranding by creating a style guide for our club. From there, we used the style guide to redesign our logo, club shirts and social media posts.
Some notable accomplishments included designing collaterals for ruNTUgether and Race Bingo, university-wide events that the club had planned and executed while also advertising and publicizing our sponsors.
During weekly official run days, we Assistant Publicity Officers were in charge of photography and also managing the social media accounts. Additionally, we had the responsibility of leading groups of 5 (limited due to COVID) on the runs.
Aug 2020 - Jul 2021
Student Club | Publicity & Publications Subcommittee
Designed two magazine articles, a longform investigative piece "Apart but Not Alone: COVID-19 & The Elderly" on Page 10-11 and an infographic "COVID 19 in Singapore: A Summary" on Page 32-33, as part of the 15th issue of the club's annual magazine "StandOUT". The magazine was published university-wide.
Aug 2020 - Sep 2020
Personal Project | Education & UI/UX Design
Designed and created Instagram posts intended to teach others about UI/UX design. Topics I have posted about include:
- UI / UX are NOT the same thing
- Why is UI / UX design important
- What about graphic designers
- What is the interface in UI?
- How about aesthetics?
- Brand Identity
- Product Design
May 2020 - Aug 2020
Graphic Design | Page Layout Design | Copywriting
Designed Changi Airport Group's quarterly newsletter and DIVA's product catalogue.
Due to non-disclosure agreement, please contact me for more details!
Aug 2019 - Jan 2020
Student Initiative
Proposed a project “Resumption” which aimed to reduce waste in hotels and raise awareness on responsible consumption in Singapore and Hong Kong.
Led team comprising former members of the United Nations Sustainable Development Goal (SDG) eTournament (see resume) from Taiwan and Hong Kong to ideate and create a sustainable development project lasting up to 6 months and funded for HKD50,000 . Our proposal for "Resumption" had garnered the approval of the reviewing committee over the other submitted proposals. The project was discontinued due to the Hong Kong riots and COVID pandemic which shut down tourism in Hong Kong and effectively stopped our proposal from being implementable.
Project Proposal
Proposal Review and Approval