top of page

 Winbond 

 Online Exhibition

Website Design

華邦電子線上導覽網頁設計

UIUX design

2020

Group 217.png

overview

SMARTER FUTURE

華邦電子為專業的記憶體積體電路公司,是臺灣唯一同時擁有 DRAM、Flash、Security 自有開發技術的廠商。每年都會參與國際電子零組件盛會,亮相各式產品與解決方案。

2020 年受新冠肺炎疫情影響,嚴重影響到全球實體展覽的舉行。為此,華邦委託我們將今年的展會移至線上,目標是不受到時間與空間限制,向客戶展示華邦產品在不同領域可能帶來的科技突破與變革。

SMART FUTURE - 線上導覽入場動畫

​設計概念

因應疫情,打造一場身歷情境的線上導覽

​​華邦將該線上展覽命名為「 SMART FUTURE 」。

我們將華邦的四大類型產品加上線上論壇轉換成不同的科技理想城,以導覽的方式帶領使用者穿梭於不同城市區塊,體驗所謂 「 SMART FUTURE 」氛圍。同時,依據用戶的各種不同需求,提供符合的對應的延伸產品及方案。

Frame 1.png

​設計概念

線上導覽員—Winball

​​我們將紅色小球擬人化做為使用者的專屬嚮導,在瀏覽的過程中,導覽員會適時向使用者介紹展覽概念以及各式各樣的客製化推薦提醒,透過專屬的體驗設計,提升使用者參與線上展覽的臨場感。

ball.png

​設計概念

入場動畫

導覽員(紅色球體)滾過,帶出華邦的品牌紅色,象徵華邦是擁有多項記憶體自有開發技術的廠商,背景的電路板則鑲有華邦 logo,除了有產品的意象之外,也增加使用者對產品的印象,並對展覽內容有初步的想像。

隨即則帶領大家進入「 SMARTER FUTURE 」的展覽入口處。

入場動畫

​設計概念

展場入口

​​當使用者繼續瀏覽網站,導覽員將會沿著代表華邦Winbond的W字樣軌道滾動,同時介紹自己的身份以及此場展覽的起心動念。而當介紹完則會正式來到註冊/登入入口,註冊完更會邀請使用者選擇最感興趣的領域,之後便會正式進入展場。

註冊流程.png

註冊流程:

​填寫基本資料

註冊流程:

​選擇最感興趣的領域

​設計概念

全貌地圖—客製化探索起點

​​正式註冊完畢進入網頁後,左上角的紅色導覽球將會介紹該網站的瀏覽方式,告知抽獎機制,並提示使用者點擊島嶼區塊。

若使用者在註冊流程有勾選「感興趣的領域」,導覽員將首先介紹該領域,作為探索起點,強化導覽客製化的感受。

進入展場時,左上角導覽員會介紹該網站的使用方法

探索起點.png

點擊會使區塊亮起,導覽員則會跳出介紹

mobile探索起點.png

​設計概念

產品綜覽

​​產品共分為四大領域,當使用者進入該領域,產品區塊會顯示點擊提示,使用者點擊後,則會觸發介紹視窗,而導覽員也會根據使用者的點擊愛好,例如當使用者在特定產品瀏覽較長時間後,導覽員會推薦他其他相關產品。

產品導覽.png

​設計概念

獎勵機制

​​為了鼓勵使用者探索所有領域,於網頁中設置簡易的獎勵機制:當使用者完成所有五座城市探索,即可參加抽獎。

獎勵機制.png

​設計概念

數位資源:線上論壇

​​建立線上資源區,完整收錄講座、新聞稿、產品DM等精彩資訊。此處採一頁式網站呈現,讓使用者瀏覽時可以不中斷的獲取資訊、自由探索此頁面的資訊。

論壇操作示意影片

論壇1.png
論壇2.png
製作團隊名單與合作夥伴

合作夥伴 Client|華邦電子股份有限公司

製作 Designed by Re-lab 資訊設計顧問公司

監製 Director|劉又瑄 Yu Hsuan Liu、葉仁智 Renddi Yeh

專案管理 Project Manager|陳郁嘉 Yu-Chia Chen

網頁程式技術指導 Coding Director|葉仁智 Renddi Yeh

前端開發 Front-end Developer|談軒宇 Peja Tan

介面設計 UIUX Designer|王雅蓁 Ya-Chen Wang

插圖美術 Illustrator|柯萩生 Lorna Ke

bottom of page