山古志農泊推進協議会 様
つながる山古志
Development
https://travel.yamakoshi.place
概略
株式会社TART様よりご依頼いただき、山古志農泊推進協議会様が運営するWebサイトのフロントエンド開発を担当させていただきました。
山古志村に立ち込める空気感をWeb上で少しでも感じていただけたら幸いです。
Motion
「動かざること、山の如し」。
この言葉のイメージを常に頭に入れ、インタラクションの付与をさせていただきました。
美しい山古志の風景写真とディテールまでエレガントな明朝体からは、自然や伝統的な美しさ。背景に敷かれているノイズや所々に描かれた手書きの文字、そして大胆に配置された画像や文字からは、荒々しく重厚感のある力強い印象を受けます。
山古志の雄大な自然の「美しさ」と、そこに住む人々や歴史などによる「力強さ」を感じられる様に全体のモーションを作成いたしました。
実際にモーションを作成する際には、動きの中に「伝統的なリズムや余韻」、それによる「穏やかで落ち着いた視覚的な滑らかさと心地よさ」を演出するため、神楽のアンビエント音楽を実際に聴きながら作業させていただきました。
これらにより、山古志の「美しさ」とその中にある「力強さ」の魅力を活かした、山古志ならではのモーションに仕上げさせていただいております。
WebGL
各ページのトップおよびページ遷移時には、WebGLを使用することで山古志に立ち込める美しい雲海を表現しました。
雲の画像を少し粗めに書き出すことで、まるで本物の立ち込める水蒸気の粒子が漂っているかのような現実味を帯びた表現を実現しています。
さらに、ユーザーがページをスクロールする際には雲海が徐々に晴れ、常に雲一つ一つが回転したりなびき流れるような動きなどを加え、山古志の雄大な自然美をより感じられる様工夫いたしました。
Motionでのアプローチと融合させることで、静と動、伝統と現代、自然や人々の力強さや息遣いを感じられる、総合的な視覚体験を実現しています。
Credits
- Client
- 山古志農泊推進協議会
- Director
- Toshiaki Takase(TART K.K.)
- Art Direction & Design
- Shun Kudo
- Developer
- Sora Shimada