城市移動 網站設計 網站建置 官網 規劃
城市移動 網站設計 網站建置 官網 規劃
城市移動為專業機場接送服務車隊,結合消費者、車輛提供者、車輛管理者、駕駛人員等交通運輸產業資源,提供車輛出租、代駕服務 與 線上叫車 等媒合服務,跨業合作、資源共享的租駕媒合系統。促進交通運輸產業的創新與合作,並期待藉由產業結盟與異業整合,創造更高的經濟循環與價值。
本案目的為推廣 城市移動 服務項目,進行官網設計,由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
網站連結
城市移動 網站設計 網站建置 官網 規劃