BRANDING & CREATIVE REFERENCE

ブランディング／クリエイティブが
強い会社 7サイト分析

YUJIが挙げた8サイト（うち1つは自社デモ）を、実画面キャプチャ＋テキスト分析の両方で回収し、同一フレーム（核となる一言・ビジュアルの型・なぜ強いか・スマカク転用点）で並べたもの。スマカクHPリニューアルのクリエイティブ方向を決めるための参照棚。

回収日 2026-07 ／ 実画面キャプチャ＋WebFetch分析 ／ 出典＝各社公式サイト
調査で判明した2点を先に共有。
① gggggggg.jp は銀座ggg（ギンザ・グラフィック・ギャラリー）ではなく、札幌のWebブランディング会社「GEAR8」でした。ただし実画面は明確にクリエイティブが強く、参照先としては有効です。
② w-stage.jp は「ウェブステージ」＝SEO集客特化の量産型HP制作サービスで、他6社のような作家性・コンセプト訴求は薄い。毛色が違うので末尾に「参考軸が違う枠」として分けています。
CASE STUDIES

6社 ＋ 参考軸が違う1社

理念設計型 ／ VISION MAP01トゥモローゲート

トゥモローゲート

tomorrowgate.co.jp
「約束は、ブランドのはじまり。」
オモシロイ企業ブランディング会社（大阪）。理念構築・コンセプト設計・デザイン・オフィス・採用まで一気通貫。
VISUAL

実績ページは白地に極大の黒「Creative」タイポ。Adult / Child のモード切替を持つ。実績サムネは赤スタンプや強い色を効かせた大判。コーポレートカラーの黒は「多様な個性が混ざった"真っ黒な会社"」という理由づきで採用。

型（コピー・構造）
  • 「デザインだけではブランドは生まれない」— 否定から入って差異化
  • 対句のリズム（クリエイティブとロジックで／好きなコトを、好きなヒトと）
  • 実績フィルタに独自メソッド「Vision Map(28)」を筆頭カテゴリで掲出
なぜ強いか
  • 実績＝制作物一覧でなく「理念設計から入る会社」だと構成自体が証明
  • 色選定にまで理由（ロジック）を通し、サイト全体で一貫
実績の見せ方

All(48)/Vision Map(28)/Web(42)/Graphic(20)/Movie(15) と件数付きタブ→社名＋サムネのカード→MOREで追加読込。タイトルで惹いて個別ページへ誘導。

→ スマカク転用

導入事例を「業種別×件数タブ＋サムネ→詳細」で。自社の強み（記帳と申告の役割分離）を Vision Map のように固有名詞のメソッドに言語化。ティール#52bcb1を選んだ理由を1文で明示すると色がロジックになる。

方法論・教科書型02エイトブランディングデザイン

エイトブランディングデザイン

8brandingdesign.com
戦略からデザインまで一貫サポート。
西澤明洋のブランディングデザイン会社。経営戦略・コンセプト開発からロゴ・パッケージ・WEB・店舗まで一貫。
VISUAL

白〜薄グレーの余白たっぷりな実績グリッド。黒の細身ロゴ、横並びカテゴリタブ。ケースは商品・パッケージの実写を主役に据えた大判サムネ（YUPO／名優／熟まろ）。赤い丸バッジ「ブランディングデザインの教科書」でアクセント。徹底して端正・editorial。

型（コピー・構造）
  • 課題提起→解決（「どこから手をつければ良いかわからない」）
  • 数値で信頼（120以上のブランド開発／200以上の受賞）
  • メソッドを商標化：3階層®／フォーカスRPCD®
なぜ強いか
  • 提供価値を固有名詞（®）として資産化している
  • 実績を業種横断カテゴリで並べ「どの分野でも通用する方法論」を暗に証明
  • MAGAZINE 8で"教える立場"の権威づけ
実績の見せ方

