羅慧夫顱顏基金會

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

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

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

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

其他小而美的升級

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

結論

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

#羅慧夫爺爺R.I.P