p

r

o

d

u

c

t

瀬戸内島旅のススメ

架空の旅行会社が紹介する島旅ツアーへの集客用LPを自主制作しました。

制作年

2024年8月

制作期間

約2ヶ月

対応範囲

要件定義 / ペルソナの設定 / コンテンツ内容の検討 / トンマナ設計 / 情報設計 / ワイヤーフレーム作成 / デザインカンプ作成 / ライティング / コーディング / レスポンシブ対応(スマホ・タブレット)/ 独自ドメイン取得・設定 / サーバーアップ・公開設定

使用ツール

Photoshop / HTML / CSS / JQuery

WEB SITEはこちら

ターゲット

  • 瀬戸内の島に興味がある人

  • 旅行が好きな人

  • 20代〜40代のどちらかというと女性

ペルソナ

目的

  • 瀬戸内の島の魅力を伝えて、興味を持ってもらうこと

  • 島旅ツアーの申込者数を増やすこと

デザインのポイント

  • サブタイトルにもある“癒し”と“発見”が伝わるよう、以下を工夫しました。

    “癒し”→瀬戸内の“穏やかな雰囲気”と“癒されそうな感じ”が伝わるよう、波のモチーフや柔らかなシェイプ、線画のゆるいあしらい、見出しの特徴的なフォントにこだわりました。

    “発見”→定番の情報だけでなく、本当におすすめしたい情報を厳選しました。
    また、メインカラーのブルーに、ビビットなイエローをアクセントカラーに要所要所に使用することで、“発見”に繋がるワクワク感が伝わるようにしました。

  • まずメインビジュアルを見て「景観がきれいな場所」、「行ってみたい!」と思ってもらえるよう、3枚の写真がスライドショーになるようCSSで実装しました。

  • スクロールしていく中でユーザーを飽きさせないために、セクションごとに左右の配置を入れ替えたり、整列させたりすることでリズムが生まれるように工夫しました。

  • CTAである“島へ行く”のセクションは最も重要なので、他と差別化して目立つようにしました。フェリーで島へ向かう様子の背景写真を使用することで、よりワクワク感を高め、「行ってみよう!」と思ってもらえるようデザインしました。

  • CTAボタンにもアクセントカラーであるビビットなイエローを使用し、目立たせています。クリックした際に、実際にボタンを押したような立体感ある動きになるように、CSSを使って実装しました。

ライティングのポイント

  • 実際に島を数回訪れた経験から、自分の見たものや感想を自分の言葉で伝えて、「行ってみたい!」と思ってもらえる文章になるよう心掛けました。

  • 定番の観光スポットだけでなく、見ていただいた人にとって有益な情報になるよう、自分ならではのおすすめポイントを盛り込みました。

contact

具体的なイメージが決まっていなくても

大丈夫です。

まずはお気軽にご相談ください。

contact me

contact