ファッションブランドのルックブックは、シーズンの印象を一冊に凝縮した資料です。撮影、商品の構成、画像とタイポグラフィーをFigmaで細部まで仕上げます。しかしPDFとして書き出した後には、デザインとは別の課題である「どう届けるか」が始まります。
バイヤーは主力商品と卸売の相談方法を探します。プレス担当者はシーズンのメッセージとキャンペーン画像を見ます。流通パートナーはブランドの方向性や協業の範囲から確認するかもしれません。同じルックブックでも、必要な情報と次の行動は異なります。
優れたデジタルルックブックは、静的なPDFを派手なWebページに作り直したものではありません。完成したデザインを保ちながら、読者が必要な商品群へ進み、静止画だけでは伝わりにくい部分を確認し、適切な場所からブランドとの対話を続けられるように配布導線を設計した資料です。
同じルックブックでも、何を探していますか？
目次がAbout, Collection, Products, Contactのようなブランド側の分類だけで構成されていると、読者は自分に必要な情報を改めて探すことになります。最初に目的別の入口を示せば、一つのルックブックを複数の相手に使いながら、全員に同じ順番を強いる必要がなくなります。
| 読者 | 最初に確認したい内容 | 次につなげる行動 |
|---|---|---|
| 小売・卸売バイヤー | コレクション概要、主力商品、商品の特徴 | ラインシート請求、卸売の問い合わせ |
| 流通パートナー | ブランド紹介、市場での位置づけ、流通方針 | パートナーシップの相談 |
| プレス・編集者 | シーズンストーリー、キャンペーン画像、主力商品 | プレス素材の請求 |
| コラボレーション担当者 | ブランドの世界観、過去の協業、提案可能な領域 | コラボレーション相談、商談予約 |
最初に設計するインタラクションは問い合わせボタンではなく、読者の目的に合った入口です。
ページ数ではなく、商品と出会う順番を設計する
Figmaテンプレートは表紙や画像の配置から選びがちです。しかし配布を前提とするルックブックでは、商品がどの順番で見つかるかがより重要です。
1. 表紙で今シーズンの見方を示す
シーズン名だけで十分に伝わらない場合は、素材、シルエット、着用シーンのうち最も重要なものを一つ添えます。長いブランド紹介よりも、後に続く商品をどの視点で見るかが分かる一文が役立ちます。
2. 読者が入口を選べるようにする
全コレクション、主力商品、キャンペーンストーリー、卸売・プレス窓口など、少数の入口を示します。スマートフォンでも区別しやすく、選びやすい簡潔さが必要です。
3. 個別商品より先にコレクションの文脈を伝える
商品を並べる前に、シーズンを貫く素材、色、形、着用シーンを短く説明します。世界観を長く語るページではなく、後の商品を比較する基準を示すページです。
4. 商品群ごとに一つの判断軸を残す
一ページに画像、素材、色、スタイリング、価格、ブランドストーリーをすべて入れると、見るべき点が曖昧になります。アウターならシルエットと着用感、アクセサリーならディテールと組み合わせ、素材なら質感と動きというように、商品群ごとの判断軸を一つ明確にします。
5. 静止画で伝えにくい部分だけ動画を使う
生地の動き、バッグの収納構造、ジュエリーが光を受けたときの表情、衣服の実際のフィット感は、短い動画の方が適していることがあります。FeatPaperのFigmaプラグインとウィジェットでは、動画や対応する外部ツールをインタラクティブ文書に接続できます。すべてを動かすのではなく、静止画では説明しにくい二、三の場面に絞る方が、ルックブックへの集中を保てます。
リードフォームは配布目的に合わせて選ぶ
リード情報を得るために、すべてのルックブックの入口へ長いフォームを置く必要はありません。FeatPaperの標準リードフォームは文書の途中ではなく、文書が開く前に表示されます。標準リンクで公開しながら閲覧者を区別したい場合は、メールアドレス、氏名、会社名など必要な項目だけを選べます。開きやすさを優先する場合は無効にできます。
キャンペーンやプレス向けに広く見せることが先なら、入口を開いたままにし、商品を見た後でTallyやCalendlyなどの外部ツール、または連絡先リンクへつなぐ方が自然な場合があります。標準リードフォームと文書内から接続する外部フォームは、置かれる場所も役割も異なります。
既知のバイヤーには専用リンクを送る方法もあります。専用リンクは作成時に入力したメールアドレスを基準に閲覧記録を区別しますが、リンク自体がアクセス制限になるわけではありません。許可したメールアドレスだけが開けるようにする場合は、Access Controlを別途設定します。
CTAは関心が具体的になる場所に置く
最後のページにContact Usを一つ置くだけでは、必要な商品群まで見たバイヤーが問い合わせ先にたどり着かないことがあります。反対に同じボタンを全ページに繰り返すと、ルックブックがブランド資料ではなく広告バナーのように見えます。
そのページで生まれやすい質問に、次の行動を合わせます。
- コレクション概要の後：ラインシート一式を請求する
- 主力商品群の後：この商品群の卸売条件を問い合わせる
- ブランドと流通方針の後：パートナーシップを相談する
- キャンペーン画像の後：プレス用画像を請求する
- 最後のページ：卸売・プレス・協業から相談目的を選ぶ
目的はボタンを増やすことではありません。その時点で読者が何を依頼できるのかを明確にすることです。FeatPaperビューアにメールアドレスや外部の相談ツールを用意すれば、読んでいた文脈を保ったまま連絡方法を選べます。
同じ文書を使いながら、流入の文脈を分ける
完成したルックブックは、バイヤー向けメール、Webサイトのコレクションページ、展示会のQRコード、ニュースレター、パートナー向けメッセージなど複数の接点で使えます。文書が同じでも、開く理由を伝える言葉は変えるべきです。
- 展示会のQRコード：
コレクションを見る - バイヤー向けメール：
卸売検討用ルックブック - プレス向けメール：
シーズンキャンペーン・画像素材 - パートナー向けメッセージ：
流通協業の検討資料
どの接点から文書を案内したかを運用記録に残すと、閲覧状況を解釈しやすくなります。展示会後の閲覧と既存取引先による再閲覧では、同じページでも見た理由が異なる可能性があります。
閲覧状況から、どこまで判断できますか？
リンクで共有した文書では、訪問、ページ別の閲覧時間、再閲覧されたページ、文書内のリンククリックを確認できます。しかし特定の商品群を長く見たという事実だけで、発注の意向があるとは判断できません。
画像が印象に残ったのかもしれません。似た商品を比較していた、説明が足りず同じページを確認した、あるいは文書を開いたまま別の作業をしていた可能性もあります。
| 確認できた記録 | 断定できないこと | 次の商談で確認すること |
|---|---|---|
| 特定の商品群を長く閲覧 | その商品を選定した | どのシルエットや商品範囲が販売チャネルに合うか |
| 同じ商品ページを再閲覧 | 発注数量を検討している | 追加画像、素材情報、仕様が必要か |
| 動画再生や関連リンクのクリック | 取引を進める準備ができた | フィット感やディテールで確認したい点があるか |
| 卸売CTAのクリック | 契約意思が確定した | 対象市場と商品群、必要な資料は何か |
| 途中の商品群で閲覧を終了 | コレクション全体に関心がない | 主力商品が後ろ過ぎないか、導線が分かりにくくないか |
長く見られた商品群は、売れると決まった商品群ではなく、次の商談で最初に尋ねる商品群です。
個別バイヤーの記録は質問を準備するために使い、複数の読者に繰り返す傾向は次のルックブックの目次とページ順を見直すために使います。
同じシーズンなら基準リンクを保つ
説明や画像が変わるたびに新しいPDFを添付すると、以前のメールやメッセージに旧版が残ります。FeatPaperでは共有済みのリンクを変えずに文書を更新できます。ページ数やレイアウトが変わった場合は、動画やボタンなどのインタラクティブ要素が新しい位置に合っているかを確認します。
同じシーズンの誤字、差し替え画像、一部の商品情報を直す場合は、一つの基準リンクを保つ方法が便利です。シーズン、対象バイヤー、公開範囲が変わる場合は別文書にします。最新版の維持と、異なるキャンペーンの区別は同じ作業ではありません。
Figmaルックブック配布の確認事項
- Figma原本でシーズンメッセージと商品群の構成を確定する。
- バイヤー、流通、プレスが探す内容に合わせて目次の入口を作る。
- 静止画で説明しにくい二、三の場面だけに動画やモーションを接続する。
- 公開配布か特定の受信者向けかに合わせ、リンクの種類とリードフォームの使用を決める。
- 主力商品群ごとに、最も自然な問い合わせ・資料請求CTAを一つ置く。
- メール、Webサイト、QRコードで、文書を開く理由をそれぞれ説明する。
- 配布後は個別の反応と読者全体の傾向を分け、次の商談と次の版に反映する。
良いデジタルルックブックはクリックを増やさない
インタラクティブにすることは、入力項目や選択肢、クリックを増やすことではありません。
良い配布導線は必要な商品を見つけやすくし、静止画で不足する部分だけを補い、質問が生まれそうな場所に負担の少ない次の行動を用意します。ブランドはそこで得た記録を購入意思と決めつけず、次の商談の質問と次版の改善点に変えます。
Figmaで完成させたビジュアルはそのまま生かせます。変わるのはルックブックの役割です。見せて終わるファイルから、バイヤーの質問とブランドの次の対話をつなぐ資料になります。
よくある質問
既存のFigmaルックブックも活用できますか？
はい。選択したFigmaフレームからFeatPaperの共有リンクを作成し、必要に応じて対応する動画、ウィジェット、連絡先を接続できます。デザインを最初からWebページとして作り直す方法とは異なります。
ルックブックを開く前に情報入力は必要ですか？
いいえ。標準リンクを共有する際にリードフォームを有効または無効にできます。不特定の閲覧者を区別することと、まず開きやすくすることのどちらを優先するかで選びます。
文書を読んでいる途中にフォームを接続できますか？
標準リードフォームは文書が開く前に表示されます。閲覧中に反応を受け取りたい場合は、FigmaウィジェットからTallyやCalendlyなどの対応する外部ツール、または連絡先リンクを接続する方法を検討できます。
商品ページを長く見ていれば、購入関心が高いと考えられますか？
それだけでは判断できません。関心、比較、分かりにくさ、追加確認など複数の理由が考えられます。発注を予測するのではなく、次の商談でどの商品群から確認するかを決める材料にします。
ネイティブレビューで確認すること
日本語のレビュアーは、ファッション卸売の文脈でルックブック、ラインシート、卸売の問い合わせ、商談の使い分けが自然かを確認します。CTAの文言がバイヤー向けとして適切か、閲覧状況を購入意思として表現していないかも点検します。ネイティブレビューは未完了です。