案件概要
海外メーカー(KINGSEVEN)の天然ウォールナット木製フレームサングラスをCAMPFIREに初出品するためのLP制作。Canvaを使用したバナー・本文画像・FV・リターン画像の制作に加え、アイコン素材のゼロからの制作まで一括対応。また、全文章案と構成案出しから丸ごと対応。
▼Campfire出品先
https://camp-fire.jp/projects/914692/view
---
ターゲット設定
30〜50代の男女。アウトドア・ドライブを好み、こだわりはあるが高級ブランドには手が届かない層。スマホ閲覧が9割を占めるため、スマホファーストで視認性・可読性を最優先に設計。
---
コンセプト・世界観設計
センターピン:「我慢してかけるサングラスを、やっと終わらせる」
従来のサングラスに対する潜在的な不満(重い・ズレる・痛い・すぐ壊れる)を起点に、天然木ならではの「軽さ・温もり・唯一無二の木目」を価値として打ち出す世界観を構築。
単なる機能訴求ではなく「ずっと我慢してかけてきた。本当にいいものに出会いたい」という感情に寄り添うストーリー構成を採用した。
デザインテーマ:「無骨・溶け込む・この一本」
---
カラー・フォント設計
感情と素材の世界観を視覚化するため、カラーパレットを以下の通り設計。
| 役割 | カラー | 選定理由 |
| 背景 | #1A1612(ウォームブラック) | 真っ黒を避け木の温もりに馴染む暗色 |
| テキスト | #F5F0E8(オフホワイト) | 目への刺激を抑え高級感を演出 |
| アクセント | #C4622D(バーントオレンジ) | 夕暮れ・木の温もりをイメージ |
| アイコン | #C8860A(アンバーゴールド) | ウォールナットの金木色とリンク |
フォントは明朝体(Shippori Mincho)×ゴシック体(Noto Sans JP)の組み合わせで「渋さ×読みやすさ」を両立。英数字はCormorant Garamond×Montserratを使用し、高級感と視認性を確保した。
---
LP構成設計(全32スライド)
読者の心理導線に沿って4つのゾーンで構成。
ZONE1 つかむ(1〜4枚)
インパクトGIFで「我慢して、かけてきた。」と問題提起。冒頭0.5秒で離脱を防ぐファーストビューを設計。
ZONE2 共感→解決(5〜9枚)
読者の悩みに共感したうえで「やっと、出会えた。」と商品を登場させる。他社比較表でUSPを明確化。
ZONE3 信頼・納得(10〜22枚)
かけ心地・天然木・偏光レンズ・経年変化など5つのPOINTで深掘り。スペック・メーカー紹介・利用シーン・父の日訴求まで網羅。
ZONE4 背中を押す(23〜32枚)
FAQ・リターン一覧・スケジュール・クロージングで購入の不安を解消し、「この木目と、この夏を。」で締める。
---
アイコン素材制作
Canvaでは対応できない高品質なアイコン素材をゼロから制作。SVG設計→PNG書き出しまで一貫対応。
制作したアイコン一覧(全11種・アンバーゴールド#C8860A・背景透過)
- TAC偏光レンズ
- UV400カット(シールド)
- ウォールナット材(木)
- 合金フレーム(メガネ)
- 弾スプリングヒンジ
- フィット感(顔×サングラス)
- 重量バランス(天秤)
- 視界の自然さ(目)
- 天然木の質感(木目)
- 職人の手仕事(手)
- 快適な装着感(サングラス×ハート)
---
アイキャッチ画像、サブ画像、料金画像制作、gif画像作成
---
スマホ可読性への対応
CAMPFIREの本文画像(横1000px)はスマホ表示時に約38%に縮小されるため、フォントサイズを以下の基準で設計。
| 用途 | 設定サイズ | スマホ実表示 |
| キャッチコピー | 92px | 約35px |
| セクションタイトル | 57.8px | 約22px |
| 本文テキスト | 50〜55px | 約19〜21px |
| 細かい説明文 | 42〜45px | 約16〜17px |
---
制作ツール
Canva(LP本文・バナー・リターン画像)/Claude(アイコンSVG生成→イラレにて修正、PNG変換)/Adobe Illustrator(素材加工・切り抜き)/Canva(GIF画像制作)