【Sample】沖縄マリンアクティビティ LPデザイン

・制作の流れ

まず、架空ブランド「LUKA MARINE」のサービス内容やターゲットを設定し、ペルソナ設計を行いました。20〜30代のカップルや友人同士、シュノーケリング初心者を想定し、「安心して参加できること」と「特別な海の思い出を提供すること」を軸に制作を進めました。

次に、ユーザーが予約まで迷わず進めるよう、必要な情報や優先順位を整理し、AIを使用して情報設計・ワイヤーフレームを作成しました。ツアーの魅力だけでなく、初心者が感じる不安を解消できるよう「選ばれる理由」や「当日の流れ」などのコンテンツを配置しました。

その後、Figmaを使用してデザイン制作を行いました。沖縄の海の透明感や開放感が伝わるよう、写真・カラー・余白のバランスを調整しながら、PC版・スマートフォン版のレスポンシブデザインを制作しました。

全体を通して、見た目の美しさだけではなく、「ユーザーが安心してツアーを予約したくなる導線」を意識し、目的に合わせたLP制作を行いました。

・ビジュアルイメージ

「沖縄の美しい海」と「忘れられない体験」をキーワードに、開放感や非日常感を感じられる世界観を目指しました。透明感のある海の写真を大きく使用し、旅行前の期待感やワクワク感を高められるよう意識しました。また、初心者でも安心して参加できるツアーであることが伝わるよう、親しみやすさと信頼感のバランスを大切にしました。

・カラー

沖縄の海を連想させるブルーをメインカラーに使用し、透明感や爽やかさを表現しました。アクセントカラーにはオレンジを取り入れ、太陽の温かさや楽しさを表現するとともに、予約ボタンなど重要な要素へ視線が集まるよう工夫しました。

・タイポグラフィ

メインコピーは海の世界観を印象付けるため、大きく配置し、余白を活かして視認性を高めました。見出しや重要な情報はメリハリをつけ、ツアー内容や料金などの情報量が多い部分でも読みやすくなるよう、文字サイズや行間を調整しました。

・情報設計

ユーザーがツアーへの興味から予約まで自然に進めるよう、「ファーストビュー → ツアー内容 → 選ばれる理由 → 当日の流れ → 料金・オプション → FAQ 」の順に構成しました。

初めてシュノーケリングに参加するユーザーの不安を解消できるよう、ツアーの流れや安心ポイントを分かりやすく整理し、必要な情報へ迷わずアクセスできる導線設計を意識しました。

【工夫したポイント】

写真を主役にしながら余白を十分に確保し、リゾート感と見やすさを両立しました。また、「選ばれる理由」ではアイコンを使用して情報を整理し、初心者でも安心できるポイントが直感的に伝わるよう工夫しています。

CTAボタンはアクセントカラーのオレンジを使用し、ページ内で自然と目に入るよう配置しました。ユーザーが「参加してみたい」と感じたタイミングで予約へ進めるよう、各セクションで行動導線を意識したデザインを目指しました。