ＷＥＢセミナー誘致のモバイルLP制作のお手伝いをさせていただきました。
ご依頼いただいた時の条件は下記でした。
↓↓ 実際のWebページで見たい方はこちら ↓↓
https://irodori-design.info/graduation/
▼▼彩デザインにお仕事を頼んでみたい！と思った方はこちらから▼▼
https://coconala.com/users/5275520
目的
・無料セミナーへ参加
ターゲット
・40代前後性別問わず。割合は男性30：女性70。
・WEBデザインに興味がある人。在宅で働ける仕事を探している人
希望の配色イメージ
・おまかせします。
希望イメージ
・明るく、信頼感がある
その他
・スマホでのアクセスを前提とした流入のためモバイル特化での制作
Webセミナーは無形のサービスなので、文字で表現することを心がけました。
ファーストビューでは一瞬で何の案内かわかるように「WEBデザイン」という文字を最大限大きく配置することを意識。モックアップで見ても一目でわかるかと思います。
女性が70％とのことだったので女性が安心する・馴染のある配色にし明るいかつ信頼のあるイメージに仕上げました。
「ゼロから始める」とのことだったので、初心者でもできるといった表現のためにガッツポーズをしている笑顔の女性をチョイス。
カウントダウンタイマーから申し込みボタンまでをスマホのファーストビューに入るように全体感を整えました。
CTAにはLINEのオープンチャットを利用するとのことで、既視感のある緑色を中心に見やすい濃さに調整しております。
特典のフェーズでは、特別感を演出するためにメダルのロゴ＋高級な印象を与える明朝体で表現。
共通する「動画〇〇分」という情報はアイコンで情報をまとめてすっきりさせてます。
流し読みでも伝わるように文字のバランスと大きさも差を出して、短時間で理解できるように。
コンテンツフェーズでは可視性を重視しました。
かなり細かく日付時間の大きさを調整してます。和文フォントと欧文フォントでは同じフォントサイズでも見た目が全然異なるので1ピクセル単位で細かく調整を行ってます。また文字と文字の間の間隔（カーニング）についても微調整して、左右の幅を揃えたり、文字が離れすぎて違和感がでないようにしてます。
ビフォーアフターのフェーズでは、視覚的にも良くなったと感じるような配色に。
小さいアイコンを配置することで、ビフォーアフター感も表現してます。
チャレンジ前・後の左右の横線については一見無駄な装飾に見えますが、空白のバランスを整えて無駄なところに視線が行ってしまうことを抑制する効果もあるんです。
プロフィールのフェーズでは、講師の写真を左に配置し、目線と手の指す方向に文字を配置することで自然な視線誘導効果があります。また、文字の太さのみを変えて名前を強調することでうるさすぎないけれど、重要な文字を認識できる効果もあります。
ロゴの左右に引いてある線は、先ほども記載した空白を埋める効果があり、バランスが整います。
プロフェッショナルの認定をもっていらっしゃるとのことなので権威性を表現できる月桂樹のデザインを採用。
経歴の表現については、近年活動が活発になっているようだったので時の流れを視覚的に表現しやすい年表の形式を採用。線の最後をフェードアウトさせることでこの先の未来も続いていくといった期待も込めさせてもらっています。
全体のデザインにグラデーションを使用していますが、グラデーションはデザインに動きや奥行きを加え視覚的に魅力的に映る効果があるため採用。CTA、コンテンツ、ビフォーアフターでも反復して統一感を出してます。実は区切り線も全てグラデーションがかかってたりします。
他にも統一感を出すためにセクションごとのタイトル背景に薄い英単語タイトルを置いたり、タイトル下部に小さな線を引く、空白の幅も統一などの工夫もしてます。
↓↓ 実際のWebページで見たい方はこちら ↓↓
https://irodori-design.info/graduation/
実際にWEBページでの実装時はリアルに動くカウントダウンタイマーを入れ込んだり、一部HTML,CSSでのコーディングも行ってます。
改めて、目的は「無料セミナー」の誘致だったので、最後までLPを見てくれた人がも奥仕込みやすいようにWEBサイトではプロフィール前にもCTAを置いてます。
実際にこれからどれくらいの申し込みがあるか、まだまだわかりませんが良い結果が出るように心より祈っております。
もし成果が出ない場合は、離脱ポイントなどしっかり分析してデザインし直すこともできるため、ご縁をいただいたクライアント様の成果のために継続して支援できればと考えております。
ここまで読んでいただいて、彩デザインにご興味を持ってくれた方はお気軽にご相談ください！
https://coconala.com/users/5275520
商品として掲載していないものでも、ご相談に応じて対応させていただいます。
