羅慧夫顱顏基金會

唇顎裂的手術只需要1至2個小時,卻可以重建一個孩子的一生。

羅醫師相信—『生命中的不完美,可以用愛來彌補』,基金會也以此為服務理念,一直致力於唇顎裂、小耳症及其他先天性顱顏畸形患者包括生理、心理、社會的全人醫療服務,成立至今已給予超過25,000名窮困顱顏患者((如唇顎裂、小耳症或其他罕見顱顏缺陷))醫療費補助,幫助其接受醫療以及良好的心理社會適應。

舊網站升級,不用砍掉重練

改版主要因應手機瀏覽的趨勢,以及高解析度螢幕的持有比例升高。視覺風格的部分,因為本來就很符合羅慧夫基金會的風格(溫馨、溫暖、開朗),因此設計及前端功能上來說,著重處理幾個部分:

  • 首頁版面調整,將重要的連結放到首頁來,並盡量圖形化、擴大點擊範圍
  • 多種圖形字改為系統字,隨著畫面放大縮小/低解析或高解析度,都可以清楚呈現
  • 準備 1.5 ~ 2 倍的圖片素材以因應高解析度螢幕的時代
  • 盡量用 CSS 處理樣式效果
  • 頁面拉寬所需要的各種素材:960 的花紋 pattern 改為 1200

其他小而美的升級

前台呈現是本案主要處理的部分,此外,趁著改版,也一併處理了一些 CRM 或購物車的更新、修正,例如:線上刊物改用第三方 pdf 服務展示、捐款管理部分客製化項目、手機版瀏覽、聯絡我們表單依照業務區務更新欄位、因應法規規定新增公開責信單元、網站會員 only 的影片瀏覽/下載/轉寄功能、SSL憑證。

結論

網站/瀏覽器技術日新月異,通常 1 年前做好的網站,今年就會有一些微幅調整以因應這些技術變遷。近年來大家最有感的應該是:RWD響應式設計、SSL安全加密連線這兩樣吧?改版方式也有百百種,選擇對自己來說CP值最高的方式來進行即可。本案的策略就是進行網站拉皮、多項功能更新,避開了全站重新設計/規畫這個又深又大的坑。而可以這樣做的原因也是因為,前一代網站就是由我們做的,因此能這樣處理(技術可以銜接上)。若是原本非敝司製作的網站,就無法走這條捷徑囉~

 

#羅慧夫爺爺R.I.P