PROJECT DETAILS
2015
UI Design / GUI Design / Prototype / Concept / Village
Sketch, Photoshop
DESCRIPTION
鐵花村這個項目為網頁設計，主要是在介紹在台灣台東的鐵花村，主要負責設計英文網站，用戶可以透過網站取得鐵花村的各項消息，也可在線上購票，鐵花村屬於藝術村，他有著各地到來的藝術家在此擺攤販售手工藝品及樂團演出，所以設計主要是由藝術村裡的高畫質照片及極簡風格作為設計主軸。
THE CHALLENGE
鐵花村是前往台東旅行的遊客必去景點之一，他原先是舊火車站的倉庫及日式宿舍，具有一定的獨特性，因火車站的遷移，政府將此區域規劃成旅遊徒步區，台東居民茶餘飯後，也都會約著三五好友一同前往散步或者聆聽街頭藝人的表演，另外鐵花村也有著不定時的表演活動，演出的表演者們通常是線上或線下知名樂團，所以門票常常一票難求，平日及週末，在徒步區會有二手市集，手工藝攤販，創作皆由原住民朋友提供，展現多元文化的特色。
由於近年來的規劃越來越吸引遊客來訪，鐵花村想藉由機會，為觀光盡一份心力，及方便民眾購買表演票券，想重新打造官方網站，並且想讓更多外國遊客也能參與其中，希望製作一版英文版面官網，上述提到，在徒步區會有街頭藝人的表演，近幾年來也吸引不少國外街頭藝人不定期來鐵花村表演，這也帶動了外國旅客的人流量，所以官網也著重於景點的呈現及表演活動的購票。遊客們也可借助網站查看到更多有關鐵花村的信息。
為了更加貼近國外遊客，英文版面是必須的，且也需照顧國外用戶的習慣，避免繁瑣的功能誤導，所以簡潔的版面，清楚的信息提供試很重要的。
THE PROBLEM
近年來，台東的觀光業發展及觀光客人數逐年攀升，台東的好山好水是吸引遊客來旅遊的一大特點，而原住民風情也是特色之一，原住民在台東的人口佔比為32.4%，由於原住民朋友的就業率較低，所以縣政府為了幫助原住民的就業率及產業發展，將鐵花村打造成可讓原住民藝術家展現才能的空間，讓更多朋友們能分享自己的才藝，為了吸引更多遊客及在地人前來鐵花村，那推廣就是重點之一，推廣中的網站宣傳當然佔了重要角色，在網路資訊發展迅速的世界裡，人們經常利用網路搜索查詢自己所需要的資訊，外國旅客也是可以推廣觀光的一大利器，英文網站是專門為國外旅客準備的，目的就是希望可以利用網站來讓遊客了解鐵花村的一切，並且如果對表演感興趣，也可以一併選擇訂購。
THE SOLUTION
為了幫助原住民的產業發展，縣政府將鐵花村規劃給原住民的創作藝術家擺設攤位，販賣自己的手作工藝品，在週末也會舉辦製作工藝品教學活動，這些都可以加以推廣原住民文化，且在步道區，街頭藝人也可隨意表演，替徒步區更增添精彩，保有獨特的文化風情，對於遊客是具有一定吸引力的，不定期的更新活動，更新不同的展現面貌，也是為鐵花村增添不少樂趣，所以我們將網站設計鎖定在活動的推廣及表演門票的推銷，並加入特色實景照片，簡單卻有不失豐富度。
DESIGN PROCESS
THE PROBLEM
鐵花村的中文網站是比較多彩的，也較偏向平面風格，不過這對於國外遊客的審美及使用方式來說是有較大落差的，所以我們英文網站的設計及信息結構與中文網站不太一樣，英文網站還是希望貼近外國遊客的使用習慣。
THE SOLUTION
英文網站的佈局，我們採用了推廣活動為主軸做設計的，因週末鐵花村會舉辦活動，所以推廣活動可有助於鐵花村的活動發展，也加上樂團演出的宣傳，並且可於首頁進入購買頁面，簡潔易使用的頁面，讓用戶既可得到所需資訊，也不需過度尋找去查看到自己所需的信息，盡量將頁面佈局及設計做到易使用且清晰，這是官方網站所需的，因為通常官方網站主要就是在宣傳及傳達資訊，不需要給用戶傳達過多的不必要信息，且畫面不需要過度炫技，畢竟鐵花村的定位並不是創新科技，而是藝術家及音樂家們與遊客們互相交流的地方，他的風格我們就設定在小清新的感覺，一種既不花俏，畫面設計上也採用清晰乾淨的風格。
WIREFRAME
TYPEFACE & COLORS
LOGO DESIGN
Logo的設計以鐵花兩字左為主軸，因為鐵花村的由來為當初他是在火車站旁邊，雖然車站以搬走，但鐵道還是完整保留著的，周邊有著大量的綠化，也因為藝術家們在此製作手工藝，之後便成為了一個聚集地，全體集中也就構成了村的概念，所以命名為鐵花村。也因為它的藝術氛圍，所以在logo的製作上，選擇了較為清新手作的風格來作為主題，字體及圖形設計風格也採用了手畫手寫的感覺來做製作。
DESIGN process
FINAL DESIGN
PROJECT DESIGN
主要介面設計『Index』
用戶可以透過搜索欄進行有關鐵花村所有樂團及音樂人演出時間查詢及購票，下面則為熱門樂團演出信息，底下介紹每週末鐵花村的手工藝活動及課程，可提供用戶有關信息。
佈局簡單，目標為清楚傳達信息，設計著重於圖片的吸引人及不給用戶過多信息，導致無法短時間內接收大量資訊，當用戶首次進到首頁時，主要是想知道鐵花村的信息，而作為給予方並不是漫無目的的給予用戶最多及最完整的信息，這樣反而導致用戶無法精確找尋到目標，而分散焦點，所以我們在佈局及文字上，標題採用粗體字，讓它顯示明顯，其餘利用高畫質照片吸引用戶點擊查看。
主要介面設計『About』
有關於鐵花村的介紹會在此頁提供，任何與鐵花村有關的信息皆在此頁能觀看得到，營業時間，地圖，鐵花村是一個什麼樣的地方，鐵花村有什麼特色...等，版面由鐵花村的照片作為背景，目的也可用照片更加吸引人前去參觀，高畫質照片是最好的推銷途徑，也會更加促使人們去一探究竟。
主要介面設計『Ticket』
這頁面是有關購票，所有在鐵花村演出的樂團時間都會一一列出，按照時間先後順序依序排序，如知道時間日期或者樂團名稱...等，可在上方搜索欄直接搜索。
主要介面設計『Details』
這頁為樂團詳盡資訊，可藉由此頁面觀看及了解樂團，有樂團介紹和表演影片可觀看，如果是第一次想了解此樂團演出的觀眾，可透過影片了解樂團的音樂風格再決定是否前往購票欣賞演出，如果喜歡，也可直接在此頁面進行購票，不需要再返回或者進到別的頁面做購買的動作，信息排列清晰，不會造成用戶來回切換尋找有用信息，減少用戶不必要的時間浪費。