top of page

Supertaste

App+RWD

New Function 

&

New Layout

 
 
 

食尚玩家app & RWD

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

 
 
 
 
supe.png

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

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

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

pooooost.jpg

Bunch of post-its... of course

 

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

macbook-pro-mockup.png

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

簡介&工作流程:

這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。

這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。

產出:

Hi-fi Prototype

工具:

Adobe Xd

截圖與描述:

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