DevNJ Make your business ease

Httpster ·デンマーク(コペンハーゲン) ·Picked 2026.10.29

NORNORM

オフィス家具の定額サービス(3Dデザイン・設置・入れ替え・再生品の循環まで)のサイトデザイン参考 — BtoB・料金の表示・無料の提案・FAQ
NORNORMのトップページ(PC)
PC(1440px)
NORNORMのトップページ(スマホ)
スマホ(375px)

Editor's note

編集部の視点

「オフィス家具は買わずに定額で」と一文で言い切り、無料の3Dデザインを入口に、m²あたりの月額と計算機、6か月前の解約通知までを見せるコペンハーゲンの家具サブスクリプション。

コペンハーゲンに登記のある NORNORM A/S が運営する、オフィス家具の定額サービスのサイト。ファーストビューはオフィスの動画に「Don’t buy your office furniture, subscribe to it.(オフィス家具は、買わずに定額で)」の大きな文字と、「Get a free office design(無料でオフィスのデザインを)」「Explore the service」の2つのボタン。ヘッダーには「Book a meeting」のボタンが常にある。続いて利用企業のロゴ、定額にする4つの理由、サービスの中身、事例、「従業員1人あたり1日コーヒー1杯より安い」と月額 €3/m² からの料金、3つの数字、7つの FAQ。料金ページには従業員数と広さから月額を出す計算機があり、問い合わせのページは「連絡 → 打ち合わせ → 48時間で3Dデザイン → 承認」の4段階を示したうえでフォームを置いている。

  1. 01 何を売るかを「買わずに定額で」の一文で言い切り、買う・借りる・リースとの違いをすぐに伝える
  2. 02 「無料の3Dデザイン」を最初の入口にし、申し込みの前に提案を受けられるようにする
  3. 03 m²あたりの月額・計算機・解約は6か月前の通知など、気になる条件を先に出す

Conversion

集客の工夫

  • 無料の提案 (あり) 「Get a free office design」で48時間で3Dデザイン
  • 打ち合わせの予約 (あり) ヘッダーに「Book a meeting」を常に表示
  • 料金の表示 (あり) 月額 €3/m² から、初期費用 €18/m²
  • 料金の計算機 (あり) 従業員数と広さから月額を表示
  • 申し込みの流れ (あり) 問い合わせのページに4段階
  • FAQ (あり) トップに7問(契約期間・移転時・始めるまでの期間など)
  • 利用企業のロゴ (あり) ファーストビューのすぐ下に
  • 電話番号の掲載 (なし) なし(フォームと用件別のメール)

何のかわりになるかを、一文で言う

ファーストビューは 「Don’t buy your office furniture, subscribe to it.(オフィス家具は、買わずに定額で)」の一文です。続く説明で「買う・借りる・リースより良い」と比べる相手を示し、デザイン・家具・設置・入れ替え・サポートがひとまとめだと伝えます。新しい売り方のサービスは、何のかわりになるのかが分かると、読み進めてもらえます。

最初の入口は「無料の3Dデザイン」

ファーストビューの青いボタンは「契約する」ではなく 「Get a free office design(無料でオフィスのデザインを)」です。問い合わせのページでは「連絡 → 打ち合わせ(€0)→ 48時間で3Dデザイン(€0)→ 承認して開始」の4段階を示し、図面のアップロード欄つきのフォームを置いています。お金のかからない一歩を先に用意し、相談のハードルを下げる作りです。

料金と契約の条件を、先に出す

トップには「従業員1人あたり1日コーヒー1杯より安い」と 月額 €3/m² から の料金、料金ページには初期費用 €18/m² と、従業員数と広さから月額を出す計算機があります。FAQ では、長期の契約はなく解約は6か月前の通知でよいこと、図面を送ってから48時間でデザイン、最短4週間で設置できることを答えています。BtoB で気になる条件を、打ち合わせの前に読めるようにしています。

チェック項目は 2026.10.29 に実ブラウザで描画したトップページ(PC 1440px・SP 375px)を確認したものです。

Colour

配色

  • #FFFFFF 背景
  • #000000 見出し
  • #1E37A0 ボタン・上部のお知らせの帯
  • #6A6A6A 本文
  • #F1EFE9 区切りの背景

背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。

Typography

フォント

用途 使用フォント 無料で近いもの
見出し・本文・ボタン(すべて) Lunar Inter
要素 PC サイズ / 太さ PC 行間 SP サイズ / 太さ
h1 64px / 500 1.00 41px / 500
h2 48px / 500 1.30 37px / 500
h3 20px / 400 1.50 20px / 400
本文(p) 16px / 400 1.50 16px / 400
ボタン 16px / 400 1.50 16px / 400

実測値(PC 1440px・SP 375px、2026.10.29 計測)。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。

Structure

