Journey

01 / 2026

Special Kudos
Award

Journeyは、CSS Design AwardsのSpecial Kudosを受賞しました。

01 / Project

写真では伝えきれない、上高地で感じた空気や感動を、Webならではの表現をすることを目指した作品です。

旅行先で撮影した写真を見返したとき、写真には景色は残っていても、その場で感じた空気やスケール、時間の流れまでは残らないと感じました。そこで、Webのスクロールやアニメーション、インタラクションを使うことで、写真だけでは伝えにくい感覚を表現できないかと考えました。

ユーザーがページを読むのではなく、旅を進んでいく感覚になるよう、スクロールそのものを体験の軸にしました。洞窟から広大な景色という広大さの対比、奥行き表現、文字が現れるタイミング、人と景色の対比などを組み合わせ、場面ごとに異なる感情の変化を作っています。

コンセプト設計、ストーリー構成、ビジュアルデザイン、インタラクション設計を担当しました。実装ではAIコーディングツールのCodexを活用し、デザイン案をもとにプロトタイプを作成しながら、ブラウザ上で動きやレイアウトを調整していきました。

Live project