Works
- lp
【架空案件】投資系セミナーのLPを作成しました
賢く増やす投資戦略セミナー[PCでの閲覧を想定しています]
製作範囲
- デザイン
使用ツール
- Figma
- Photoshop
制作期間
- ワイヤーフレーム 1日
- デザイン 3日
- コーディング 1日
使用したフォント
- 小塚明朝 Pr6N
- DIN Alternate
使用したカラー
- #142949ベースカラー
- #f8f3e3-#b08d6bアクセントカラー
概要
【架空案件】投資系セミナーのLPを作成しました。
あわせて、同じテイストでバナーも作成しています。
目的
① セミナー申込みページへの誘導
② SNSで集客
③ 「信頼できる投資情報を学べる場」と印象づける
ターゲット
① 25〜50代の社会人25〜50代の社会人
② 資産運用を始めたいが、何から手をつけるか迷っている人
③ 株や投資信託、不動産に興味はあるが不安を感じている層
デザイン
本LPは「投資セミナー」のバナーをクリックした先のページとして制作し、バナーとテイストを統一しています。「信頼できる投資情報を学べる場」という印象を持ってもらうことを目的に、信頼感を与える紺色を基調とし、上質さを演出するアクセントとしてゴールドを取り入れました。ゴールドは使い方によって印象が強くなりすぎるため、黄色味を抑えた上品なシャンパンゴールドを採用しています。「増える」イメージを視覚的に表現するため、「増やす」の送り仮名を右上がりに配置し、上向きの矢印をあしらいました。さらに、背景にも右上がりを感じさせる模様を取り入れることで、成長や前進といった印象を強調しています。
ページ全体では、締め色として濃いネイビーと水色を背景に交互に使用し、単調にならないようメリハリを持たせました。また、ファーストビューだけでセミナーの概要が把握できる構成とし、読み進める途中にもCTAボタンを配置することで、すぐに申し込みができる導線を設計しています。
CTAボタンには、カーソルを乗せた際にキラッと輝くアニメーションを加え、視認性と操作性の向上を図りました。

