Smart Vending Machine UI Project

(2013-2014)

-

​

SVM UI Project (Campus Version) 2013 Release & Test (June 18, 2013)

SVM Facebook (includes 2013-2014 events)

​

​

SVM UI Design + University Souvenirs Design + App Design (for a Mobile Business Model)

​

校園商品結合SVM與行動商務創新服務計畫

Campus Commemorative Merchandise Associated with Smart Vending Machine and Mobile Commerce Business Model Creativity & Service Design

​

A. SVM UI Design

​

校園是一個小型的社會縮影，SVM UI PROJECT將智慧型販賣機移至校園中，以活潑的動畫介面與校園縮影推廣台科設計師作品，抓住與台科師生的連結，觸控介面與透明面板讓瀏覽過程更加多元，販賣機的功能也從選物之外增添更多展示的機會與可能性。

 

校園對照— 主畫面中呈現台灣科技大學校園的縮小版，學生熟悉的指標性建築物與場所皆出現在畫面裡，包括校門口噴水池、貝殼造型的會議廳等，點選建築物可進入觀看每一個場所的小動畫，再現學生在校園中的獨一無二的生活趣味。

 

透視面板— 與豐藝電子合作的智慧販賣機特色為穿透式觸控螢幕，利用畫面色調與深淺產生不同透明程度。除了在面板上顯示動畫效果、進行操作外，消費者亦可透過面板直接看見販賣機中的商品，觀看商品的同時閱讀商品資訊，並與透明面板上的動畫產生互動效果。

 

天氣變化— 面板上方總是飄著幾朵白雲，是與實際天氣同步的畫面，每三十分鐘更新一次，包括艷陽、無雲、陰天、落雨四種模式。隨時使用販賣機，在縮小的校園裡面與真實的世界產生連結，體驗相同的環境狀態。

​

A campus is the epitome of a society. In the project we put the smart vending machine (SVM) in the campus to promote NTUST designers’ works with lovely animated interface, and connect with NTUST teachers and students. The transparent panel with touch interface diversifies the browsing process, extending the SVM function from sampling choosing items to multiple displaying and possibilities. In the main page shows the corresponding mini NTUST campus. Every iconic building and place that students familiar with can be found in the map, including the fountain at the entrance and the shell-shaped conference hall. Short animations that recreate the unique, interesting lives in campus can be watched by pointing the buildings. Students can see themselves on the roof, watching new-year fireworks. Even the club-like conference hall at night, the cool school guard also can be found in the animation. On the top of the main page is the syncing weather that uploads every 30 minutes. With 4 modes of weather– sunny, clear, cloudy and rainy—users can feel the connection inside the mini campus with the real world, experience the same environment condition.

​

​