Webサイト改善案(GReeeeN公式)

OVERVIEW

GReeeeN公式サイトのWebページの新規デザインをしました。

YEAR 2021

GReeeeN公式サイト(http://greeeen.co.jp/)

Webデザインの練習で既存で使われているWebサイト(GReeeeN公式)の新規デザインをしてみました。

元サイトの課題点

グローバルメニューが見づらい
背景色が強いせいで、グローバルメニューの文字が見づらいと感じました。またグローバルメニューの項目が多すぎるのも良くないと感じました。重要な項目は優先度をつけ、カット出来る項目は無くしてあげる、アイコンなどで代用できるものはアイコンで代用した方が良いと思いました。

全体的に古臭いデザイン
サイトを見て、全体的に古臭い印象を受けました。古臭い印象を与える原因は、シャドウの使い方とレイアウトのズレにあると感じました。また背景に大胆に使っている写真もなくしてしまう方が、Webサイトの視認性も上がるように感じました。背景の写真の光彩が強く、ボタンやグローバルメニューが見づらくなっているからです。


新規デザイン案

グローバルメニューの視認性の向上
優先度の高い項目に絞って、グローバルメニューの項目を整理しました。またグローバルメニューは上の方に横並びに並んでいることが多い為、横並びの表示に変更しました。
SNSは文字で"Twitter"などと表示させるより、アイコンで表示させる方がユーザーにも伝わりやすいのでアイコンで表示させました。

フラットデザイン
サイト全体のデザインはフラットデザインにしました。フラットデザインとは立体的に見える要素の使用を最小限に抑え、簡略化したデザインのことです。フラットデザインにすることにより、より視認性の高いサイトになったと思います。

重要な情報は大きく表示
このサイトを調べていく中で、ファンクラブとグッズ販売の情報をもっと全面的に押し出した方が良いのではないかと感じました。そこでファンクラブとグッズ販売の情報を伝えるバナーをトップページに表示させ、目立つようにしました。