All/FOOD/DRINK/PRODUCT/EDUCATION/MEDICAL/LIFESTYLE/SOCIAL/SERVICE のカテゴリフィルタ＋商品実写グリッド。

→ スマカク転用

「課題提起→解決」の型はFVに有効（"記帳が溜まって申告が不安"→解決）。対応事業者数・申告実績を数値で信頼づけ。サービスライン（EC/フリーランス/ひとり法人/経理プラス…）別のカテゴリ実績ページ。

高級・思想型03Bee's & Honey

BEES&HONEY

beeshoney.jp
本質的なクリエイティブは、ブランドの主義設計から
Brand & Design Consulting Firm（東京）。ブランド戦略・空間・プロダクト・広告まで一気通貫。リンナイ等。
VISUAL

ダークで映画的。トップは全画面の高級空間写真（リンナイ青山のキッチン）を静かに見せ、白い細身セリフの「B&H」と最小限のUI（Menu／スライド 1/4）だけ。圧倒的な余白と静けさ＝"quiet luxury"。この7社で最も引き算が効いている。

型（コピー・構造）
  • 各ページ冒頭に思想家の引用句（Banksy／Descartes／Mies）
  • 「10の原則」を和語・対句で（粋と伊達／浪漫と静謐）
  • 「見た目だけのブランディングはもうやめにしよう」と競合批判で差異化
なぜ強いか
  • 全ページ引用句フォーマットで「思想を扱う会社」を一貫演出
  • 実績を Goal→Idea→Information の戦略言語で定型化＝実績自体が手法デモ
実績の見せ方

Editorial/Architecture/Product/Digital/Strategy/Interior/Brand のフィルタ＋約80件のグリッド。詳細は全件同一テンプレ。

→ スマカク転用

スマカクは信頼領域なので、この引き算・静けさ・余白の作法は"品ある専門性"の見本。事例ページを全件同じ型（課題→やったこと→結果）で統一すると専門性と安心感が出る。※トーンは高級すぎ／親しみと両立させる。

抽象アート型04GEAR8

GEAR8（ギア エイト）

gggggggg.jp
人生にアイデアとスパイスを。 ／ Spice up your life
札幌のWebブランディング／クリエイティブチーム。地域・インバウンド案件、自社メディアも運営。
VISUAL

紙質感のオフホワイト地に、有機的なブロブ（流動する塊）を鮮やかな多色（シャルトルーズ／ネイビー／コーラル／シアン／マゼンタ／網点ドット）で配置。中央に大きな筆記体セリフ「Spice up your life」＋角ゴの和文。抽象形＋上質フォントで"遊びと品"を両立。

型（コピー・構造）
  • 「未来から考える。Thinking from the future.」＝和文＋英訳併記
  • ジャーナルを8シリーズに構造化（情報設計自体がブランド表現）
  • 短文の哲学的フレーズ＋体言止め
なぜ強いか
  • 「その会社にしか出せない1枚の絵」＝抽象ブロブの世界観が即識別可能
  • 自社を「制作会社」でなく branding & creative team と定義
見せ方

ヒーローの抽象ビジュアルで世界観を一撃で提示→下部にNews帯。装飾ではなく"作品"としてのメインビジュアル。

→ スマカク転用

スマカクにも「この会社にしか出せない1枚の絵」が要る。スマートくん×写真×ティールの世界観を1本の作家性として決め、装飾でなくメインビジュアルとして据える方向のヒント。和文＋英訳併記も上質感の手。

キャラ・手描き型05モンブラン monf

モンブラン（monf）

monf.jp
愛されることは、むつかしくないよ。
九州のクリエイティブ・カンパニー。ブランディング／HP／グラフィック／映像／商品・パッケージ。KYUSHU ADC 受賞多数。
VISUAL

全画面の手描きマンガ風イラスト（シアン＋白の線画）。オバケのキャラ「モンブー」と少女、散らかった部屋。外周に鮮やかなオレンジの額縁。半透明の大きなコピーが画面に重なる。イラスト主導で圧倒的に温かく、他と一発で見分く。

