Case Study · Demo Concept · 2026

goodcat 好貓

日系美學貓咪選物 demo concept

goodcat 是 mo studio 自己做的 demo brand — 一家日系美學的貓咪選物店。

我們用一個 3 小時 deep dive 模擬客戶情境,從 brand discovery、視覺方向、文案、Mandy 18 張手繪到 22 頁完整網站全部走一遍。你看到的是「如果你是一家日系貓品牌、找 mo studio 做網站」會收到的成品。

Template: niwacan-illust · Mandy 18 張原創手繪 · 22 頁網站。

Template: niwacan-illust · Mandy 18 張手繪 · 22 頁網站。

Design Reasoning

為什麼這樣設計

在 3 小時 deep dive 裡,客戶直接點名喜歡的網站:niwacan.jp、maupets.com、lqve.jp。

三個全部是 minimal + serif headline + 純白底的日系美學家族。再加上「乾淨 + 日系」是不可協商的硬條件 — 美學方向其實 deep dive 第一輪就鎖死了。

所以我們跳過了 ui-ux-curator 的 3-tier 推薦,直接 lock niwacan-illust 一個 template,把預算與時間集中在「色彩 + 手繪」兩件事。

mo studio 內部有 8 個 codified template,從 notion-doc(極簡文檔)到 kaeru-camp(日式戶外手繪)都有。

niwacan-illust 是「日式雜誌排版 × 手繪插畫 lite」的組合 — 留白多、Shippori Mincho serif 標題、pillar icon 走 hand-drawn 線稿。

對位客戶喜歡的 niwacan.jp 是 1:1 原生 DNA,不是「靠近」,是「同一個美學家族」。其他 template 都會偏離。

客戶要的不是「冷感北歐」,是「療癒、人貓共好」。純白底會太冷,我們在 niwacan 骨架內注入 4 色:

暖咖 #C8956A(品牌主)/ 苔綠 #8FA68E(信任配色)/ 蜜桃 #F2D7C5(柔軟區塊底)/ 奶茶 #E8DFD3(內容區塊底)。

newsletter card 用蜜桃粉、pillar 區塊用奶茶 — 整個網站不再是極簡白底,而是有溫度、有節奏的雜誌頁。骨架仍是 niwacan,溫度上是 goodcat 自己。

Mandy 為 goodcat 客製 18 張手繪:虎斑貓窗邊、黑貓打盹、客廳場景、茶杯與貓爪、植物與貓 — 不是 stock 圖,是有溫度的場景。

每張對應一個 image slot:hero portrait、3 個 pillar icon、5 篇 journal 配圖、ebook 封面、newsletter 視覺 …

在套版主題的詛咒下,「跟競品長一樣」是寵物品牌最常見的死法。手繪插畫 = goodcat 的指紋,IG 截圖任何一段都認得出是 goodcat。

Scope of Work

從第一句話到最後一頁 — 不是「給你一個漂亮 landing」,是給你「一家能營運的網站」。

Brand discovery(3 小時 deep dive)
客戶聊起源、價值觀、5 個喜歡的網站、2 個討厭的,還有「人貓共好」這句話從哪來。
視覺方向 / template 客製
從 8 個內部 template 鎖定 niwacan-illust,改 palette 注入暖色 multi-tone,新增 pillar hand-drawn-lite icon。
文案撰寫
Hero、about、3 個 pillar、5 篇 journal 文章、ebook 章節、consulting 服務說明、newsletter welcome — 全部由 mo studio 寫。
圖庫製作
Mandy 18 張原創手繪 + 8 張 SVG 商品 placeholder(尚未實品攝影前過渡用)。
完整 22 頁網站
home / about / journal / products / ebooks / consulting / newsletter / contact / privacy / terms — 不是 landing page,是真正能運轉的網站。
Newsletter / contact form 流程
訂閱 → welcome 信 → 月刊 SOP / 詢問表單 → LINE 跟單 → 回信模板。流程設計到能 hand-off。