プロジェクト概要
サービスの魅力が伝わるランディングページを目指して制作いたしました。
HTMLコーディングで制作した、沖縄県・西表島の合同会社ネクリア様が運営するWEBサービス「REBOOK（リブック）」のランディングページです。予約がいっぱいのツアー会社が観光客を他の同業者に早く・楽に・確実に紹介できるサービスを、ツアー会社や観光ガイド向けに紹介するページで、観光ガイドの悩み、REBOOKの利用方法、利用するための準備、3つのメリットの4つのセクションと、電話番号とメールアドレスを入力する相談フォーム、会社の所在地・電話番号を掲載しています。
「同業者紹介」という新しい仕組みのサービスを、ツアー会社や観光ガイドに初めて見た段階で理解してもらい、相談につなげたい。業務の中で抱えている悩みに自分のことだと気づいてもらいながら、仕組みを難しく感じさせずに伝える必要がありました。
水色の空のイラスト背景に「予約がいっぱい…でも安心！」のコピーを袋文字で置き、観光客・受注者・紹介者の3人のイラストを並べて、誰と誰をつなぐサービスかを最初の画面で示しました。続けて観光ガイドの悩みを提示し、利用方法、準備、3つのメリットの順で理解を積み上げ、末尾の相談フォームへ進む流れにしています。PCでもスマホと同じ縦長レイアウトを中央に置き、どの端末でも同じ読み順で伝わるようにしました。
制作のポイント
水色の空とイラストでサービス名を見せる
最初の画面は水色の空に雲と太陽を描いたイラスト背景に、「悩めるツアー会社のみなさまへ」の黄色いラベル、「予約がいっぱい…でも安心！同業者紹介なら REBOOK にお任せ!」のコピーを白と黄色の袋文字で置いています。その下に観光客・受注者・紹介者の3人のイラストが吹き出しつきで並び、緑・赤・青の丸いラベルで役割を示しています。
スマホ幅の縦長レイアウトをPCでも中央に置く
PCでは、REBOOKのロゴを敷き詰めた青緑の背景の中央に、スマホと同じ縦長のレイアウトをそのまま置いています。ヘッダーは白地にオレンジのロゴと三本線のメニューで、ナビは「観光ガイドの悩み」「REBOOKの利用方法」「REBOOKの3つのメリット」などの4項目です。
悩みの提示から相談フォームへ進む
ファーストビューの下は「実は 観光ガイドはこんな悩みを抱えています」の木の看板のイラストで始まります。ページ末尾には電話番号とメールアドレスを入力する相談フォームと「お電話でもお気軽にご相談ください」の案内、合同会社ネクリア様の住所と電話番号を載せています。HTMLで制作したLPです。
デザイン
