WORKS

LANDINGPAGE

第二種電気工事士教材コンテンツ販売用LP

制作の目的・概要

第二種電気工事士試験用の教材コンテンツを提供されている株式会社フォー・フィックス様のランディングページを制作させていただきました。 Googleリスティング広告から集客し、LPを通じてお問い合わせの獲得や商材の販売をする目的で新規で制作。

担当範囲

ヒアリング / 全体構成 / ライティング補助 / デザイン / コーディング / レンタルサーバーアップロード

制作のポイント

ファーストビューにインパクトを持たせたいとのご要望のため、濃い色味の黄色とブラックの配色をメインに太めの角ゴシック体のフォントを使用しインパクトを与えました。背景画像には電気工事関連の写真をタイル状に並べキャッチーな雰囲気を出しユーザーを惹きつける工夫をしました。ボディ部分の各見出し部分には黒背景+白文字の組み合わせで強いコントラストを生み出すことで、ユーザーの視線を誘導し最下部まで読み進めてもらう狙いを持たせました。強調したいコピー内容には文字のサイズの強弱や黄色のアンダーラインをつけることで視線誘導&読みやすくする工夫をしました。グラフを多用することでユーザーが頭を使わずに教材の効果が理解できるように工夫をしました。

制作期間

約9日

使用ツール

Photoshop / Illustrator / Visual Studio Code

使用言語

HTML5 / CSS3 / jQuery

対応デバイス

PC / SP

PAGE TOP