Facebook CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN
Logo

CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN

クレジット
Avatar
WEBデザイナー
#webディレクター
CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN-1
シェア

CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN

案件概要 海外メーカー(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画像制作)
クレジット
Avatar
WEBデザイナー
#webディレクター
シェア
荒井真理の他の作品
画像
作品を見る
AI業務支援サービス コーポレートサイト
画像
作品を見る
健康食品LP
foriio

あなたのforiioを無料で作成

fori.io/
Logo
CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN-1

CAMPFIRE クラウドファンディング LP制作|ハンドメイド天然木サングラス KINGSEVEN

案件概要 海外メーカー(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画像制作)
クレジット
Avatar
WEBデザイナー
#webディレクター
シェア
荒井真理の他の作品
画像
作品を見る
AI業務支援サービス コーポレートサイト
画像
作品を見る
健康食品LP
foriio

あなたのforiioを無料で作成

fori.io/