Break、5周年に合わせて、PC版のHPのデザインと構成をマイナーチェンジしました。
バランスがとれるように
Breakを始めて今月で5年になりますが、デザインも構成もバランスがとれなくなっていました。
最初は、形はシンプル、色は3色に抑え、当時の流行も少し取り入れたものでした。
情報量が多くなるにつれ、見やすくするためにいろいろと加えていったのですが、積み上げ、積み上げで、逆に見づらくなっていると感じていました。
しかし、アホアホセンスなしだし、なかなか抜本的に変える時間がとれず。
5年をよい機会ととらえて、お恥ずかしいレベルなのですが、ちょこっとがんばりました。
方向性はこれまで通り
年齢、性別に関わらず、ひきこもってらっしゃる方が、パッと見て、よい印象を抱きやすいのはどんな感じかとイメージして。
また、Breakは大人のサークル的な集まりなので、福祉っぽくならないように。
デザイン：シンプル、親しみやすい、中性的、ダサくなくスタイリッシュでもない
構成：わかりやすい
改良点
基本は上記と同じ、それに加えて。
デザイン：より柔らかく。手書き書体や丸みを強調、カフェ風、いまっぽさを感じられるものに
構成：情報の見せ方にメリハリを
具体的にはこんなかんじ。
- トップページの予定リストをごく一部にとどめ、それ以上ご覧になりたければ1年先まで書いてあるページに飛んでいただくことに。
- 3つのカレンダー（Break、ねどこ・まんま、ちょこっとワーク・なら）を一目で見比べられるように並べました。
- サイドバーの構成を変更。
- 本文においては間仕切りを大きくし、下部の関連記事の紹介を無くしました。
- ボタンを流動的なかたちやイラストにして、カーソルを当てると少し傾いたりするなど遊び心を入れました。
中身はまだ
サイドバーの項目をクリックすると、一部は中身がなかったりします。
文章はこれから。
規約の改正などもこれから。
スマホ・タブレット版はこれから
画面の横幅がある長さ以上になったらPC版、以下になったらスマホ・タブレット版に切り替わります。
スマホの小さい画面に対して、こった形や動きをつけ過ぎると見づらくなります。
読み込み速度の問題もあるし。
その点、気を付けて進めたいと思います。
