Supertaste
App+RWD
New Function
&
New Layout
食尚玩家app & RWD
店家資訊、首頁文章、優惠功能開發
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
Bunch of post-its... of course
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
簡介&工作流程:
這個專案是由 Rakuten (發源日本的網路販賣平台)提出的設計挑戰。同時,這也是我在求職過程中所做的第一個設計挑戰。這個挑戰的內容是一個B2B app的產品上架流程,我認為這是個有趣的專案。
這是一個很短的案子,從看到文件到截止只有一個禮拜的時間。 Rakuten 提供了詳盡的需求與指示,並表示我可以在畫面上加上任何我認為應該加入的元素。因為時間短促,我簡單的研究了產品上架需要填入的資訊內容後,訪問了我有在進行網路商店工作的朋友。我也試著實際上架並販賣了一個小東西。在這個專案中,我使用的大都是文件裡提到的元素。我繪製了流程圖,也寫了checklist以確保我有完成這些要求。
產出:
Hi-fi Prototype
工具:
Adobe Xd
截圖與描述:
On the app
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.
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.