top of page
This site was designed with the
.com
website builder. Create your website today.Start Now

Supertaste

App+RWD

New Function 

&

New Layout

 
 
 

食尚玩家app & RWD

店家資訊、首頁文章、優惠功能開發

 
 
 
 
supe.png

Introduction：

​

SuperTaste is a popular TV show not only broadcasting on TVBS but also many international TV services that introduce Taiwan's local and global gourmets and sightseeing spots. Millions of fans of the show enjoy watching the show and reading articles written by the editors. 

​

In June 2020, Super Taste app 1.0.2005292 was released. The app suddenly got noticed and rocketed to the top of the ranking on both iOS App and Google store. In addition to the beloved TV show and website content, the digital product team generates unique materials such as web shows, information cards, coupon cards, and interactive games to boost the usage of the app. With the SuperTaste app, the audiences can connect themselves with their favorite show and nourish their daily life.

 

After a month, the team collected users' opinions and figure out there is a need to highlight articles about specific on store, sale & event information. The team then conducted workshops to create a function and put these elements together and serve the user's requirement.

 
 
 

Elements:

​

 

Many managers, editors, and engineers joined the workshop. The primary purpose of the workshop is to create user script and consensus on the function we'd make efforts on. We've already known that the users want to find "sale information" and "store information" easier, however, we don't know what exactly they are. At the beginning of the workshop, we found out that there are more than many definitions of these two requirements. We use JTBD and T-scale to narrow down our goal. At the end of the workshop, we took a quick survey to make sure everyone are one the same track. 

 
 
 
 
グループ 1.png
グループ 2.png
グループ 3.png

​

Many managers, editors, and engineers joined the workshop. The primary purpose of the workshop is to create user script and consensus on the function we'd make efforts on. We've already known that the users want to find "sale information" and "store information" easier, however, we don't know what exactly they are. At the beginning of the workshop, we found out that there are more than many definitions of these two requirements. We use JTBD and T-scale to narrow down our goal. At the end of the workshop, we took a quick survey to make sure everyone are one the same track. 
 
 
 
 
 
pooooost.jpg

Bunch of post-its... of course

 

Ideation & Heritages:

 

Since the task was developed a new function on an existing app, we cannot ignore the original UI and consistency. As mentioned in other paragraphs, SuperTaste is a show which has millions of audiences and also a popular gourmet-related information website. The app has a large size of the user base. These users have already got used to some flow. To add a function onto it, should be very careful and thoughtful.
 
We discussed with editors, product managers, marketing teams, and the stakeholders and came out with tons of ideas. We rate the ideas and list out the privilege order. 
​
 
 
 
macbook-pro-mockup.png

Deal with Heritages:

​

Before this design, the homepage of the app used to show stores than articles. To better promote this function, we checked with the editor team can we reorganize the information on the homepage. After discussions, the teams both believe re-design the homepage can boost the views of the articles. We designed the UI and 

 
 
 
 
 
 

Aha! Here Are Discounts!:

 
On the app
 
test.png

The UI on the app

 
 
 
On the Desktop
 
 

The desktop web design includes more information and delicate on store page design. We also made a lot of changes to this page. I would put the old design under this picture.

 
 
 
 
 
 
Web.png
Old-web.png

The old design. You can still see it online since the RD is still working on it (Sep 07)

We also worked a lot on the information architecture of the page. I will try to add more detail to this if the GA shows how it changes the interactions.

 
 
 
 
RWD
 
 

The design of the mobile view.

 
 
 
 
rwd.png

Summary:

 

It's pretty fun and challenging working on a website/app which already have a large user base. My coworkers help me a lot learning about the heritages and the backgrounds of the development. I was glad that the editor, the director, and the RD & PM team decided to trust me. The SuperTaste app was honored as the most popular app in 2020 in Taiwan, I'm honored that I worked with good people who not only support me on my works but also become my friends in private life.
 
bottom of page