新舊官網比較
一口酒香的設計旅程
與滿壽泉一起走進富山岩瀨町的故事
雖說是「新專案上線」，但其實這個網站早在一年多前就已完成。
第五代老闆非常可愛也非常堅持：所有內容都到位，才算真正準備好。
於是，他們花了不少時間親自整理「岩瀨の仲間たち」，
把與桝田酒造店有關的店家、職人們逐一拜訪介紹，
這個網站，也成為地方故事與人情的記錄平台。
當所有內容確認無誤，第五代老闆也正式升格當了阿公（笑）
這個品牌與網站，也像他一樣升格，一起邁向了新的生命階段。
満寿泉｜株式会社桝田酒造店：
https://www.masuizumi.co.jp/
很喜歡這張照片，很像隊長要率眾出征的氣勢。
因為找不到適合放在官網的位置，最後作罷。
第一次認識滿壽泉
說來有點好笑，我一開始對「滿壽泉」的印象，只是乾杯集團的清酒供應商。
好友們在乾杯餐廳用餐時，有時候會開一瓶來喝，僅此而已。
說真的，那時候我也沒特別留意它的品牌故事。
直到某天在大阪唐吉軻德陪女兒逛街，看到一整排紅通通的 Kit Kat 日本酒聯名巧克力，
才驚訝地發現：咦？這不是那瓶清酒嗎？原來這個聯名對象就是「滿壽泉」。
那一刻我才意識到，這個品牌不是只在餐廳酒櫃靜靜存在，
而是默默在做跨界、也深深扎根在地文化的職人酒造。
設計概念
考量到客戶未來不會頻繁更新網站內容，我們建議放棄繁瑣的 CMS 架構，
改以 Google Sheet API 串接 的方式打造簡易後台，
讓客戶可以輕鬆維護「媒體報導」、「產品介紹」、「岩瀨夥伴」等區塊。
延伸閱讀：
利用 Google Sheet API 建立小型資料庫
由於整個專案是與日本團隊溝通，我們一開始就知道語言可能會成為阻礙，
於是決定透過 Wireframe 線稿 作為主要溝通工具，一步一步拆解需求與畫面架構。
我們這樣跟客戶解釋：「如果把網站當成裝修房子，Wireframe 就像是平面圖，
動線、空間配置、管線走位都先規劃好了；接下來的視覺設計，才是室內設計的 3D 模擬圖。」
這樣說明後，雙方溝通就順暢許多。當然，中間彙整資料、重拍照片的過程，也確實是滿滿挑戰（笑）
wireframe 和 Layout 比較
這次的 wireframe 抓得很精準，一方面是我想減少客戶腦補想像的空間，
另一方面是想讓大家在收集圖像素材的時候，可以更有效率。
設計與協作
整個合作過程非常順利，桝田酒造店給予我們充分信任與尊重。
即使過程中遇到一些選擇與討論，也都能順利溝通解決，
讓我們可以安心地專注在設計與使用體驗的呈現上。
能參與這樣的專案，實屬難得。
特別是透過設計工作，有機會深入了解地方產業、認識各領域的職人朋友，
這份經驗，對我來說是一種榮幸，也是一種滋養。
製作團隊
- 發案單位：桝田酒造店
- WF規劃：Genie Chen / Jessie Lin
- 視覺設計：Genie Chen
- 前端程式開發：Hiking Chen
特別感謝一直在準備商店街地圖的 Lise，
雖然地圖還來不及畫，我們就先上線了（笑）
不過沒關係，我相信會有機會的。
桝田酒造店與滿壽泉的故事
桝田酒造店位於富山市的岩瀨地區。這裡自古即為交通與商業要地，
自《延喜式》起即有記載，室町時代更是「越中岩瀬湊」，為日本三津七湊之一。
明治初期的大火後重建的廻船問屋街奇蹟地躲過了二戰戰火，至今仍保留著完整優美的歷史街景。
如今的岩瀨，成為結合歷史與創意的文化聚落，
聚集了餐廳、工藝職人與在地創業者，
桝田酒造店也在這樣的環境中持續進化，立志將「滿壽泉」推向世界之巔。
品牌的歷史可追溯至明治時期，初代桝田兵三郎與長子亀次郎遠赴北海道旭川創業，
以「都松」為品牌釀酒，一度成為當時日本數一數二的酒造。
但在明治35年經歷零下41度的極寒後，妻子思念故鄉，
亀次郎決定舉家返鄉，並於明治38年在岩瀨重啟酒造事業，最初名為「岩泉」。
昭和初期，為讓品牌更具喜氣吉祥之意，結合家名「桝田」與「壽泉」之意，
便誕生了「滿壽泉」這個名字，也成為桝田酒造店的代表作。
在這片充滿北前船文化風情的東岩瀨街區，
滿壽泉以源自立山連峰的常願寺川伏流水精釀而成，
一如品牌名所願：
寿が満ちる泉
—— 滿溢著幸福與長壽的泉源。
寫在最後
如果你也希望讓品牌故事慢慢說、細細寫，
與地方、職人、文化建立真正的連結，
我們很樂意透過設計，陪你一起把這些價值保存下來、傳遞出去。
看更多設計實驗與品牌合作案例：超能力設計戰隊官網
聯絡我們：[email protected]
延伸閱讀：
．絕對不會失敗的好吃米飯！HACHI大慶炊飯鍋
．【網頁設計】東京食器 X 溪山窯｜品牌月企劃
．【網頁設計】欣葉職人粽
．【網頁設計】點子包研究所 變形工作圍裙