型（コピー・構造）
  • 方言・口語（「〜なんだって！」「〜いーんじゃない？」「非効率、大好き。」）
  • オリジナルキャラ（モンブー＆ラン）がサイトのガイド役
  • 「副音声。」等の独自命名セクション
なぜ強いか
  • 難しく見える"ブランディング"を一言で易化するタグライン
  • キャラでコーポレートサイトの硬い型を崩している
  • 実績を件数で（ブランディング10／クリエイティブ206）
見せ方

キャラ対話のナビ、コマ割り風フッター、動画セクション。親しみに全振り。

→ スマカク転用

「難しい専門領域を一言で易化する」構文（確定申告→「〜は、むつかしくないよ」系）。スマートくんをガイド役として機能させる設計思想は近い（※既定ルールの範囲＝アクセント／ロゴ流用禁止で運用）。ただし税務は正確性優先、砕けすぎは危険。

コラージュ・タイポ型06イッパイアッテナ

イッパイアッテナ

ippaiattena.co.jp
やりたいことが、いっぱいあってな。
吉祥寺のユニークなWebデザイン会社。コーポレート／サービス／LP／メディア／EC制作。デザインギャラリー掲載多数。
VISUAL

ヒーローの巨大な和文タイポの各文字が、色とりどりの"ちぎり紙・コラージュ"テクスチャで塗り分けられている独自処理。ナビ各項目に手描きの小アイコン（黄ブロブ／棒グラフ／パレット等）、肉球ロゴ＋「やさしいは正義」。明るく手作り感のある世界観。

型（コピー・構造）
  • 看板タグライン「向上心のないものは馬鹿だ」（挑発で1秒で差異化）
  • 短文反復の詩的文体（〜と思う。〜にしようと思う。）
  • ワードプレイ（Pooortfolio＝oを増やす）
なぜ強いか
  • 業種の期待（安心）を裏切る強い一言をトップに
  • ミッション→ビジョン→三大美徳を短い定義文で言い切る
  • コピー単位・アイコン単位まで独自の言語/絵の感覚を通す
見せ方

コラージュ・タイポ＋アイコンで"らしさ"を細部まで。制作事例グリッドへ。

→ スマカク転用

大見出しの文字を1本の質感で塗るタイポ処理は、スマカクでもヒーローの見せ場を作れる（ティール/紙/スマートくん柄など）。短文反復のコピーリズム（「〜が、当たり前になる。」）も応用可。※挑発トーンは信頼領域では要調整。

DIFFERENT AXIS

参考軸が違う枠（正直に分類）

量産型HP制作 ／ SEO集客07ウェブステージ

ウェブステージ（W-STAGE）

w-stage.jp
成果が出るまで、伴走型Web制作。
株式会社バックステージ運営。SEO×MEO×広告×SNS×AIで反響最大化。年約1,000件・累計20,000件の量産型HP制作。
VISUAL

白地に赤・黄のCTA（電話番号／資料請求）、制作実績はクライアントサイトのスクショを敷き詰めたグリッド、下部にバナー広告。情報量・成果訴求重視で、作家性やコンセプト表現は薄い。他6社とはそもそも狙いが違う。

型
  • 成果を数字で（応募50倍／売上制作費の50倍／初期0円月9,800円）
  • 目的別×業種別のダブルタグで実績を検索
  • 「4つの強み」を短句で並列
なぜ"ブランディング強"とは言えないか
  • コンセプトの独自性・作家性の強い絵・実験的インタラクションが無い
  • 差異化軸が「実績数・価格・サポート」＝量とコスパ側
それでも転用できる点

目的別×業種別のダブルタグ実績フィルタUI、成果を数字で語るコピー型は、スマカクの導入事例・実績訴求に部分的に流用可能。

→ 判断

