J's×Dityca

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

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

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

PLAN 1

左右分割

左右から写真が中央へ寄って合わさり、真ん中に赤い「×」が出ます。左が J's、右が Dityca です。

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

PLAN 2

交差

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

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

PLAN 3

行き来

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

案3を開く

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