メインビジュアル
メインビジュアル SP
ターゲットユーザー：
ターゲット：AIを活用して自分の事業を活性化させたい人
メインカラー：青、サブでピンク
テイスト： IT系、AI感、未来的
キーワード：AI×〇〇、良い未来
ターゲット：AIを活用して自分の事業を活性化させたい人
メインカラー：青、サブでピンク
テイスト： IT系、AI感、未来的
キーワード：AI×〇〇、良い未来
この作品の狙いや目的：
AIと掛け合わせることで広がる、新しい可能性と未来を感じられるLPへ。
AIと掛け合わせることで広がる、新しい可能性と未来を感じられるLPへ。
AIをテーマとしたサミットのため、先進的なIT・AIらしさを軸にしながらも、専門的で近寄りがたい印象になりすぎないよう、明るさや親しみやすさも感じられるデザインを目指しました。
作品のコンセプトやポイント：
主催者のブランドカラーであるブルーを全体のメインカラーに採用し、CVや特に注目してほしいポイントにはピンクを使用。
その他の強調箇所にはカラフルなラインやグラデーションを取り入れ、情報量が多いLPの中でも視線のメリハリが生まれるよう設計しました。
また、サイバー感のある装飾やAI生成画像を随所に取り入れることで、コンテンツだけでなくビジュアルそのものからも「AIを活用したイベント」であることが伝わる世界観を構築しています。
---
ファーストビューから申込みへつなげる設計
PCではファーストビュー内に申込みフォームまで表示される高さにMVを設計。
SPでは画面サイズが限られるため、イベント名・開催日時をファーストビューで把握できるよう情報の優先順位を整理しました。
スクロールを促す視覚設計
長尺LPによる離脱を防ぐため、セクションごとに印象の異なる背景や装飾を取り入れ、スクロールする中で画面に変化が生まれるよう設計。
特に長くなりやすい登壇者紹介では、登壇者ごとに背景色を交互に切り替えることで単調さを抑え、次の登壇者まで読み進めやすい構成にしました。
LP全体を一つのストーリーとして設計
支給された構成案をそのままデザインするのではなく、情報の順番やコピーを整理し、
「AIによる可能性を知る」
→「サミットの価値を理解する」
→「専門家・講演内容への期待を高める」
→「参加する理由を明確にする」
→「不安を解消して申し込む」
→「サミットの価値を理解する」
→「専門家・講演内容への期待を高める」
→「参加する理由を明確にする」
→「不安を解消して申し込む」
という流れで、ユーザーの興味が自然に申込みへつながる構成へ調整しました。
最終CVの直前にはFAQを配置し、「途中参加は可能か」「アーカイブはあるか」など、申込み前に生まれやすい疑問を解消してからCVへ進める設計としています。
---
UTAGEの制約を考慮した実装
LPはUTAGEで実装。
レイアウトや重なり表現などに機能上の制約がある中で、背景画像と組み合わせるなど、再現性と更新性のバランスを取りながらデザインを実装しました。
また、SEOや公開後のテキスト修正のしやすさを考慮し、装飾以外は可能な限り画像化せず、テキストとして実装しています。
CVボタンには拡大・縮小のマイクロインタラクションを加え、ページ内で自然に視線が集まるよう工夫しました。
制作年月日：2026/09～10
制作時間：構成 3h、デザイン 13h、UTAGE実装 7h 23h
使用ソフト、使用言語などの制作環境：Figma、Illustrator、Photoshop、UTAGE
制作領域：情報設計、ワイヤーフレーム、一部ライティング、デザイン、実装（UTAGE）
制作時間：構成 3h、デザイン 13h、UTAGE実装 7h 23h
使用ソフト、使用言語などの制作環境：Figma、Illustrator、Photoshop、UTAGE
制作領域：情報設計、ワイヤーフレーム、一部ライティング、デザイン、実装（UTAGE）
制作期間の目安：打ち合わせから1～2週間程度
制作費の目安：120,000～
