cover_neioo.png

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

截圖 2021-03-26 下午6.22.52.png
ibeacon-type.png

Web Console : Neioo Cloud

console wireframe.png

iPad App : Neioo Officer

pad wireframe.png
Frame Solution

我將所需要的 spec 逐條定義好後,我們決定把整個場域系統 Neioo Life System 分為主要四大功能:

1. Dashboard : 讓巡檢者可以一眼知道目前場域內各種 iBeacon 的基本狀態和數量。

2. iBeacon : 場域內 iBeacon 細節功能,包含型號、模型、命名、電量、雲端狀態。

3. Inspection : 場域內 iBeacon 定位與細節狀態。

4. Manager : iBeacon 單顆設定參數內頁。

beacon 4 page.png
Creating Personality

兩個平台皆以沈穩的深灰藍色為底色,搭配藍綠色座位主要視覺,再加上少量的點綴色作為提示的色系,讓工具行且以大量資訊為主的系統更沈浸於設定系統,不受其他視覺影響而干擾。

 

而在 iPad App 的互動上嚴謹搭配 iOS Human Center Guildline 定義的多手勢互動,直覺的操作方式讓巡檢人員不需另外學習就能簡易操作系統。

color.png
iPad App : Neioo Officer

兩個平台皆以沈穩的深灰藍色為底色,搭配藍綠色座位主要視覺,再加上少量的點綴色作為提示的色系,讓工具行且以大量資訊為主的系統更沈浸於設定系統,不受其他視覺影響而干擾。

 
officer04.jpg
neioo-officer.png
Web Console : Neioo Cloud

網頁版後台更多的是著重在觀測面以及與系統對街的設定,整體視覺與 iPad App 統一,並且彈性的讓系統得以持續擴充相關功能,並與工程師協作當時的快速開發語言 Angular2 & Bootstrap2 進行開發。

neioo-cloud.png
Social Community Module

針對品牌商的 C 端用戶製作可以與 iBeacon 進行線下互動的 App,並且模組化整個 App,除了能夠快速套用 CI 外,也提供客製化功能,讓品牌商能夠自選 App 內搭載的功能,凡舉:聊天室、快速驗證身份入場簽到、場域感應、個人頁或新聞公告頁面...等功能模組。

Meet 創業小聚 & CIO 經理人雜誌 & Minor 音樂場域

Behance Link

3-image
3-model page
3-enter

家樂福商城

Behance Link

c-platform
c-demo
c-page

香港 K11 x Google 商場

Behance Link

k11-2.png
k11-1.png

K-Startup Grand Challenge

kstartup.png