出典：jakobsencopenhagen.com ↗ 確認日 2026.10.21
Editor's note
編集部の視点
ネットでは売らず、商品ページから「販売店を探す」と「製品シートのダウンロード」へつなぐデンマークの布張り家具メーカー。
1975年からの家具づくりを受け継ぐ、コペンハーゲンの布張り家具ブランドのサイト。ファーストビューは布地に寄った全画面の映像にロゴと「EST. 1975」だけ。ナビは製品・販売店・読みもの・会社・問い合わせの5つで、通販のカートはない。商品ページには寸法の一覧と「販売店を探す」「製品シートをダウンロード」の2つのボタンがあり、販売店のページでは取り扱い店を国ごとに住所つきで並べる。問い合わせのページは、販売店になりたい会社・商品の質問・取材の3つに窓口を分け、電話の受付時間も書いている。
- 01 通販をせず、商品ページの出口を「販売店を探す」と「製品シートのダウンロード」の2つにしぼる
- 02 販売店を国ごとに住所とサイトのURLつきで並べ、近くで実物を見られる店を探せるようにする
- 03 問い合わせを「販売店になりたい」「商品の質問」「取材」の3つに分け、それぞれの窓口を書く
Conversion
集客の工夫
- 販売店の一覧 （あり） 国ごとに店名・住所・サイトのURL
- 商品ページの出口 （あり） FIND RETAILERS と DOWNLOAD PRODUCT SHEET
- 寸法の表示 （あり） 幅・奥行き・座面の高さなど7項目（誤差±3%）
- 張地・脚の選択肢 （あり） 200種類以上の布と革、8種類の脚
- 販売店の募集 （あり） 問い合わせページに専用のメールアドレス
- 電話の受付時間 （あり） 月〜金 10:00〜14:00（中央ヨーロッパ時間）
- 言語の切り替え （あり） EN / DE
- 価格の表示 （なし） なし（販売店で案内）
買えないサイトの、行き先をはっきりさせる
このサイトには通販のカートがありません。そのかわり、商品ページのボタンは 「FIND RETAILERS（販売店を探す）」と「DOWNLOAD PRODUCT SHEET（製品シートをダウンロード）」の2つです。座って確かめたいお客さまは近くの店へ、設計者や販売店は寸法と仕様の資料へ。買えないサイトでも、見た人の次の行動がはっきりしています。
実物を見られる場所を、国ごとに並べる
販売店のページは「Jakobsen Copenhagen を体験できる場所」として、取扱店を 国ごとに店名・住所・サイトのURLつきで並べています。オーストリア・デンマーク・ドイツの店が続き、「ネットワークは広がっていて、新しい店を順次追加する」とも書いています。ソファのように座り心地が大事な商品では、近くで試せるかどうかが購入の決め手になります。
問い合わせの窓口を、相手ごとに分ける
問い合わせのページは「販売店になりたい会社」「商品や張地についての質問」「取材や協業」の3つに分かれ、それぞれのメールアドレスを載せています。電話は 月〜金の10時〜14時（中央ヨーロッパ時間） と受付時間つきです。トップページの最後も「販売店探しのお手伝いも」と問い合わせに誘っていて、メーカーと買い手の間に販売店が入る流れを前提にした作りです。
チェック項目は 2026.10.21 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #FAF8F4 背景
- #161614 文字
- #E4E0DC 商品写真の背景
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・本文・ナビ（すべて） | ABC Arizona Flare | Newsreader |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 16px / 400 | 1.30 | 16px / 400 |
| h2 | 16px / 400 | 1.30 | 16px / 400 |
| 本文（p） | 16px / 400 | 1.30 | 16px / 400 |
実測値（PC 1440px・SP 375px、2026.10.21 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー 左に製品・販売店・読みもの、中央に「伝統のデザイン、心はコペンハーゲン」、右に会社・問い合わせ・言語。上部に固定。 ヘッダー／ロゴ＋横並びナビ型
- 02 ファーストビュー 布地に寄った全画面の映像に、ロゴと「EST. 1975」。ボタンはない。 ファーストビュー／全面動画＋コピー型
- 03 あいさつ デンマークの職人仕事とコペンハーゲンの空気から生まれた布張り家具、という一文。 メッセージ／大きな一文型
- 04 ブランドについて シンプルさと落ち着いた色づかいの考え方。 コンセプト／写真＋メッセージ型
- 05 コレクション ラウンジチェア・フットスツール・ソファを写真と分類名で。 商品／グリッド型
- 06 特集：MILLE 1つのソファを大きな写真と短い説明で紹介。 コンセプト／写真＋メッセージ型
- 07 ものづくり 1975年からの職人仕事と、設計から仕上げまで社内で連携する作り方。 コンセプト／写真＋メッセージ型
- 08 分類ごとの点数 全商品29・ソファ13・ラウンジチェア7・フットスツール9と、点数つきの入口。 一覧／種類で絞るタブ型
- 09 読みもの コペンハーゲンの作り手を訪ねる記事。 コンセプト／写真＋メッセージ型
- 10 問い合わせ 「販売店探しのお手伝いも」と、会話を始めるボタン。 行動喚起／ボタン帯型
- 11 フッター 事務所兼ショールームの住所とメールアドレス、Instagram。 フッター／ナビ＋会社情報型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 販売店経由で売るメーカーは、商品ページの出口を「販売店を探す」にして、問い合わせだけで終わらせない
- 02 設計事務所や販売店向けに、寸法と仕様をまとめた製品シートをダウンロードできるようにする
- 03 取扱店は地域ごとに住所とURLつきで載せ、「実物を見られる場所」として案内する
- 04 問い合わせ先は「取引したい会社」「お客さま」「取材」に分け、電話の受付時間も書く
FAQ
よくある質問
Jakobsen Copenhagen のサイトで使われているフォントは？
見出しから本文・ナビまで ABC Arizona Flare 1書体で、ほぼ同じ大きさで組んでいます。有料書体なので、無料で近づけるなら Newsreader が候補です。
通販をしないメーカーのサイトでは、何をゴールにすればいいですか？
Jakobsen Copenhagen は、商品ページのボタンを「販売店を探す」と「製品シートのダウンロード」にしています。お客さまは近くの店へ、設計者や販売店は資料へ、と行き先を分けることで、買えないサイトでも次の行動がはっきりします。
どんな業種の参考になりますか？
家具・照明・建材・設備機器など、代理店や販売店を通して売るメーカーに向きます。寸法や仕様の資料をよく求められる商品ほど、製品シートの置き方が役立ちます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はJakobsen Copenhagenおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: siteInspire
