YDA
賽馬會年輕糖尿支援計劃
賽馬會其下的社區支援計劃。需要設計一個全新的網站配合推出社區。希望網站簡潔年輕化的形象,更容易令患者得知計劃內容並得到協助。

讓糖尿病 不再是孩子的障礙

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

客戶背景:賽馬會年輕糖尿支援計劃網站

計劃希望改善對年輕糖尿病患者的支援,為患者提供連續血糖監測器及其他服務,使患者及其家人能夠更有效地管理糖尿病。此外,計劃亦務求令社區更清楚認識糖尿病,並研究糖尿病患者使用連續血糖監測器的成本效益。

客戶需求及網站規劃

客戶希望以簡潔方式圖像+文字介紹計劃內容,分別有中英文版。而網站有一部分可供用戶網上登記支援計劃。

風格確認及前期mock up

根據客戶提供的logo和計劃內容,設計師抽取了過往客戶使用過的元素及顏色作為mock up設計的第一步。利用不同藍色配合相對應的圖片,做出簡潔清晰的界面安排。而且在每個區塊加上了解更多按鈕,方便用戶了解自己更有興趣的資訊。
Final Output

最後定稿

經過客戶跟設計師在mock up階段的修改及討論,客戶挑選了以下的整個版面設計風格,我們亦在製作期內完成了整站設置及登記系統設置。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

分錯式版面

網站內容以圖片及文字為主,設計師利用一個錯開的版面設計,令網站內容不會過於單一沉悶,同時標題及內文的大小安排又可以使用戶清楚看到對應的圖片,豐富想像。

網上預約及登記系統

根據客戶的需求,設定了4步驟的預約登記系統。首先,用戶可以在第一步挑選合適的服務及理想的預約日期。系統亦可以讓管理員手動設定不開放的時間及日期。其後,可以設定不同的時段及一份表單,讓用戶留下聯絡資料及相關糖尿病資料。網站後台亦會統一儲存收集到的表單資料,方便易用。
Website color

網站色調處理

設計師從客戶提供的Logo及平面元素中抽取了藍色的元素作為網站主色調。而橙黃色則作為對比的重點顏色使用在網站中。整體不會有過多色調影響用戶瀏覽網站。

Google map 嵌入功能

將客戶公司google地圖地址轉為代碼嵌入到網站中。令聯絡資料視覺化,增強用戶互動性,同時方便用戶可以找到客戶公司所在地。

語言版本翻譯功能

我們為客戶架設的翻譯系統並非只在視覺上轉換為共他語言文字。而是可以生成另一個頁面內容,令客戶可以自行修改其他版本的用字,擁有較多自由度。

怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Scroll to Top