本篇文章的主角，是伊甸基金會，他們希望能為成立四十週年，打造一個溫馨具紀念意義的活動網站網站，為此，夏木樂社內舉辦了多次提案會議，思考如何將網站做到最好，首先第一步，應該從認識客戶開始…
關於伊甸基金會
1982年，由已故作家劉霞女士（筆名杏林子）創立於景美，成立40年以來，濟弱扶貧，希望為世界上的所有弱勢，創造屬於他們的伊甸園。
伊甸基金會服務範圍從早期的為身障者舉辦戶外活動、協助招開記者會發聲，到如今的身障者職訓、就業輔導，從早療到長照，從國內到國外，秉持著「全人全生涯關懷」的精神，送愛到世界的每一個角落。
伊甸的規劃與需求
網站規劃：
1.網站類型：專為40週年而生的獨立活動網站。
2.使用年限：以宣傳期一年為主，越長越好。
3.目標群眾：同樣關心著弱勢團體的社會大眾以及同工。
4.網站內容：主視覺-40週年論述-歷史軌跡-見證歷史-系列活動。
視覺呈現：
1.網站用色：以40週年Logo所使用到之橘、黃色為主。
2.動線規劃：希望可以以動靜穿插的方式使讓網站更有生氣。
3.社群分享：文章中需新增社群分享按鈕，讓網站得以被更多人看見。
4.網站動態：主視覺需要以動態製作，讓40週年形象煥然一新。
內部的討論過程
關於提案，此次「伊甸基金會40 週年形象網站」所需的資料例如40週年Logo、網站refernce、40年論述等，伊甸基金會已經附件在諮詢信中，因此，相比網頁架構，我們花更多時間在思考如何用視覺設計，讓網站效果更上一層樓。
對外提案前，公司內部總共招開了6次提案會議，分別針對網站視覺元素、動畫、等不同主題進行思考與發散。
初期，我們以心智圖及便利貼溝通法來腦力激盪，發散出關鍵字，再從中整理出真正可以視覺畫的元素。Exp:溫暖->橘色、塊面，週年->接力、牽手。
接著，從TA的角度出發，用人物誌來分析使用者的實際需求。例如：同工->尋求共鳴->分享按鍵明顯，社會大眾->深入淺出、多放照片。
最後收斂，從以上的結論中，整合出一份完整的User story，藉此推動網站動線規劃。
針對主視覺
參考了許多伊甸基金會歷年來的影音紀錄以及劉霞女士的生平後，我們發現，一切的開始，是幫助身障者，於是設計師提議，從伊甸基金會40週年Logo動起來，以不斷轉動的輪軸表現太陽的光芒，賦予其「不斷前進、照亮世界」的意向。
歷史軌跡部分
我們想以地圖與圖釘的方式呈現，表達伊甸基金會的從景美溪畔的第一個辦公室開始，到現在橫跨世界的服務。
人間伊甸，見證歷史
設計師將伊甸基金會所提供的人間伊甸見證歷史、捐款人故事、友善企業、雙福見證、資深工作者等六大主題，結合成一區卡片。
為了強調伊甸「四十」、強調「數字」，夏木樂將伊甸基金會歷年的資料、報導翻遍，整理出能代表這六大主題的數字。
最終成品
在設計師的多番調整之下，網站主色調最後定調為溫馨的暖橘色，並使用莫蘭迪色系。由於莫蘭迪色系明度低，給人溫柔的感覺，同時也很容易與黑色搭配，做出高強度對比，為網站畫重點。
使用以透明度低的橘色絲帶為背景，貫穿整個畫面，除了豐富畫面外，也為使用者在視覺上指引動線。
最終動畫有兩個圓，一個是Logo中不斷運轉的太陽光暈，令一個則是動態照片，照片由伊甸基金會提供，八張早期基金會所舉辦的活動紀錄照片，希望能讓曾經參與過活動的同工也對網站產生共鳴，不斷跑動的照片動態也象徵的伊甸不停止付出的愛心。
從第一次提案到網站上線之間，改動最大的部分是六大主題卡片區。
版型從圓角的卡片到滿版直角，顏色則是透明度越來越高，也將比較格格不入的黑色換成灰藍色。原先提議以照片為底押字，也改成了插畫，整體畫面輕透感十足。
歷史軌跡區，因為伊甸基金會發展的時間軸與地圖的擴散沒有正相關，因此我們將原本的「地圖」刪除了，改以「問句」作為開頭，就像在破冰聯誼會上問「今天天氣好嗎？」，我們用「你知道嗎？」的問答方式來揭開每一個十年伊甸所做出的努力，接著出現歷年的大事件。透過激發陌生使用者的好奇心，留住他們的視線，繼續看下去。然而在製作的過程中，我們也驚訝的發現，好多我們認為理所當然的事情，原來這麼的不容易。
