概要
本案件は、観光地・尾道の魅力を写真を通じて伝えるサービスの利用促進を目的としたランディングページ（LP）のコーディングを行ったものです。
Figmaで作成されたデザインカンプをもとに、HTML・CSS（Sass）・JavaScriptを用いて忠実に再現し、レスポンシブ対応およびアニメーション実装まで対応しました。
本LPは、視覚的な訴求とストーリー性を重視した構成となっており、写真の魅力を最大限に引き出す表現を意識して制作しています。
ターゲット
・20代〜40代の男女
・旅行や観光が好きなユーザー
・写真撮影やSNS投稿に関心がある層
・尾道観光を検討しているユーザー
・特別な体験や思い出を求める人
課題
・サービスの魅力が伝わりにくく、体験価値がイメージしづらい
・写真サービスの価値が価格以上に伝わりにくい
・他の観光サービスとの差別化が難しい
・予約・問い合わせまでの導線が弱く、離脱が発生しやすい
解決
・ファーストビューで世界観を強く訴求し、第一印象で興味を引く設計
・写真を主役としたレイアウトにより、視覚的にサービス価値を伝達
・利用シーンや体験イメージをストーリーとして構成し、共感を促進
・CTA（予約・問い合わせ）を適切に配置し、行動導線を明確化
・スクロールアニメーションにより没入感を高め、最後まで読了される構成とした
制作範囲
・コーディング（HTML / CSS（Sass） / JavaScript）
・レスポンシブ対応（PC / スマートフォン）
・アニメーション実装
制作期間
・約3週間
※本LPはコーディング課題として制作したポートフォリオです。