Aloxxi

Aloxxi

網站架構圖


1 網站載入時字體從黑幕中依依浮現再淡出，接著水波造型顯現品牌名，最後進入本網站。配上背景音樂營造氣氛，像是準備觀賞一部電影前的片頭。如果不想有音樂，可點選下方的喇叭圖示，也可選擇權螢幕播放。

2 每個項目點選進去如同觀賞一部小短片，有些簡介。Products 部分有產品的大圖，預知詳情只要移至該圖就會出現內容，像是介紹電影角色般。Loading則是以品牌名下的底線跑動，增強品牌印象。

3 Buzz 讓大家知道此品牌的知名度。點近選項中，一整排的雜誌封面任君瀏覽，游標移入會放大，點選擇可見詳細內容介紹。

4 House of Aloxxi 使用進入網站的同個畫面相互呼印，介紹的背景圖如同電影海報，可拉移的紅色長方塊搶眼讓畫面更有冷酷高傲的感覺。

5 Color personalties有模特兒展示，可放大染髮眼色細看。

6 Salon locator 會另開視窗，有更詳細的資訊及服務。

7 Contact us、Professional和Distributors的設計和背景也是時尚給人一種很有自己個性的感覺。









黑色背景搭上整體設計營造一種高貴、時尚的氣氛，透露著自信美。背景音樂主導整個情緒，逛完網站如同看完一場電影，尤其是可放大至全螢幕加強效果，之後也可以開著頁面讓播放音樂，我很喜歡網站的音樂。

Sonnemann Toon Architects

Sonnemann Toon Architects

網站架構圖

1 進入網頁畫面時，像從朦朧的睡意逐漸清醒，看清楚整個網站的面貌。

2 游標移至左下角次首頁選項，顏色轉黑以示區別。

3 每次點取畫面都會跑出空白方格，若不解下一步驟為何，可選取左下角的問號，會出現指示步驟。

4 點取想看的細項的空格，會有更細的分類，再點進會出現內文。若想看同項目的其他格，直接選取及可跳至該格內容，如果要離開，直接點畫面沒有格子部份便會回到原處。

5 照片的呈現也是簡單明瞭，點選photos的小方塊會出現放大圖。 

6 contact的map地點會閃動增加強視覺注意。

 

 

 

 

 

 

 

 

 

 

不同於其他網站，畫面的移動感覺非常隨性，想逛哪就點哪，想離開隨便選個地方點兩下就回到原處。這樣一層一層點入或退出就像走在一個空間中，和此建築設計網站相互關聯，而放大的方格像是室內設計圖上圖案。總體設計乾淨簡單，飄渺的感覺令人印象深刻，也和此網站的公司工作內容互相呼應。

Andy Foulds Design

Andy Foulds Design

網站架構

1 等待的畫面由不同背景取換組裝，像一個折疊的房間，等畫面完全靜止時

也就組裝好了。若不喜歡背景，可按下方的NEW BACKGROUND換畫面。 

2 若還不想進入網站，可選擇AMUSEMENTS那一排的空白方塊，每個方塊都是一個小遊戲且會顯示遊戲名稱。

3 點選右方的三個主選項，背景會不同剪紙的動畫表示你選了這項目。網站中每個項目點選都會有聲音提醒。

4 AndyFoulds分為Personal Details、Recognition、Clients，每個項目都是左邊出現一條筆記讓你滑動細讀，Personal Details配上快速閃動不同的個人大頭照增加趣味。Clients以商標代表讓人一目瞭然。

5 點取下方的HTML SITE，會進入另一個介紹網頁。

6  Website Design 每個網站作品呈現在下方可左右滑動，欲想瀏覽此網站將游標移至該畫面，將有詳細資料呈現。Semples則是整齊的小方格能一次預覽全部，選擇想瀏覽的會放大，讓大家試用此Semple的效果。

7 Photography有人物照和風景照，同是左邊列圖上下移動，點取欲看的圖會跑%數，最後放大附上資料，想關閉大圖只要案下旁邊的資料照片就會出畫面。風景照也是如此。

8 想分享此網站可按右下的FB，會出現潑漆的效果SHARE。

此網站東西豐富卻不雜亂，加入遊戲的部份和可以自己變換網站背景，讓觀者不會感到無趣。semples讓顧客親自體驗網站效果，展現自己的設計能力。我很喜歡ANDY FOULDS DESIGN豐富多元引人入勝。