Livertpa

肝臟移植協康會 協會網站

香港肝臟移植協康會是一個由一群已經接受和正在輪候肝臟移植之人士、曾經捐出部份活體肝臟之親友、及他們的家人組成的非牟利組織。致力提供一個平台令已移植肝臟和等待移植的病友互相扶持。
香港協會網站

香港肝臟移植協康會發展至今超過五百人

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

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

機構協會網站

客戶背景:香港肝臟移植協康會 協會網站

香港肝臟移植協康會於一九九八年在香港註冊成立。宗旨是促進病友間相互交流、勉勵和支持,努力宣傳和推動器官捐贈,輔導、關心肝病患者與家屬/照顧者,喚起社會人士關注,積極預防肝臟疾病,增強病友信心,協助病友重投社會和推行肝臟健康教育。

客戶需求及網站規劃

客戶舊有網站版本較舊,無法再做出更多改動空間。因為是NGO機構,客戶亦缺乏太多資源投入在網站。經本公司其他客戶介紹後,我們以一個優惠NGO機構的成本為客戶重新規劃網站內容,並且利用Wordpress的特點,使協會人員往後不用編程知識都可以修改網站。

風格確認及前期mock up

綠色代表了健康、康復的感覺,加上協康會的LOGO中的小樹苗,設計團隊決定以綠色為網站主色,但並不是直接使用logo中的綠色。而是用一種更柔和的綠色,配合白色背景,效果亦顯得鮮明。設計團隊為客戶製作了不同資訊分佈的mockup 設計圖,以及主banner的不同顯示方式,希望客戶可以更加清楚將來網站的全貌。
Final Output

最後定稿

經過與客戶在主頁內頁設計的討論後,設計人員以統一的標題風格、顏色以及內頁banner設計風格完成整個網站設定。呈現肝臟移植相關的資訊以及協會的最新活動訊息。

Features

網站特色功能

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

特定點連結及資訊卡設計

從客戶方得知協會會員面對的肝臟疾病其實有很多種,而且很多最終可以透過肝臟移植治癒。因此設計人員為客戶網站加入肝病種類的頁面,並且用特定點連絡按鈕跳轉到相關資訊卡,清晰直接地了解到肝病內容。

內頁banner設計 / 聊天機械人

設計師因應內頁主題為客戶設計了一系列的內頁banner,透過有趣的插圖演繹內頁主題,令疾病負面感覺降低,用戶更正面去瀏覽網站資訊。而架設聊天機械人,可以協助客戶收集有興趣了解更多資訊的用戶,令協會的理念得到更廣泛的傳播。
Website color

網站色調處理

如上述所講,網站色調以綠色為主,而背景除了白色之外也加入了帶綠調的淺灰色作為間隔。而適當地使用橙色在網站中是為了突出細節部分,例如懸浮按鈕以及內頁特定連結按鈕。

網頁界面設計

設計師運用了不同的區塊配合陰影效果去區分資訊分佈,考慮到瀏覽網站的人士可能有一定年紀,清晰的排版及較大的標題字更能有效傳播訊息。

Youtube影片嵌入

透過Youtube嵌入碼,輕鬆將協會活動影片、網上研討會的影片內容直接展示於網站中。

申請表格設置

此外,我們為客戶設置了一份申請會員的表格,而透過使用Wordpress插件,客戶自己亦可以輕鬆修改表格內容,不需要有編程要求。

怎樣才是成功的網站?

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

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

Back