５．KESIKI｜#1日1サイトレビュー

KESIKI INC.

概要

・企業Webサイト
・ウェブ、インタラクティブ、映像、グラフィックデザインを主な活動領域とする制作会社

フォント

英語見出し：Johnston ITC W01
日本語タイトル・文章：Yu Gothic

グローバルナビゲーション

• 二本線のハンバーガーメニュー

• カーソルホバーで左向きの矢印に代わる

• クリック（or タップ）でメニュー画面が開く

  • 背景色：グレー

  • テキスト色：白

  • 開いているページ、選択中のメニュー：テキスト色が白→黒に変化、下線が付く。

  • Facebookとnoteのリンクが設置されている（アイコンで表示）

トップページ

ファーストビュー

ロゴのような模様のような図形がアニメーションでつぎつぎ表示される。
左上に企業ロゴマーク（トップページへのリンク）

PROJECTSエリア

画面スクロールにて、内容がアニメーションで浮かび上がる。（内容→4つのプロジェクト紹介）

テキスト（プロジェクトのキャッチコピーと企業名、企業サイトURL）と画像が左右に配置され、それら4組が縦に並んでいる。
これ以外のプロジェクトは、別ページへリンクされている。

画像とテキストは交互に入れ替わる配置になっていて、（アニメーションではなく）動きを感じる配置デザインになっている。
→閲覧時、視線が左右に動かされる。見ていて飽きにくいデザインだと感じる。単純に上下にサイトを閲覧するより、内容が印象に残りやすい。

画像はリンク。隣のテキスト内容に該当するページへリンクされている。