矢印左
矢印右
北国トラベル

↑web page link↑

Title

北国トラベル

概要

盛りだくさんのプランで楽しみを膨らませられるように オシャレさよりも商品アピールを重視して作りました。

テイスト

  • 全体的な雰囲気を明るめに
  • 国内・海外までのツアーができる規模
  • 堅苦しさを出さないようにプランのテキストはフレンドリーに
  • 小さな要素に多彩な色を使って明るい雰囲気に
  • ページ横の余白を狭くしてコンテンツを狭めて置いて豊富さを主張
  • 一目で内容のイメージを掴みやすい画像を選定

工夫点

  • 旅行代理店といえばツアーの種類の多さだと思ったのでプランをなるべく多めに並べました。
  • 高級志向よりはお得や気軽さを多めに入れてリピーターを狙えるように考えました。
  • 検索のタブ切り替えはレスポンシブでも見やすく入力しやすいように大きさは変えずに使えるようにしました。
  • pickupのスライドショーはアクションを起こさなくても常に動きが出るように自動ループにしてマウスホバーでコンテンツが浮き上がるようにしました。
  • 人気の特集は画像に影を複数つけて「複数の内容」をイメージしました。
  • 旅館・ホテルなどのスライドショーはスマホサイズだと4枚は小さくなりすぎると思い3枚表示にしました。
  • 同じくスライドショーのドットを変更して表示中のタブになったら四角が回って丸く青くなるようにするのに時間がかかりました。
  • トップへ戻るのボタンがページ更新するまで1回きりではありますが、スクロール中は飛行機が下に向きで雲を潜りながら(点滅)飛行し、ページ下に到着したら上昇しながら上向きになり、ボタン押下でゆっくりと上へ飛行するようにしました。遊び心で作ってみました。