p
r
o
d
u
c
t
瀬戸内島旅のススメ
web site

架空の旅行会社が紹介する島旅ツアーへの集客用LPを自主制作しました。
制作年 | 2024年8月 |
|---|---|
制作期間 | 約2ヶ月 |
対応範囲 | 要件定義 / ペルソナの設定 / コンテンツ内容の検討 / トンマナ設計 / 情報設計 / ワイヤーフレーム作成 / デザインカンプ作成 / ライティング / コーディング / レスポンシブ対応(スマホ・タブレット)/ 独自ドメイン取得・設定 / サーバーアップ・公開設定 |
使用ツール | Photoshop / HTML / CSS / JQuery |

瀬戸内の島に興味がある人
旅行が好きな人
20代〜40代のどちらかというと女性

瀬戸内の島の魅力を伝えて、興味を持ってもらうこと
島旅ツアーの申込者数を増やすこと
サブタイトルにもある“癒し”と“発見”が伝わるよう、以下を工夫しました。
“癒し”→瀬戸内の“穏やかな雰囲気”と“癒されそうな感じ”が伝わるよう、波のモチーフや柔らかなシェイプ、線画のゆるいあしらい、見出しの特徴的なフォントにこだわりました。
“発見”→定番の情報だけでなく、本当におすすめしたい情報を厳選しました。
また、メインカラーのブルーに、ビビットなイエローをアクセントカラーに要所要所に使用することで、“発見”に繋がるワクワク感が伝わるようにしました。
まずメインビジュアルを見て「景観がきれいな場所」、「行ってみたい!」と思ってもらえるよう、3枚の写真がスライドショーになるようCSSで実装しました。
スクロールしていく中でユーザーを飽きさせないために、セクションごとに左右の配置を入れ替えたり、整列させたりすることでリズムが生まれるように工夫しました。
CTAである“島へ行く”のセクションは最も重要なので、他と差別化して目立つようにしました。フェリーで島へ向かう様子の背景写真を使用することで、よりワクワク感を高め、「行ってみよう!」と思ってもらえるようデザインしました。
CTAボタンにもアクセントカラーであるビビットなイエローを使用し、目立たせています。クリックした際に、実際にボタンを押したような立体感ある動きになるように、CSSを使って実装しました。
実際に島を数回訪れた経験から、自分の見たものや感想を自分の言葉で伝えて、「行ってみたい!」と思ってもらえる文章になるよう心掛けました。
定番の観光スポットだけでなく、見ていただいた人にとって有益な情報になるよう、自分ならではのおすすめポイントを盛り込みました。
contact
具体的なイメージが決まっていなくても
大丈夫です。
まずはお気軽にご相談ください。
contact me


contact