【1日1サイトレビュー】#25 武藤 眞志 Website

■武藤 眞志 Website http://www.masashimuto.com/index.html

コムデギャルソンやイッセイミヤケからハズキルーペのCMまで手掛ける著名な映像作家武藤眞志さんのポートフォリオサイト。

・ポートフォリオサイトの一覧を見ていて、写真やイラスト、映像などポートフォリオサイトは作品を目立たせるためにシンプルな並びが多いのかな？と思っていたところこのサイトはカテゴリーごとに配置を変えていた。

・ファーストビューはおそらくピックアップ作品である動画を画面横に広めにスペースを取って配置。画面左半分を黒で覆い、コントラストを作っている。右側の作品名をクリックするとyoutube画面が起動し動画を閲覧できる。

・ページ下部やナビゲーションバーではなく、CONTACTがファーストビューのすぐ下に配置してある。問い合わせだけでなく引き合いのコンタクトがあるから？用途によって優先度を変えていることがわかる。（CONTACTはページ下部にも有り）

・ファーストビューの次は、new reelとして作品をスライドで見せている。その下では画面を半分に割って2列で作品のサムネイルが並べられている。レイアウトが多少変わってもデザインによって統一感が出てくるし、ユーザーにも閲覧の中でのリズムが生まれて良いと思った。

・サイト全体は白、黒、グレーと無彩色で作られているがリンクや作品サムネイルのホバーにグラデーションがかけられていて細かいところに色味がある。色味の少ないページはこういった部分で遊び心を出すと垢抜けそうだと思った。

・フォント：Josefin Sans、Noto Sans JP、Roboto
・カラー：ベースカラー白#、アクセント黒#222222、グレー#F0F0F0、文字グレー#5F5F5F