LP制作
○Link:http://noriori.pons-design.com
○Time:1ヶ月
○Tool:HTML,CSS,jQuery,JavaScript
○Bibliography:「葉山女子旅きっぷ」(京浜急行電鉄)
※架空のLPを、勉強のために制作しました。上記サイトを参考にさせていただきました。
○Purpose:江ノ電沿線の観光の発展・江ノ電1日乗車券のりおりくんの売り上げアップ
○Target:都会で働く20代〜30代のOL。休日に日頃の疲れを癒すべく、小旅行気分を味わいたいと思っている。鎌倉に行きたいが、鎌倉駅前周辺は混雑していることと、車を所有していないので鎌倉の観光は難しいと思っている女性。
○Point
①ハンバーガーメニュー上部に設置し、①癒し旅MAPと②料金表についてページ内リンクへ飛べるようにしました。(その他のボタンはLP外にページを作るという設定です。)
②レスポンシブした時に、路線図の見え方が縦長になるように工夫しました。
③癒し旅MAPはjQuaryを用いて、スクロールした時にホワっと出てくる仕様にしました。
④料金表は、LP自体が重くならないよう、コーディングのみで作成ました。
○Comment:大好きな鎌倉・江ノ電の魅力を詰め込んだので、見ている方が少しでも「鎌倉へ行きたい、江ノ電ののりおりくん を買ってみたい!」と思ってくださると嬉しいです。