Ms DESIGN WORKS

WEBデザイン5日間チャレンジプログラム|ランディングページ

無料チャレンジプログラムへの参加を促し、その後の講座案内へつなげることを目的に制作したLPです。

制作範囲

LPデザイン、実装

使用ツール

Photoshop 、HTML / CSS

制作概要

目的

無料チャレンジプログラムへの誘導および講座案内への導線設計

ターゲット

40代前後の男女
WEBデザインに興味がある方
在宅で働ける仕事を探している方

ご要望

明るく信頼感のある印象
スマートフォン特化(アクセスの95%がスマホ)

デザインのポイント

スマートフォンからのアクセスが大半を占めるため、スマホに最適化した設計で制作しています。「明るさ」と「信頼感」を軸に、参加へのハードルを下げつつ行動につながる構成を意識しました。

・スマホ特化の設計
 スマートフォンでの閲覧を前提に、視認性や操作性を重視したレイアウトにしています。文字情報を中心に構成し、サービス内容が一目で伝わるよう設計しています。

・ファーストビュー設計
 「WEBデザイン」の文字を強調し、何のサービスか瞬時に理解できる構成にしています。力強さと明るさを感じられるよう、文字の太さやバランスを調整しています。

・フォント設計
 親しみやすさと信頼感を意識し、ゴシック体を採用しています。視認性を高めることで、ストレスなく情報を読み取れるようにしています。

・配色設計
 明るさと信頼感を表現するため、ベースカラーは爽やかで清潔感のある色味を使用しています。アクセントカラーで視線誘導を行い、重要な情報が目に入りやすいように設計しています。

・CTA設計
 ボタンには背景とのコントラストが高い黄色系を使用し、視認性を確保しています。また、クリックを想起させるアイコンを配置することで、直感的に行動へつながるよう工夫しています。

・コンバージョン設計
 カウントダウンタイマーを設置することで、期限を意識させ、参加への動機づけを高めています。