見出し画像

#06 サイトレビュー 〜koshikistay | 甑島(こしきしま)の日常をあじわう滞在〜

サイト名
koshikistay | 甑島(こしきしま)の日常をあじわう滞在

カテゴリー
ホテル・旅館

概要
甑島(鹿児島)のプロモーションサイト兼宿予約サイト

ターゲット
旅行や自然が好きな方、短期滞在して制作活動をしたいクリエイターの方
(MVの動画に映る方達がパソコンで作業する様子が頻繁に見られるから)

目的
甑島の魅力の発信、観光客の増加

印象
シンプル。自然。ゆとり感。

ファーストビュー
▷ メインビジュアル
 MVで甑島に訪れてから変えるまでのモデルプランのような動画が再生されているので、島のイメージや魅力がファーストビューで伝わる。とてもシンプルで余白もたっぷりなので、島のゆったりした時間や非日常な雰囲気を表現できている。

画像1

▷ グローバルナビ:画面上部に固定
 [甑の日常]
 [お部屋]
 [すごし方]
 [ アクセス]
 [ご予約] ※最終ゴールのため枠線付き

画像2

コンテンツ
・ 広めに余白をとっていることや文字間も広めに設定しているので、島のゆったりした空気感や時間が表現されている。またとてもシンプルなレイアウトなので見やすいサイトになっている。
・ コンテンツの背景に使用しているbackground-colorが「青」や「緑」といった自然を感じる色を使用している。(海や森を連想することができる)
・ [宿・滞在]
二つの異なる宿をタイトルで仕切ることで以下の内容もそれぞれの内容とわかるようになっている上に、二つの比較がしやすいレイアウトになっていてとても工夫されていると感じた。

画像3

・ [すごし方]
タイトルを縦書きにしてコンテンツに被らせるのが特徴的。
また、甑島の様子が伝わる写真をインスタグラムっぽくカード式に並べているのも見やすい。
一つ一つの写真に添えられている言葉も日記のようなかわいい小言で素敵。
画像をクリックすると以下のように展開する。

すごし方

・ [アクセス]
甑島までの行き方が図で掲載されているのでとても分かりやすいし、所要時間や値段、時刻表(リンクボタン配置)まで記載されているのでユーザーに対する配慮が詰まっている。
・ リンクボタン

ボタン

カラー

画像6

フォント
▷ 本文:游明朝体 15px
▷ タイトル:游明朝体 36px
▷ gNav:游明朝体 15px

レスポンシブ
・ ヘッダーは上部に配置して固定。左にロゴ、右に予約ボタンとハンバーガーメニュー。
・ [宿・滞在]
SP版ではそれぞれの宿の情報のブロックが縦並びになっているので、PC版のようにパッと見ての比較はできなくなっている。
・ [すごし方]
SP版では画像を1枚のみ見えるようにして手動でスライドして他の画像を見るように変更されている。

SP_すごし方

・ [アクセス]
SP版ではPC版のように全部見せずにボタンで情報を切り替えられるようにしている。

SP_アクセス

・ グローバルナビはハンバーガーメニューに格納(画面の左上に固定)されており、以下のように展開する。

画像9


いいなと思ったら応援しよう!