美容サロン専用予約サイト紹介LP
OVERVIEW
会社業務として、予約サイト紹介LPをHTMLにて制作。また、当LPで紹介するサイト自体のデザイン担当も行っている。
■制作物概要:LP(美容サロン専用予約サイト専用LP)
社内で開発した美容サロン専用予約サイトの紹介LPを制作。ワイヤーフレーム作成からHTMLコーディングまで約2週間で制作。
■目的/ゴール:当予約サイトを知ってもらい、資料請求へ繋げること。
■コンセプト:規定ロゴマークがピンク・イエロー系のグラデーションカラー、ロゴテキストはネイビー。ブランディングイメージを崩さないよう規定ロゴとカラーを合わせ、美容サロンの持つ悩みに答えながら機能紹介を行った。LPの成功パターンの構成を流用し、「キャッチコピー」「特徴・メリット」「お悩み」「掲載の流れ」「CTA」を順に配置。フォントはGoogle FontsのNoto Sans Japaneseを使用。
CTAボタンにはロゴマークのカラーと統一したピンクとオレンジの暖色グラデーションに。スクロールでポップアップするアニメーションを多用するLPに挑戦した。アニメーションの微調整に注意を払った。
■使用ツール:Photoshop, Illustrator
■使用言語:HTML, CSS, jQuery, Javascript