Work
伎冶総研 ブランドサイト
経営コンサルティングの知見を「買える実務資料」として販売するブランドサイトです。資料を選ぶところから決済・ダウンロードまでを一続きにしました。
- お客様
- 伎冶総研(伎冶商事)
- 区分
- 自社運営
- 業種・分野
- 経営コンサルティング・実務資料
- 担当した範囲
- ロゴ/サイト設計/デザイン/文章/資料のデザイン/決済・自動配信
- 時期
- 2026年(販売開始 2026年10月1日)
Challenge
何を解こうとしたか
- コンサルティングは中身が見えないまま値段だけが提示されがちで、買う前の判断材料が少ないこと。
- 資料そのものに触れないので、「表紙」と「目次」が商品の見た目のすべてになること。
- 申し込みから資料の受け取りまでを、人手を挟まずに終わらせる必要があったこと。
Decisions
決めたこと
-
01
資料の表紙を商品棚のように並べる
墨色の画面に資料の表紙を立体的に並べ、最初の画面で「何が買えるのか」を見せました。サービスの説明文より、商品が並んでいる絵のほうが早く伝わります。
-
02
中身を先に開く
各資料のページに目次と記入例の抜粋を載せ、買う前に中身の水準が分かるようにしました。値段の高さを納得してもらう方法は、割引ではなく開示だと考えています。
-
03
墨と朱で「現場の道具」に見せる
やわらかい色を使わず、墨色と朱の二色に絞りました。装飾の少ない画面のほうが、実務で使う道具として信頼されます。
-
04
請求書払いを最初から用意する
法人がカード決済を使えない場面は珍しくありません。カードと請求書払いの両方を同じ導線に置き、どちらでも同じ手数で買えるようにしました。
Colors & Type
色と書体
- 墨 #1B1B1D 主要な画面の背景
- 朱赤 #E3292B ボタン・価格・強調
- 生成り #F6F5F2 本文の面
- Noto Sans JP
- 見出し・本文とも。資料名が長いので、字間が詰まっても読める書体を選びました
Build
どう作ったか
- Astro の静的なページ + Cloudflare Pages。決済は Stripe、資料の配信は認可つきの API 経由で、ファイルの直リンクは出していません。
- 購入のあと自動でダウンロードの案内が届き、購入者は期限内に何度でも受け取れます。
- 資料の追加は設定ファイルへの追記だけで済み、ページ・一覧・構造化データが同時に増えます。
この事例と同じ考え方・同じ作り方で、ご依頼いただいた制作にも取り組みます。作るものと毎月のことを選ぶと、その場で概算のお見積りが出ます。