TOBIRADesign notes

DESIGN STUDY · 五木のアウトドア部

五木のアウトドア部写真とイラストを組み合わせ、体験の幅を伝える

淡い緑の背景に自然や人物の写真、遊び心のあるイラストを組み合わせた画面。地域のアウトドア体験を一つの風景にまとめる構成を読み解きます。

五木のアウトドア部:写真とイラストを組み合わせ、体験の幅を伝える
五木のアウトドア部の保存済み画面。現在のサイトと異なる場合があります。

異なる体験を複数の写真で見せる

保存画面には水辺、森、焚き火、滞在の様子など複数の写真が配置されています。一枚の象徴的な写真に絞るのではなく、訪れたときにできることの幅を見せる構成です。写真の大きさを変えることで、すべてを同じ重さの一覧にしない見せ方になっています。

写真の間をイラストでつなぐ

小さな地図や自然を連想するイラストが写真の間にあり、淡い緑の背景とともに全体をまとめています。写真だけでは硬くなりやすい案内に親しみを加える方法として参考になります。説明やリンクを置く余地を残しながら、装飾を使うバランスを見るとよいでしょう。

制作に取り入れるなら

複数のアクティビティや滞在方法がある観光施設の紹介に向いている考え方です。自分の施設で取り入れるなら、写真ごとに何の体験か分かる見出しを添え、詳細や予約へつなぎます。季節が違う写真を使う場合は、現在体験できる内容と混同されない説明も必要です。

確認しておきたいこと

写真の配置だけでは料金や予約の流れは分かりません。雰囲気の紹介からアクセス、営業情報、予約へ自然に進めるかを、スマートフォンの画面幅で確認します。掲載内容は保存時点の画面に基づきます。

ライブラリーでも探す

解説を読んだら、収録作品と関連するデザインを見比べてみてください。プレビューやコードの利用範囲は、作品の対応状況とプランによって異なります。

ライブラリーで五木のアウトドア部を見る →