KoaNexus Sample page4 — interaction design study
PEOPLE / WORK / FUTURE

MOVE THEEVERYDAY.

人の仕事、街の風景、チームの表情。ページを開いた瞬間から映像で空気を伝える、動き重視の企業サイトサンプル。
▶ PROMOTION MOVIE
SCROLL ↓

ONE PHOTO,
THREE VIEWS.

1枚の写真を3分割し、各パネルをわずかに上下へずらすことで、同じ写真を重ねたような奥行きを見せる演出です。

3分割表示写真01
3分割表示写真02
3分割表示写真03
人が生きることで、街が育まれ、そして人が生きることで、街が育まれ、そして
今も、これから先もずっと未来へ繋げていきたい今も、これから先もずっと未来へ繋げていきたい
01 / IMAGINE

まず、世界観を見せる。

最初のスクロール位置ではブランドのイメージデザインを全面的に表示します。

02 / DISCOVER

スクロールで、パネルだけ切り替える。

ページ全体を大きく動かさず、右側の固定パネルだけが滑らかに入れ替わります。

03 / CONNECT

写真から、人へ。

仕事風景・人物・サービスなど、見せたいテーマごとにパネルを展開できます。

04 / FUTURE

最後に、未来のイメージへ。

最後のパネルでは企業のビジョンや次のアクションへつなげます。

IMAGINEIDEA BECOMES FORM.
DISCOVERSEE WHAT MATTERS.
CONNECTPEOPLE MAKE VALUE.
FUTUREMOVE FORWARD.

DESIGN
WITH MOTION.

人と街のつながり、日々の風景、そこから生まれる未来を、映像・写真・スクロール演出で感覚的に伝えるコンセプトページです。見る人がページを進めるたびに新しい景色とメッセージに出会える、動きのあるビジュアル体験を大切にしています。