• Mr.ChildrenのWEBデザイン
  • Mr.ChildrenのWEBデザイン
  • Mr.ChildrenのWEBデザイン
  • Mr.ChildrenのWEBデザイン
  • Mr.ChildrenのWEBデザイン

Mr.Children

http://www.mrchildren.jp/

Mr.Children Official Website.

COUNTRY
COLOR
  • #323436
  • #999999
  • #ffffff
  • #88ffff
TASTE
LAYOUT
TECHNOLOGY
GENRE
TAGS

ミスチルの愛称で親しまれている日本のバンド、Mr.Children(ミスターチルドレン)オフィシャルサイトのWEBデザインです。

TOPICS記事への誘導を担っている大きなスライダーが特徴で、メインビジュアルとしての役割も果たしていて様々な色合いが彩りを与えサイトのイメージを端的に表現しています。

グレーとホワイトをベースとしたシンプルな配色はタイトでスタイリッシュな印象を感じさせていて、ポップながらもシックな大人の雰囲気を漂わせています。
また画像以外に多くの色を使わないことでバナーやアルバムのアートワークを引き立たせて、より目に止まるようにもなっています。

ジャンプ率ではなくテキストカラーの濃淡で見出しや本文の差異を表していて、落ち着いた印象のフラットデザインはバンドの音楽性や等身大のスタイルをしっかり反映しているように思えます。

DISCOGRAPHYページではアルバムやシングル等のフォーマット別にソートが出来るようになっていて、長い活動期間での多くのリリース作品を絞り込めると共に、アクセス時の表示件数を絞りLoad Moreボタンで追加表示をすることでページ読み込み速度を短くしてストレスを軽減しています。

posted : 2018/03/05