• カテゴリー別アーカイブ ランディングページ
  • #139 川久ミュージアム

    川久ミュージアムのサイトのファーストビュー
    https://www.museum-kawakyu.jp/

    美術館 川久ミュージアムのサイト
    はじめに書籍の中から注釈をランダムで表示してからトップページへ移行します。
    左に建物外観、右に作品などの大小さまざまなカード型ビジュアルが下から上へとループ表示し、
    中央にミュージアムのロゴを配置しているヒーローイメージとなっています。
    また、メインビジュアル含めてページ内の背景色は時間経過で変化し、
    モーダル表示する建築のスライダー、マウスオーバーでその作品の説明を表示する機能なども見られます。
    コンテンツのリード文と見出しの文字サイズは巨大で、ジャンプ率が高いレイアウトです。
    トップページとアバウトページのみの造りとなっています。


  • #138 179リレーションズ

    179リレーションズのサイトのファーストビュー
    https://179relations.net/

    NPO法人ezorock運営 179リレーションズのサイト
    ページ左上・右上に、それぞれドロワーメニュー、
    “ABOUT”セクションへのリンクが固定表示されています。
    メインビジュアルのスライダーの配置と画面比率が少し独特です。
    ざらざらした紙のテクスチャのような背景をベースに、
    オーバーレイのシェイプなどで配色を重ね、コンテンツを枠取りしており、
    「人と人とがつながる線を増やしていくプラットフォーム」の説明通り、
    ページ内は線と線を繋ぐデザインがあしらわれています。
    随所に配される人文字のイラストがユニークです。


  • #137 coneri渋谷

    coneri渋谷のサイトのファーストビュー
    https://coneri.jp/shibuya/

    手ごねパイ専門店 coneri渋谷のサイト
    ローディングアニメーションを経てトップ画面に移行すると、
    一画面分、商品のスライド型ヒーローイメージが表示されます。
    画面右上にドロワーメニューのボタンが固定表示されており、
    公式Instagramアカウント、ブランドサイト、ページ内各コンテンツへのリンクが配置されています。
    “coneri chobi””&dip”セクションで見られる、削られていくパイや箱から飛び出すパイ、
    うねうね動く背景のシェイプなど、アニメーションがユニークです。
    渋谷駅前交差点や忠犬ハチ公などの渋谷のシンボルが使用されています。