2016
Product @ 8 Interaction
Connecting the world with Neioo iBeacon Life System
Neioo 是一個 iBeacon 巡檢工具平台,可於 web console 和 iPad App 使用,Neioo Life System 可讓設定者知道場域環境、所有 iBeacon 狀態、位置、使用狀況...等細節設定,也可於系統上新增、移除和設定各種參數,同時支援 iBeacon 的硬體感知運算能力、雲端運算、溫度、濕度、紅外線等,開啟 O2O 的特別體驗。
本次專案除了 iBeacon 巡檢工具外,也客製化不同品牌商活動需求,模組化實際場域 C 端用戶的 Android / iOS App 實際體驗,凡舉靠近 iBeacon 有特殊優惠、商品解說、線下活動報到流程、線下與 C 端互動...等,實際互動場景:零售產業、各大企業、活動策展、旅遊導覽。
已合作廠商:家樂福、香港 K11、香港 Google、CIO 經理人雜誌、Meet 創業小聚...等品牌商。
並協助公司獲得 2016 韓國 K-Startup Grand Challenge,和贏得 SparkLabs 國際新創加速器的指導資格。
Challenge
系統需整合 iBeacon 特性,打造出提供給 B 端的線上設定與線下巡檢的 O2O 應用 Neioo Life System 系統,並且針對 iBeacon 應用範圍,設計出模組化的 App 讓品牌商的 C 端可實際與 iBeacon 互動。
Release
✔ Neioo Web Console : Neioo Cloud
✔ Neioo iPad App : Neioo Officer
✔ 家樂福、Meet 創業小聚、CIO 經理人雜誌、Minor 音樂,四品牌互動 Android / iOS App
✔ K11 x Google 實體場域互動 IM web
Role
Product Designer
Explore iBeacon & Ideation
iBeacon 是一個可以感知溫度、距離、定位、發送信號和記錄數據的低耗電藍芽低耗電藍芽傳送器,Neioo 系統除了需要有這些參數顯示外,本次更著重於 iBeacon 場域巡檢與設定。
其中主要功能大致包含:場域綁定 iBeacon、監控 iBeacon 狀態、紀錄 iBeacon 於場域內位置、iBeacon 狀態顯示、iBeacon 種類顯示種類顯示...等。
iBeacon Type
SENSORO iBeacon : YUNZI, USB, 4AA, alpha
Web Console : Neioo Cloud
iPad App : Neioo Officer
Frame Solution
我將所需要的 spec 逐條定義好後,我們決定把整個場域系統 Neioo Life System 分為主要四大功能:
1. Dashboard : 讓巡檢者可以一眼知道目前場域內各種 iBeacon 的基本狀態和數量。
2. iBeacon : 場域內 iBeacon 細節功能,包含型號、模型、命名、電量、雲端狀態。
3. Inspection : 場域內 iBeacon 定位與細節狀態。
4. Manager : iBeacon 單顆設定參數內頁。
Creating Personality
兩個平台皆以沈穩的深灰藍色為底色,搭配藍綠色座位主要視覺,再加上少量的點綴色作為提示的色系,讓工具行且以大量資訊為主的系統更沈浸於設定系統,不受其他視覺影響而干擾。
而在 iPad App 的互動上嚴謹搭配 iOS Human Center Guildline 定義的多手勢互動,直覺的操作方式讓巡檢人員不需另外學習就能簡易操作系統。
iPad App : Neioo Officer
兩個平台皆以沈穩的深灰藍色為底色,搭配藍綠色座位主要視覺,再加上少量的點綴色作為提示的色系,讓工具行且以大量資訊為主的系統更沈浸於設定系統,不受其他視覺影響而干擾。
Web Console : Neioo Cloud
網頁版後台更多的是著重在觀測面以及與系統對街的設定,整體視覺與 iPad App 統一,並且彈性的讓系統得以持續擴充相關功能,並與工程師協作當時的快速開發語言 Angular2 & Bootstrap2 進行開發。
Social Community Module
針對品牌商的 C 端用戶製作可以與 iBeacon 進行線下互動的 App,並且模組化整個 App,除了能夠快速套用 CI 外,也提供客製化功能,讓品牌商能夠自選 App 內搭載的功能,凡舉:聊天室、快速驗證身份入場簽到、場域感應、個人頁或新聞公告頁面...等功能模組。
Meet 創業小聚 & CIO 經理人雜誌 & Minor 音樂場域
Behance Link
家樂福商城
Behance Link
香港 K11 x Google 商場
Behance Link
K-Startup Grand Challenge