Skip to main content
那山那谷新案上線 – 那山 Kitchen

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

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

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

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

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

那山那谷品牌 Logo

那山那谷品牌 Logo

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

那山 Kitchen 品牌 Logo

那山 Kitchen 品牌 Logo

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

自然露營區 – 樹木

自然露營區 – 樹木

森林祕境溯溪 – 溪流

森林祕境溯溪 – 溪流

漂流式探險 – 水面

漂流式探險 – 水面

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

那山 Kitchen – 廚桌

那山 Kitchen – 廚桌

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

那山 Kitchen 品牌主視覺

那山 Kitchen 品牌主視覺

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

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

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

那山 Kitchen 菜單頁面

那山 Kitchen 菜單頁面

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

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

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

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

Refine 網頁設計|徐仲威

Refine 網頁設計負責人,擅長以行銷為導向,內容優先的網頁設計。

Leave a Reply