

WEBデザイン5日間チャレンジプログラム|ランディングページ
無料チャレンジプログラムへの参加を促し、その後の講座案内へつなげることを目的に制作したLPです。
制作範囲
LPデザイン、実装
使用ツール
Photoshop 、HTML / CSS
制作概要
目的
無料チャレンジプログラムへの誘導および講座案内への導線設計
ターゲット
40代前後の男女
WEBデザインに興味がある方
在宅で働ける仕事を探している方
ご要望
明るく信頼感のある印象
スマートフォン特化(アクセスの95%がスマホ)
デザインのポイント
スマートフォンからのアクセスが大半を占めるため、スマホに最適化した設計で制作しています。「明るさ」と「信頼感」を軸に、参加へのハードルを下げつつ行動につながる構成を意識しました。
・スマホ特化の設計
スマートフォンでの閲覧を前提に、視認性や操作性を重視したレイアウトにしています。文字情報を中心に構成し、サービス内容が一目で伝わるよう設計しています。
・ファーストビュー設計
「WEBデザイン」の文字を強調し、何のサービスか瞬時に理解できる構成にしています。力強さと明るさを感じられるよう、文字の太さやバランスを調整しています。
・フォント設計
親しみやすさと信頼感を意識し、ゴシック体を採用しています。視認性を高めることで、ストレスなく情報を読み取れるようにしています。
・配色設計
明るさと信頼感を表現するため、ベースカラーは爽やかで清潔感のある色味を使用しています。アクセントカラーで視線誘導を行い、重要な情報が目に入りやすいように設計しています。
・CTA設計
ボタンには背景とのコントラストが高い黄色系を使用し、視認性を確保しています。また、クリックを想起させるアイコンを配置することで、直感的に行動へつながるよう工夫しています。
・コンバージョン設計
カウントダウンタイマーを設置することで、期限を意識させ、参加への動機づけを高めています。