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

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

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

本案目的為推廣 城市移動 服務項目，進行官網設計，由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

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