セクション追加まえの確認プレビュー

参考:ntvart.co.jp / 5件。動きを触って確認してください(ホバー・クリック・スクロール)。OKが出てから TERASU Lab に登録します。

  1. 01

    ページ遷移サークル

    リンクを押した場所から、そのリンクの色の円が1秒で全画面に広がる。開いた先では中央から円が縮んでページが出てくる。カードでもメニューでも試せます。

    クリックして確認
  2. 02

    全画面メガメニュー

    右上の Menu を押すと、白い幕が上から降りてきて(行き過ぎて戻る)、7カテゴリのナビが下からふわっと出る。ボタンは3点→×に変形。スマホ幅ではアコーディオン。

    Menu を押して確認
  3. 03

    円が広がって背景が反転するWorks

    下にスクロールすると画面中央から黒い円が広がり、そのまま地色が黒へ。中の作品カードはホバーで裏返って詳細が出ます。最後は「There are many ⊕ other Works ...」。

    スクロールして確認
  4. 04

    もっとみるボタン(点→丸+矢印)

    ふだんは小さな点。ホバーすると白い丸がふくらんで、中に矢印が滑り込んでくる。文字だけ/大きめ/色つき/カードに載せた場合をまとめています。

    ホバーして確認
  5. 05

    サービスカード(ホバーで3Dフリップ)

    5色の大きなカードがホバーで裏返り、裏面に日本語の見出しと説明が出る。裏面には同じ写真がうっすら敷かれます。横長のバーだけは裏返らず写真が浮き上がる仕様。

    ホバーして確認

レスポンシブ検品(1440 / 768 / 390)は5件とも合格済み。