SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

五木のアウトドア部

細い中央の読み物をアウトドア写真で囲み、五木村でできる体験へ案内する。

公式サイトを見る ↗
公式サイト / 掲載確認用
五木のアウトドア部の公式サイト画面

DESIGN NOTES

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

01

中央の読み物を体験写真で囲む

画面中央には縦長の写真と説明の列があり、その両側にSUP、焚き火、山歩きなどの写真が散りばめられる。中央を読み進めながら周囲で体験の幅を感じられる構成だ。一枚の代表写真だけでは伝えにくい滞在の多様さを、写真の組み合わせで表している。

02

ミント色と自然の小さな絵を反復

背景は淡いミント色で、写真の間に自然をモチーフにした小さなイラストが入る。写真の内容が切り替わっても背景と絵の調子がそろい、複数の体験を一つの場所の楽しみとしてまとめる。写真を多く使う時にも、統一感を背景側で支える方法が参考になる。

03

緑の地図で場所と体験を結ぶ

スクロールした中央部分には鮮やかな緑の区画とイラストの地図が現れ、周囲の写真群を保ちながら土地の説明へ移る。体験の写真と位置を想像する情報を近くに置くことで、何をするかだけでなく、どのような場所で過ごすかを合わせて伝えている。

04

初めての人へ遊び方の違いを説明

公開テキストではキャンプ、ヴィラ、SUP、カヤック、川遊び、自転車、森林サウナなどを分ける。それぞれに家族や初心者の参加を考えるための短い説明が付き、詳細へ進める。体験名を知っている人だけでなく、遊び方を選び始めた人の判断を支える構成だ。

05

右側に予約の居場所をつくる

右側には項目の案内と、丸い縁取りを持つ予約の呼びかけが置かれる。中央の細長い読み物を見ている間も、次に取る行動の位置が分かる。電話での総合的な問い合わせも公開テキストにあり、体験を決め切れていない人の相談先を含めて用意している。

APPLY TO YOUR PROJECT

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

体験施設では複数の遊びの写真を周辺に置き、中央の説明で場所の魅力をつなげる方法が使える。体験ごとに初心者や家族が選ぶための条件を短く添えたい。

そのまま真似する前に

写真が周囲に多いため、スマートフォンで同じ情報量を維持すると読みづらくなる可能性がある。年齢制限、開催時期、天候対応、料金は各詳細で確認する必要があり予約操作は未検証。

次に見ておきたい参考

一覧へ →
五木のアウトドア部の公式サイト画面