SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

あすか時間

大きな季節の写真と落ち着いた文字から、飛鳥を巡る地区やモデルコースへ案内する。

公式サイトを見る ↗
公式サイト / 掲載確認用
あすか時間の公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

蛍の風景を大きく見せて時間を伝える

冒頭には川辺に蛍が見える暗い写真を大きく配置し、淡い青の背景に「あすか時間」の文字を置く。明所の観光名所を並べるより、静かな時間の過ごし方を先に印象づける。スクロール先にも夕景の大きな写真が続き、土地の雰囲気を写真の連続で伝えている。

02

紙のような背景で写真と文字をつなぐ

背景には紙のような淡い質感があり、黒い日本語の文字と写真の間に余白を取る。写真に重なる丸い告知や小さな紙片状の案内が、落ち着いた画面の中で必要な情報を示す。観光の情緒を保ちながら、告知だけを別の形にすることで注意を向けやすくしている。

03

多言語と利用者別の入口を上辺に置く

上辺には日本語以外の言語への切替、ソーシャルメディア、媒体や学校向けの情報入口が小さく並ぶ。一般の旅行者以外にも利用者がいることを前提にした案内だ。主役の写真を広く見せながら、目的の明確な利用者が必要な情報へ移れる位置を確保している。

04

四つの地区から巡る場所を探せる

公開テキストでは高松塚、石舞台、飛鳥京、奥飛鳥の四つの地区から周辺の場所を探せる構成を確認した。名所名を知らない人でも、訪れる範囲を先に決めて探索できる。広域の観光サイトではカテゴリーだけでなく、位置を起点とした探し方が役立つ。

05

移動方法と所要時間でコースを比べる

モデルコースには徒歩とバスの半日や、自転車で巡る時間など、移動方法と所要時間が添えられる。名所の魅力を知る段階から、自分の滞在時間で何ができるかを考える段階へ進める情報だ。公共交通を促す案内も見え、現地での行動条件を紹介と合わせて示している。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

観光サイトでは季節の風景で訪れたい気持ちを作り、地区・移動手段・所要時間で具体的な旅へつなげられる。写真の余韻と行動に必要な情報の両方を設計したい。

そのまま真似する前に

季節写真はいつでも同じ風景を見られる保証にはならない。見頃や交通の運行情報は別途確認が必要で、世界遺産など告知の内容も掲載画面の確認と事実検証を分けて扱いたい。

次に見ておきたい参考

一覧へ →
あすか時間の公式サイト画面