那山 Kitchen：Logo 與網頁設計

那山那谷新案上線 - 那山 Kitchen

「那山那谷」是宜蘭南澳的一個露營區，小弟曾經在 2015 年時幫他們設計官網，那山那谷以提供高品質的露營場地聞名，今年 2017 那山那谷的主人，為了繼續提供高品質的服務給前來露營的顧客，成立了全新的餐廳「那山 Kitchen」，因此對於原本已經設計好的官方網站有了新增頁面的需求。

那山 Kitchen 的網頁需求為「菜單展示」及「線上預約」，菜單需要日後可以自行新增，而線上預約則是導到客戶自行建置的 Google 表單。本次設計專案還包含了全新的 Logo 設計，我希望可以為這個子品牌帶來嶄新的形象，並且延伸原先網站設定的質感，讓觀看網頁的人，即使不需專人說明，也會產生興趣。

在網頁部分，那山那谷在原先的網站上是使用「Borderland」這套佈景主題（Theme，對 WordPress 來說就是系統家具的意思），因此新的 Kitchen 網頁，仍然是延續 Borderland 的風格，全程透過 Borderland 搭配的 Visual Composer 來製作，日後客戶要更新網頁內容，也是直接透過 Visual Composer 圖像化的編輯器來操作，降低人力維護成本。

在 Logo 部分，由於「那山 Kitchen」是「那山那谷」的子品牌，兩者有不同的 Google 商家地標，而且也有不同的 Facebook 粉絲團，但在本質上仍屬同一個企業，因此，在 Logo 的形象規劃上，直接取「那山那谷」的「那山」二字，再加上英文字體。

那山那谷品牌 Logo

在中英混排的設定下，原先「那山那谷」的中文字是採「禹衛書法行書繁體」，原本我是設定要採用要搭配無襯線字體（Sans-serif），希望能夠有年輕的感覺，例如瘦長的「Bebas」，不過幾經試排之後，還是有襯線的字體（Serif）較能提昇整體的質感。最後定案的英文字型是選用歷久彌新「Times」（而且 Mac 有內建），Times 字型早在民國 20 年（1911 年）就問世，與中國現代書法家禹衛在 2014 年發表的「禹衛書法行書繁體」相結合，第一眼看上去，我覺得可以是一間賣高檔日本料理的餐廳。

那山 Kitchen 品牌 Logo

接下來是網頁部分，網頁部分可分為兩個地方，一個是主視覺，另一個則是網頁本身。前面提到「那山 Kitchen」的網頁必須延續原先那山那谷網站的設定，因此在背景圖的選用也是要風格相近，都要以畫面重點特寫為主。原本那山那谷的服務有「露營、溯溪、漂流」三種，他們依序所設定的視覺代表如下：

自然露營區 - 樹木

森林祕境溯溪 - 溪流

漂流式探險 - 水面

而現在要加入第四種那山 Kitchen 所提供的「輕食」服務，因此我設定為「廚桌」，如下圖。廚桌的用意，是為了呼應品牌名稱中的「Kitchen」這個字，而畫面上，食材與廚具的擺設，也傳達了品牌在對料理用心的溫度。

那山 Kitchen - 廚桌

因為要壓白字在上面的關係，完稿圖片有將顏色稍微調暗一些，以下是結合 Logo 之後的呈現：

那山 Kitchen 品牌主視覺

最後是網站內容的部份，在第一波上線的餐點共有這四項：

1. 勇士辛口咖哩雞腿排餐
2. 亞婭甘口咖哩雞腿排餐
3. 墨西哥風味咖哩雞肉捲
4. 美味酥炸拼盤

在數量不多的情況下，在版面結構上，我以能夠把這四道餐點能夠講得「深」為原則，因此每個項餐點都有 50% 的欄寬，套用在全寬度（Full width）在 RWD 環境下，讓每道餐點都是重要的，唯一能夠讓彼此區別重要程度的方法，就是先後排序。

nsng.tw/kitchen

文案部分，餐點的文案由客戶提供，因此我這邊僅做小幅度的潤飾調整，網頁上的其餘文案則是直接由我這邊出，很感謝客戶給予相當大的空間讓我發揮。

值得一提的是，客戶本身在訊息上的要求相當用心，「勇士辛口咖哩雞腿排餐」的「勇士」，指的是出征在外的泰雅族勇士，而「亞婭甘口咖哩雞腿排餐」的「亞婭」（「婭」音同「訝」），則是泰雅族語「媽媽」的意思，代表這份咖哩可是充滿母愛且香氣四溢的。這兩項主要餐點的名稱設定，則又呼應了那山那谷品牌的文案介紹：

那山那谷，泰雅語「我的家」的諧音，位於宜蘭縣南澳鄉最深山的村落－金洋村，被群山、溪水環繞，一年四季精彩紛呈，是離幸福最近的世外桃源。

對露營有興趣的朋友，有機會一定要造訪那山那谷！