ページ構成(上から順に)

  1. 01 ヘッダー 上部にお知らせの帯。ロゴ、Service・Furniture・Pricing・Showcase・Circularity・Resources、地域の切替、「Book a meeting」のボタン、Login。 ヘッダー/ロゴ+横並びナビ型
  2. 02 ファーストビュー オフィスの動画に「Don’t buy your office furniture, subscribe to it.」と短い説明、2つのボタン。 ファーストビュー/全面動画+コピー型
  3. 03 利用企業 「The world’s leading companies subscribe to NORNORM’s circular furniture」と企業のロゴの帯。 信頼/ロゴ帯型
  4. 04 定額にする理由 資金を手元に残せる、いつでも変えられる、環境にやさしい、手間のかからないサービスの4つ。 機能・強み/左右交互型
  5. 05 サービスの中身 「Furniture-as-a-Service」。家具とサービス(3Dデザイン・設置・入れ替え・常時のサポート)の2つに分けて。 入口/カテゴリ別スライド型
  6. 06 相談の呼びかけ 「Curious to learn more?」と2つのボタン。 行動喚起/ボタン帯型
  7. 07 事例 「Circular offices, furnished by NORNORM」。17の市場で1200社以上と、利用企業のオフィスの写真。 事例・実績/大きな写真の切り替え型
  8. 08 料金 「Cheaper than a cup of coffee per employee a day」と月額 €3/m² から。 行動喚起/ボタン帯型
  9. 09 3つの数字 1日の利用者36,000人、CO₂の排出を最大70%削減、230万m²分のデザインの知見。 会社情報/スペック表型
  10. 10 FAQ どんなサービスか、レンタルとの違い、含まれるもの、あとから変えられるか、移転したら、長期の契約は、始めるまでの期間の7問。 お知らせ/ニュース一覧型
  11. 11 フッター About・Service・Connect の3列と、プライバシーポリシー。 フッター/ナビ+会社情報型

Download

ワイヤーフレームをダウンロード

この構成を、Figmaで編集できるワイヤーに

上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。

NORNORMの構成を DevNJ の部品で組んだワイヤーフレーム(PC)
PC(1440px)
NORNORMのワイヤーフレーム(スマホ)
スマホ(375px)

Figmaでの使い方

  1. SVGをダウンロードする
  2. Figmaのキャンバスにファイルをドラッグ&ドロップする
  3. セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める

文字はテキストレイヤーとして入ります(フォントは Noto Sans JP)。

Reproduce

このサイトを参考にするときのポイント

  1. 01 新しい売り方のサービスは、ファーストビューで「何のかわりになるか」を一文で言い切る
  2. 02 最初の入口は「無料の提案」や「無料の見積もり」にして、申し込みより軽い一歩にする
  3. 03 料金は単位あたりの価格と計算機で示し、契約期間や解約の条件も FAQ に書く
  4. 04 問い合わせのページに、連絡してから始まるまでの流れを番号つきで見せる

FAQ

よくある質問

NORNORM のサイトで使われているフォントは?

見出しから本文、ボタンまで Lunar 1書体で組んでいます。有料書体なので、無料で近づけるなら Inter が候補です。

BtoB のサービスで、トップに料金を出してもいいですか?

NORNORM はトップで「月額 €3/m² から」と出し、料金ページには従業員数と広さを入れると月額が出る計算機を置いています。比べる相手(買う・リース)がはっきりしている商材では、先に目安を出すほうが、問い合わせる人の予算感がそろいます。細かい条件は打ち合わせで詰める形です。

どんな業種の参考になりますか?

レンタル・リース・定額制のサービス、設計や提案から入る BtoB の事業に向きます。「無料の提案」を入口にする作りは、リフォーム会社や内装会社、IT の導入支援にも使えます。

スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はNORNORMおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Httpster

More

ほかの Httpster の参考サイト

Monasteryのトップページ ワイヤーDL

Httpster ·アメリカ(カリフォルニア州サンフランシスコ) ·2026.11.01

Monastery

スキンケアのECとフェイシャルのスパを「Shop」「Spa」の2つの入口に分け、肌診断と施術の料金表で選びやすくするサンフランシスコのブランド。

Laurence McIntoshのトップページ ワイヤーDL

Httpster ·イギリス(スコットランド・エディンバラ) ·2026.10.31

Laurence McIntosh

「1947年から」の一文で業務と歴史を伝え、載せられない仕事が多いことを正直に書いて個別の面談へ誘うエディンバラの施工・建築木工の会社。

Salusのトップページ ワイヤーDL

Httpster ·オーストラリア(ビクトリア州) ·2026.10.31

Salus

トップをカテゴリのタイルで埋めて買い物の入口にし、送料無料・ギフトカード・法人ギフト・卸の窓口まで用意したオーストラリアのボディケアブランド。

デザイン参考をすべて見る →

From reference to your site

NORNORMのような構成を、御社のサイトに。

「このサイトのような構成で」とお伝えいただくだけで構いません。現状のサイトを拝見し、業種と読み手に合わせた構成案をお持ちします。

無料で相談する →