• #111 椿本チエイン 新卒採用サイト

    椿本チエイン 新卒採用サイトのサイトのファーストビュー
    https://www.tsubakimoto.jp/recruit/fresh/

    機械メーカー 椿本チエイン 新卒採用サイト
    黒背景にタグライン「動くものすべてに。」が画面中央に
    数秒表示された後にサイトコンテンツを表示します。
    ページ右側にサイトメニューが固定表示となっており、
    残った領域を使ってページレイアウトされています。
    「MY PAGE」「ENTRY」「VIEW MORE」のボタンは
    マウスオーバーで字間が広がります。
    白背景に水色の円が、ランダムな方向に直線的に動く演出があります。


  • #110 Arts District Kitchen

    Arts District Kitchenのサイトのファーストビュー
    https://artsdistrictkitchen.com/

    レストラン Arts District Kitchen のサイト
    ページトップのサイトメニューは、スクロールすると大きさを変えて追従、
    スクロール値を取得してページ位置を表示します。
    お店のフードメニューは、マウスオーバーするとそのイメージを投影します。
    PC画面版の”●”や、モバイル画面版の”★”のカレント表示、
    ヴィンテージな雰囲気の書体などがおしゃれなサイトです。
    色数も抑えられています。


  • #109 BASIC Moves®

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

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