J's×Dityca

グループの入口サイトトップページ案

J's と Dityca が同じグループだと、最初の画面で伝わることを軸にした3案です。動きのあるページなので、開いてからスクロールしてご覧ください。

案1のパソコン表示案1のスマホ表示

PLAN 1

左右分割

中央の赤い線から、ふたりのモデルが左右に開きます。スクロールすると左右に分かれ、パソコンではマウスを乗せた側が広がります。

案1を開く
案2のパソコン表示案2のスマホ表示

PLAN 2

交差

2枚の写真と2本の帯がX字に交差して流れます。スクロールすると帯がそろい、写真が寄り添います。

案2を開く
案3のパソコン表示案3のスマホ表示

PLAN 3

行き来

J's と Dityca のモデル写真が交互に切り替わり、左のブランド名が連動します。

案3を開く

確認用のページです。検索には表示されません。