fbpx

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動 網站設計 網站建置 官網 規劃

城市移動為專業機場接送服務車隊,結合消費者、車輛提供者、車輛管理者、駕駛人員等交通運輸產業資源,提供車輛出租、代駕服務 與 線上叫車 等媒合服務,跨業合作、資源共享的租駕媒合系統。促進交通運輸產業的創新與合作,並期待藉由產業結盟與異業整合,創造更高的經濟循環與價值。

本案目的為推廣 城市移動 服務項目,進行官網設計,由SOBO進行網站架構規劃、視覺設計、UI設計與前端開發。

【網站規劃】
製作前期SOBO團隊收集資料,了解產業需求,與業主反覆溝通討論,共同規劃單元 與 訂定網站架構。這次改版,更注重支援多種行動裝置,提升在各裝置的使用體驗,讓用戶能在各種裝置輕鬆操作並瀏覽網站。

1. 為了讓用戶在第一時間能了解 城市移動,將「六大服務項目」設計在進入網站的第一畫面,當用戶切換標籤,資訊與背景圖更換,用戶可以快速了解各項服務內容。另外設計了按鈕,引導使用者進入單元頁面,詳細了解該項目資訊。
2. 各單元設計了刊頭,讓用戶能清楚知道自己在網站的所在位置。針對不同的單元,搭配呼應內容的插圖,在瀏覽網頁的時候,可以更輕鬆的消化資訊。
3. 多國語言的切換,方便不同國別使用者皆能夠愉快的瀏覽網站
4. 常見問題設計収合的方式,讓使用者在眾多的內容中依然方便閱讀。
5. 合作廠商單元 搭配地圖, 能夠清楚的對應各個服務據點的位置。

【視覺設計】
1. 企業識別顏色紅與黃,帶來活潑的氛圍,另外加上了深藍色,為網站增加穩重與專業感。
2. 針對單元tab設計對應的icon,讓用戶更直覺的對應單元項目。
3. 設計插圖搭配資訊,增加畫面的豐富度讓網站更加吸睛,圖像的搭配能除了夠加深閱讀者對內容的印象,還能拉近與用戶的距離,讓網站整體更有親切感。

執行範圍包含:網站規劃、網站設計、UI設計、視覺設計、前端開發 (切版)、banner設計

RWD 響應式網頁設計 (Responsive Web Design)
跨裝置相容 Google Chrome , IE (11.0以上版本) , Firefox , iOS9.X以上 之 Safari & Chrome , Android 5.X以上 之Chrome.
HTML5 / CSS3

標籤:主視覺 , 網站建置 , 行動裝置

網站連結

城市移動 網站設計 網站建置 官網 規劃