Surge
湧動創意
Location: 台灣台中, Taichung, Taiwan
Work: Front-end Developer
Details: 商品建模、靜態廣告素材、活動網站、APP視覺
關於產品模型
「完美無暇的呈現商品全貌」為了這個訴求，我們為iberry打造一系列的產品建模，由數位運算決定最佳的採光、發色及質感。
活動網站
iBerry極簡的主視覺，配上辦活動的熱鬧訴求，兩個迥異的元素合併在一起，成為一次特別的開發經歷。 最終，畫面以潔白乾淨為主體，用動畫襯托節慶氣息。
APP視覺
iBerry APP主要功能為購物，易讀性跟UI/UX是首要考量。與網站不同的是，APP畫面安排更加緊實，減少留白增加內容量。
滾動特效與360度google環場瀏覽
ITRI 工研院
Location: Hsinchu, Taiwan
Work: Big Data
Year: May 2016
Clients:
電商成效控管後台
工研院與電商公司合作研究並分析顧客購物的各項數據，試圖算出即將爆紅的產品，為此開發出一套販售成效控管的後台。在這項專案我們負責界接巨資試算成果到前端呈現，大多使用RWD動態圖表展示之。
RWD動態圖表及MENU刻劃
開啟字幕功能可看到展示影片解說
客製化推薦清單
工研院合作並開發一套可線上編輯視覺的推薦清單，顧客除了可以自由選擇清單樣式外，更能控制推薦演算方法，達到精準的推薦效果。
該平台可與codepen連動，讓服務電商快速移植到他們想要的購物頁面中。
此研究已實際與紅門互動(EagleEye鷹眼數據)、GoHappy、Friday購物等平台合作上線。
客製化平台操作展示
開啟字幕功能可看到展示影片解說
醫療資訊套裝後台
The essence of this experience lied in the most simple and obvious point of the Ten Thousand brand--literally the number 10,000--which is how many dots we used in our WebGL experience to virtually build a 3D blueprint of the property before the user's eyes. As the user explored personally tailored floorplans and amenities, these dots would shift and reshape in response to their actions.
WebGL Experience
The essence of this experience lied in the most simple and obvious point of the Ten Thousand brand--literally the number 10,000--which is how many dots we used in our WebGL experience to virtually build a 3D blueprint of the property before the user's eyes. As the user explored personally tailored floorplans and amenities, these dots would shift and reshape in response to their actions.
Catch Design
禾意數位
Location: Taipei, Taiwan
Work: Advertisment
Year: Jen 2015
Clents:
A Creative Approach to Information Architecture
Due to the luxury property still being under construction, the project had to move forward with limited resources. With access to only a handful of renderings, it would have been easy to conventionally organize a website that consisted of the typical Residences, Amenities and Gallery pages but we wanted to do more with less. Rather than categorize information page by page, we decided to distribute information equally throughout one unified experience. This information architecture laid the groundwork for interactive dial design to follow.
Elevated Living
From a design perspective, the challenge was to simply and effectively convey the elite status of living at Ten Thousand. Fortunately, the high quality renderings that were provided to us told a story among themselves offering a taste of the residents' daily lifestyle. So why not give the user a taste of what it's like to experience a day in the life at Ten Thousand? This sparked the creation of the interactive dial on the home page of the site that weaved a meaningful narrative into otherwise simple information and functionality.
Elevated Living
From a design perspective, the challenge was to simply and effectively convey the elite status of living at Ten Thousand. Fortunately, the high quality renderings that were provided to us told a story among themselves offering a taste of the residents' daily lifestyle. So why not give the user a taste of what it's like to experience a day in the life at Ten Thousand? This sparked the creation of the interactive dial on the home page of the site that weaved a meaningful narrative into otherwise simple information and functionality.
Data Capture Funnel
The client showed keen emphasis on selling their signature "predictive and personalized service" which we wanted to begin to display even on the most initial of interactions with the Ten Thousand brand. For qualified users, we designed a detailed data capture funnel that led them to a personalized web experience. Once in this funnel, a series of touchpoints and user interactions would notify their corresponding leasing representative of valuable benchmarks. Did the user receive their email, open it and view their personalized URL? What floorplans and amenities was the user most interested in? With this information, a leasing rep could then have a better gauge of how to personally reach out to future residents.
WebGL Experience
The essence of this experience lied in the most simple and obvious point of the Ten Thousand brand--literally the number 10,000--which is how many dots we used in our WebGL experience to virtually build a 3D blueprint of the property before the user's eyes. As the user explored personally tailored floorplans and amenities, these dots would shift and reshape in response to their actions.
Notify Personal Representative
The design reinforced the property's signature "predictive and personalized service" and was designed to seamlessly be "one step ahead" of the user. At any point throughout the experience, a future resident could directly notify their representative and ask for more information and exclusive access to the property.
Notify Personal Representative
The design reinforced the property's signature "predictive and personalized service" and was designed to seamlessly be "one step ahead" of the user. At any point throughout the experience, a future resident could directly notify their representative and ask for more information and exclusive access to the property.
Notify Personal Representative
The design reinforced the property's signature "predictive and personalized service" and was designed to seamlessly be "one step ahead" of the user. At any point throughout the experience, a future resident could directly notify their representative and ask for more information and exclusive access to the property.
Notify Personal Representative
The design reinforced the property's signature "predictive and personalized service" and was designed to seamlessly be "one step ahead" of the user. At any point throughout the experience, a future resident could directly notify their representative and ask for more information and exclusive access to the property.
