Ms DESIGN WORKS

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

制作範囲
 LPデザイン、実装

使用ツール
 Photoshop、HTML/CSS

制作概要

目的
無料のWEBデザイン5日間チャレンジプログラムに参加してもらうこと。
チャレンジ後には、最後に講座案内もする予定。

ターゲット
40代前後の男女、割合は30対70。
WEBデザインに興味がある人。あるいは、在宅で働ける仕事を探している人向け。

ご要望
明るい印象で、信頼感のあるイメージ。
スマートホンのアクセスが95%のため、スマホ特化を意識する。

スマートフォンからのアクセス率が高いため、スマホデザインのみ制作しました。
何のサービスなのか、一目でわかるように文字をメインにファーストビューを制作しました。
LPはファーストビューのデザインがとても重要で、ファーストビューで離脱されるとそこから先は見られることがありません。
フォントや配色にもそれぞれにイメージがあり、選定によってユーザーに与える印象が変わってきます。
目的への誘導、ターゲットへ向けて、フォントや配色、レイアウトなども意識しながら制作しました。

フォント
ゴシック体
こちらは無料のセミナーであり、ご要望の『明るい印象で、信頼感がある』ということから、ゴシック体のイメージにある信頼感や親近感から気軽に参加しやすい印象と信頼感を与えるため、選定しました。
また視認性が高いので、ユーザーにパッと目につくようになっています。
何のセミナーなのかわかるよう、『WEBデザイン』の文字の太さを調整し、元気で力強いイメージを与え、明るい印象にしました。

配色
白、青系
信頼感のあるイメージの青、清潔感のある白をメインにご希望イメージに合わせて選定しました。
ターゲットは男女なので、青は女性にも受け入れやすいよう、水色や緑みのある青を選定しています。
何のセミナーなのかわかるよう『WEBデザイン』の文字に赤系を使用し、ユーザーがパッと目につくようにしました。

レイアウト
リボンや吹き出しなどのあしらいを使用し、明るいイメージにしています。
ボタンはクリックしやすいよう、青系の中でも目立つ黄色系にし、さらにクリックしているようなアイコンを配置することでクリックへ誘導できるようにしています。

上部へスクロール