セクション追加まえの確認プレビュー(作り直し版)

参考:ntvart.co.jp / 5件

送っていただいた動画4本・スクショ・URLを1本ずつコマ送りで見直し、対応する箇所を実DOMから逐語で切り出して作り直しています。
動画1=FV(three.js のため「なし」でご指示どおり除外/後半のリード文は今回外しました)/動画2=サービスカード/動画3=円フィル→Works/動画4=もっとみるラベル/スクショ=メガメニュー/ご指示テキスト=ページ遷移。
  1. 01

    ページ遷移サークル

    画像リンクを押すと、押した場所からリンクの色の円が1秒で広がって画面を覆い、次の画面では中央から円が縮んで現れます。

    画像をクリック
  2. 02

    全画面メガメニュー

    右上の Menu を押すと白い幕が上から降りて(行き過ぎて戻る)、7カテゴリのナビが下からふわっと。ボタンは3点→×に組み替わります。

    Menu を押す
  3. 03

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

    スクロールすると画面中央から黒い円が広がって地色が黒へ。そのまま縦スクロールで作品カードが横に流れ、最後は「There are many ⊕ other Works ...」。

    スクロールする
  4. 04

    見出し+もっとみる(動画4)

    黒帯の見出しの右にある「もっとみる ・」。ホバーすると点が白い丸にふくらみ、中に矢印が滑り込みます(動画4はこの箇所の拡大でした)。

    もっとみるにホバー
  5. 05

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

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

    カードにホバー

日本語書体は参考元がモリサワUD新ゴ(契約フォント)のため、近い無償書体(Zen Kaku Gothic New)に置き換えています。英字は参考元と同じ Ubuntu。