比意空間
網頁設計
比意空間 – 網站架構介紹
元素比例共構設計 圖案輪播特效
比意空間 是以室內設施租用為主要的服務內容,同時也有規劃商品線上銷售與作品展示,因此在網站導航選單上使用較直觀的頁面主題分類,在入站的同時能更快到達訪客感興趣的網站頁面。
在網站內容配置上參考業主實體空間的設計概念,讓網頁區塊編排不遵循過於主觀的合理化,而是採交錯對比的方式主次排列,再搭配空間示意照片的輪播效果,讓整體網站更具有現代感,並且與實際租用空間樣式在視覺觀感上有所呼應。
網頁元素設計理念
課程展示系統 空間配色平面應用
只要空間有人租用或者有開放課程報名,就必須先在網站公告,因此在課程展示系統上設計 Massory (瀑布流) 的樣式,不對稱的設計能將最原始的課程教學作品完整展示,而不會出現圖片被裁切或者跑版的情況。
空間要素中色彩與相對位置的設計是相當重要的環節,為了能讓網站樣式更貼近實際租用空間觀感,除了頁面較重要的資訊欄位(頂部導航列與底部聯絡資訊),其他頁面均參考租用空間配色,來為頁面樣式進行點綴,而且無論在哪一種裝置上觀看網站,都能根據顯示螢幕大小來自動縮放,希望帶給使用者的是具有一致性的品排訊號。
網站架設特色功能
即時日程表預覽 會員社交登入系統 線上交易商店
當網站訪客在選擇課程日期時,還必須尋找手邊的日曆或打開手機才能完成課程時間的比對,這樣無疑是帶給使用者糟糕的瀏覽體驗,經過與業主的商討,在單獨頁面建立月曆功能,只需點選上下按鈕,就能快速找到課程日期,並且能直接在月曆上標注的位置連結報名頁面,讓網站具有為企業主加分的實質過功能。
在社群網路如此發達的現在,如果還只有提供單一登入會員方式,使用者無法快速以現有社交帳戶直接註冊會員,還必須輸入電子信箱跟常常想破頭的密碼,那在網站留下資料的意願一定會大大降低。因此在會員登入系統中設計了目前最多人使用的 Google 與 FACEBOOK 社群帳號快速登入,只需通過驗證,立即完成會員註冊手續,提高訪客註冊意願,才能有效執行再行銷的策略。
Other
其他案例
想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!