Facebook タロット占い師養成講座LP
Logo

タロット占い師養成講座LP

クレジット
Avatar
WEBデザイナー
bgタロット占い師養成講座LP
sample3
https://tottotto723.xsrv.jp/sample3/
シェア
制作ノート
神秘性・自分磨き・高揚感を感じさせるデザイン

1. 「非日常」を演出する没入感のあるビジュアル設計

  • トーン&マナー: タロットの世界観を表現するため、深いパープルや夜空を連想させるグラデーションをメインに採用しました。神秘的でありながら、安っぽくならないようゴールドの光の粒子や星のモチーフを散りばめ、ユーザーが一瞬で「占いの世界」へ没入できる演出を施しています。
  • フォントの使い分け: キャッチコピーにはエレガントな明朝体を使用し、スピリチュアルな特別感を強調。一方で、講座内容や実績などの「事実」を伝える部分には視認性の高いフォントを使い、読みやすさと世界観の両立を図りました。

2. 「学び」としての信頼感を担保するコンテンツ配置

  • 実績・ベネフィットの可視化: 占いのLPにありがちな「怪しさ」を払拭するため、受講生の声や具体的な収益事例(「月20万円鑑定」など)をカード風のレイアウトで整理。各セクションに番号を振り、学習ステップを明確に示すことで、趣味の延長ではなく「スキル習得」としての説得力を持たせています。
  • 講師のブランディング: プロフィールセクションでは、背景に幾何学模様のテクスチャを敷き、落ち着いたネイビーと組み合わせることで、講師の権威性とプロフェッショナリズムを視覚的に表現しました。

3. モバイルファーストな装飾とCTA

  • 視認性の高いボタンデザイン: 暗めの背景に対して、コンバージョンボタン(緑色のグラデーション)が浮き上がるように配置。スマホでのスクロール中も常に「次のアクション」を意識させるよう、光るアニメーションや影(ドロップシャドウ)を活用して立体感を出しました。

◎デザイナーの想い

ユーザーがこのページを開いた瞬間に、日常から切り離された『ワクワク感』を感じてもらえるような世界観づくりを追求しました。同時に、占いという目に見えないサービスだからこそ、情報の整理と実績の提示を丁寧に行い、最終的に『ここなら信頼して学べる』と確信してもらえるようなデザイン設計を心がけています。

シェア