乳您一起網站


簡介

以下文章將以一個例子描述一個獨特且有系統的網站可以帶來甚麼好處。

我將帶你更了解「乳您一起」Jacqueline的故事,「乳您一起」網站的設計風格,以及網頁為「乳您一起」帶來的幫助。

背景

「乳您一起」線上病人互助群組是由乳癌康復者Jacqueline創立。當時Jacqueline只是希望能夠透過Facebook專頁的形式記錄自己抗癌的經歷,後來漸漸地亦匯聚了其他乳癌患者(群組內以姊妹相稱,下文也簡稱姊妹);同時亦因為Jacqueline患癌時曾得到線上群組的同路人的支持及鼓勵,故此,Jacqueline決定成立Facebook專頁及Whatsapp群組,幫助其他乳癌患者。

隨著群組日益成長,「乳您一起」Facebook專頁的文章也日益增加,Jacqueline發覺同路人很難找到過去一些發佈到專頁的有用資訊,因此Jacqueline萌生出為「乳您一起」製作網站的想法,希望能夠把文章作分類,讓姊妹們能夠很有系統地找到有用的資訊,例如不同類型乳癌的治療資訊,化療的資訊,飲食注意事項以及姊妹抗癌成功的感受(畢業文)等。

網站設計風格

乳您一起主頁

乳您一起分類

乳您一起文章

乳您一起讚好及留言

「乳您一起」整體以粉紅色為基礎顏色,以配合乳癌關注運動的粉紅絲帶,而首頁文字,各項按鈕和導航條(Navigation bar)的色彩也是基於粉紅色而精心搭配。

而首頁以及導航條(Navigation bar),則採用「辰宇落雁體」,希望透過手寫的字體,給姊妹們一種較親切的感覺,使姊妹們能夠在這個困難的時期感受到溫暖,感受到群組內互相關懷的氣氛;同時也減少機器的生冷感。

桌面版的內文的版面則採用較多留白的設計,希望讓姊妹們在獲得源源不絕的資訊的同時,也能夠得到喘息的空間。

在內文中,也加上了點讚按鈕和留言區,讓姊妹們也能夠與文章和其他姊妹互動。

此外,在導航條中,我也加上了搜尋按鈕,讓姊妹們能夠基於她們自己的情況(例如患上HER2型還是三陰性乳癌等),更精準地尋找適用於她們的資訊。

網站使「乳您一起」群組能夠:

  • 更好地把過去的文章分類,讓姊妹們能更容易找到相關資訊
  • 擁有一個專屬的網頁設計風格,突破Facebook的預設設計,更好突出群組的特性
  • Jacqueline 對 Peter 的評價

    我group啲人睇左個website, 個個大讚,話終於整理得井井有條,話好好睇


    我有一個facebook page, 係講自己乳癌既經歷, 之後收睇既人越來越多, 資訊亦越來越多, 慢慢都想為同路人做多一點點, 但慢慢發覺個page不能分類, 太多野根本搵唔到啲舊既有用資訊, 於是想搵個"有心人"去幫我寫個website, 將所有野分類好, 偶然機會下搵到OasisWorks既Peter, 睇到佢profile覺得佢係一個上進既青年, 就試試聯絡, 結果一拍即合, Peter會細心問下我需要, 亦會比意見我, 我有一啲想法佢都會盡力去協助, 很幸運認識你, 多謝你為癌症病人出一分

    Peter 對乳您一起網站的小小希望

    我希望「乳您一起」網站能夠像OasisWorks的名稱一樣,為姊妹們在這個困難的時期提供一個綠洲,能夠在這裡找到有用的資訊和同路人的鼓勵,也希望這片綠洲能夠助她們走出這場黑風暴。