WEBデザインスクール　LP制作

ターゲット

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

目的

無料のWEBデザイン5日間チャレンジに参加してもらうこと。
チャレンジ後には、最後に講座案内も有り。

制作サイズ

スマホ特化で横幅750px

使用ツール

Photoshop / HTML / CSSPhotoshop / HTML / CSS

ご要望

明るい印象で、信頼感があること。

制作概要

丸いレイアウトでタイトルに視線が集まるようにしました。
色は、活動、エネルギーを感じさせるオレンジを使用。
スクールの公式インスタグラムのオレンジを参考にしました。
全体をオレンジの暖色系でまとめたのでCTAはライトグリーンで
コントラストを出し、視認性とクリック率を高めています。

ファーストビューは3案提案し、その中から選定いただいた案をもとにスマートフォン特化で構築しました。
ユーザーの関心度に応じて３つのデザインを用意して、A案は「まずはやってみよう！」という段階のユーザーを後押しするデザイン。B案は「5日間安心して取り組めそう」という安心感がテーマのデザイン。C案は「信頼してしっかり学びたい」というユーザーに信頼感を強調したデザインにしました。

B案は、講師の写真を掲載することで「誰から学ぶのか」を明確にして受講前の不安を軽減しています。
表情が見えることにより親しみを感じオンライン講座のハードルを下げる効果を狙いました。
配色は緑を基調とし安心感や信頼感を与え、教育サービスとの親和性の高いカラーを用いることで５日間継続できそうというイメージを強調しています。

C案は、メッセージ性を重視して設計しました。
オンライン上のつながりや信頼関係をテーマにしています。背景にラインを使った抽象的なビジュアルを取り入れて人と人との繋がりを視覚的に表現しました。ネイビーを基調とし信頼感や、安心感を感じられるトーンにしております。