• カテゴリー別アーカイブ ブランディングサイト
  • #113 LIGHT is TIME

    LIGHT is TIMEのサイトのファーストビュー
    https://citizen.jp/lightistime/index.html

    シチズンのブランド発信サイト LIGHT is TIME
    SOUND SELECTでサウンドのあるなしを選ぶと、ミラノサローネ2014で
    展示されたインスタレーション作品「LIGHT is TIME」をイメージした
    アニメーション背景が画面いっぱいに表示されます。
    START EXPLORINGのボタン、SCROLLガイドをクリックするか
    上下のスクロールでページ送りができます。
    時計の基盤装置がキラキラきらめくビジュアルがインパクトあります。


  • #112 Adam Ho

    Adam Hoのサイトのファーストビュー
    https://www.adamho.com/

    グラフィック・インタラクションデザイナー Adam Ho さんのサイト
    ファーストビューの画面は背景がフリッカーの演出となっており、
    大見出しの文章は書体と大きさをガラッと変えた文字を組み合わせたレイアウトです。
    トップページではある程度スクロールすると、
    右下にある「SELECTED WORK」の小窓が迫り上がります。
    また、スクロールでWORKリスト・INFOページ・トップページへの
    リンクとなっているメニュー領域が上部に固定表示されます。
    自由にコンテンツの要素を再配置できたり、白い背景にポインターの動きに合わせて
    追従してくる線などのユニークな仕掛けが印象的です。


  • #109 BASIC Moves®

    BASIC Moves®のサイトのファーストビュー
    https://moves.basicagency.com/

    デザイン会社 BASIC のサイト
    アクセスすると、大きなタイポグラフィとセピア色の埋め込み動画がある画面に移行します。
    この画面でクリックをホールドすることにより、サイトに入る演出となっています。
    小さい円のポインターをイベント付きの要素にホールドすると、
    色・大きさを変え、そのアクションの説明を表示して閲覧者に促します。
    ページトップのヘッダーメニューは、スクロールを戻すことで再び上部に表示されます。
    ノイズのある黒の背景が映えています。