これは"ブランディング/クリエイティブが強い会社"の参照としては外れ。もしYUJIが実績フィルタUIの参考として入れたなら有効。方向性の見本にはしない方が良い（毛色が違うのでコピー元にすると量産型に寄る）。

CROSS-CUTTING PATTERNS

強い6社に共通する7つの型

A一言で"態度"を言い切る（業務説明をしない）

無難なサービス説明ではなく、立場・姿勢を一文で刺す。読み手は最初の1秒で「他社と違う」と分かる。

例 約束は、ブランドのはじまり。／愛されることは、むつかしくないよ。／人生にアイデアとスパイスを。／向上心のないものは馬鹿だ／本質的なクリエイティブは、ブランドの主義設計から

B独自メソッドを固有名詞化・資産化する

提供価値に名前をつけて、他社が真似できない"型"として掲げる。実績の分類軸にまで昇格させる。

例 Vision Map(TG)／3階層®・フォーカスRPCD®(エイト)／10の原則(B&H)

Cその会社にしか出せない"1枚の絵"を持つ

装飾ではなく、世界観を背負ったメインビジュアル。見た瞬間にどの会社か分かる作家性。

例 GEAR8＝抽象ブロブ多色／monf＝手描きキャラ／B&H＝ダーク高級写真／イッパイアッテナ＝コラージュ・タイポ

D実績＝手法のデモ。フィルタ式グリッド＋件数

制作物一覧ではなく「うちの型が効いた証拠」として見せる。カテゴリタブ＋件数で網羅性を示す。

例 TG＝All(48)/Vision Map(28)…／B&H＝約80件フィルタ／エイト＝業種9カテゴリ

E色・トーンに理由を持たせる

色が装飾でなくロジック。なぜその色・その姿勢なのかを言語化して載せる。

例 TG＝黒「真っ黒な会社」／イッパイアッテナ「やさしいは正義」

F反復で刷り込む

核のコピーを社名直下〜各ページ冒頭で繰り返し、メッセージを定着させる。

例 B&H＝主義設計コピーをタイトルにも反復／各ページ冒頭に引用句フォーマット

G"らしさ"を言葉と絵の細部まで通す（Verbal / Visual Identity）

ワードプレイ・口語・否定構文・独自命名など、細部の一つひとつに固有の感覚を宿す。

例 Pooortfolio／「非効率、大好き。」／「デザインだけではブランドは生まれない」／「副音声。」
FOR SUMAKAKU

スマカクHPへの示唆

WHAT TO DO NEXT

今のデモは"型が40通り"あるが、
スマカクにしか出せない世界観の1枚が弱い。

  1. 作家性を1本決める（最優先）GEAR8/monf/B&Hのように「見た瞬間スマカクと分かる絵」を確立する。スマートくん×実写×ティール#52bcb1で、装飾でなくメインビジュアルとして成立させる方向。40案の"構成違い"より、1つの世界観の深さで差がつく。
  2. FVは態度を言い切る一言に業務説明（記帳代行・確定申告支援）でなく、姿勢を刺す一文＋固有の事実。パターンA。※内向きバリューは顧客向けに出さない（既定ルール）。
  3. 強みを固有名詞のメソッドにする「記帳と申告の役割分離」「属人性を排除した仕組み」を、Vision Mapのように名前のついた型に言語化して資産化。パターンB。
  4. 事例・できることをフィルタ式グリッド＋件数で業種別（EC/フリーランス/ひとり法人/経理プラス…）タブ＋件数＋サムネ→詳細。パターンD。
  5. ティール#52bcb1を選んだ理由を1文で載せる色をロジックにする。パターンE。「信頼×親しみ」を言語化。
  6. 狙う立ち位置＝"品ある専門性 × 親しみ"の中間B&H/エイトの端正さ（信頼）と、GEAR8/monfの温度（親しみ）の中間。まさにスマカクのブランド核＝親しみ×信頼。monf/イッパイアッテナの砕けすぎは税務領域では危険。