Mauricio Guimarães Portfolio

Mauricio Guimarães Portfolio

網站架構圖

1 進入頁面，來到另一個世界，畫面隨箭頭移動。若不知去哪，可選下排的menu，有文字解說也有圖示。

2 news有個人搭乘熱氣球，游標移入會拿起望遠鏡，點入有詳細介紹。

3 portfolio游標移入，房子會光芒四射。點入裡面的作品可以放大細看。

4 about 山怪的眼珠會隨游標方向移動。點入後巫師騎掃帚進入，內有詳介。 

5 contact 為電話造型，以對話框方式呈現資料。 

我喜歡整體的場景設計和項目的小互動，contact應該可以有更多有趣的動畫。或許畫面可加入一些小東西，如小動物之類的會更活潑有趣，且觀眾會期待有什麼物件可以點選。

Salt Films

Salt Films

網站架構



1 首頁是很簡單的線條風格，游標變成手，可和畫面上的物件互動。

2 互動後進入選單，轉場是用抹布擦拭。

3 點近news，用手拿文件的方式，彷彿在現實生活中，read more可憐到其網站。

4 點入about ，可以選擇影片會文字介紹。

5 Login加入此站會員。

網站中的手非常生動細膩，若閒置太久，手指頭會不耐煩的敲打桌面，或是其他細微的舉動。整體的網站風格也令人印象深刻，非常可愛。灑鹽巴倒出作品的部分可互動又有創意，是很有趣的網站。

Apoteket

Apoteket網站架構

1 Loding的畫面很有趣，造型漸漸構成橢圓電視機，會有影像解說。網站右上有音樂控制。

2 按螢幕上顯示的步驟，輸入名字選取性別。點取右邊的小三角形進行下一步。

3 問歲數的部分，是用按鈕轉取。

4 下一步選症狀，選取圖樣會有聲音。若不清楚，可按螢幕上右下的小i，會有解說。

5 之後一樣按部就班，回答問題。有時螢幕右下會出現類似小i的眼睛符號，點選會有圖示，讓你更明白題目的問題。

6 做完全部問題，會有分析診斷，還會出現診斷書，還可以將之退回去，重做一次。

7  可以按右上選項，有更詳細的其他資料和感冒相關的資訊。

線上診斷器就很特別了，加上設計成高科技和不同按鈕感覺更有趣。可以邊玩又學到知識一舉兩得。

O2

O2

網站架構

1 網站出現一行說明文字，之後帶到店家門口，旋轉的牌子從旁飛入，接著再快速帶領我們到目的地。

2 我們是在一個海底世界，如果滑鼠太久沒移動，會出現說明方框指導如何使用這網站。

3 點進O2會連結到該產品的網頁。

4 點進Be Smart會迅速靠近招牌，會有三個方框內容，游標指到處會放大內容且附有連結。

5 點進Be Heard動畫方式是招牌上的文字移動，可點進詳細訊息，文字會跳動為灰色。

6 Be Free有簡易地圖可上下左右移動。

7 Be Relaxed的動畫呈現呼應題目，游標移置哪文字會跟著游標呈現柔軟凹陷的感覺。

網站整體的設計是在水底下頗吸引人，在加上一些貼心的小提醒和小動畫，例如飛機飛過或泡泡，不會讓人覺得無趣。每個招牌上的內容和動畫的呈現也是小驚喜，也切合主題且簡單明瞭，雖然斜招牌字體也跟著傾斜，但不大會影響閱讀性，反而更貼切場景。感覺就像在小小的海底城市一角落，發現新事物。