Break

ちっちゃな、ひきこもりの自助会(奈良・大阪)

5/23(木)|ねどこフリマ
いつもの居場所にフリマがついたかんじ。気軽に遊びにいらしてください。出品は事前連絡不要!大きい場合はA2までOKに。

開催予定  Twitter  Line  Zoom  Discord

PC版のウェブサイトをリニューアル

最新情報はツイッターをご覧ください。特に集まりがある日は頻繁に更新しています。
予定更新は開催予定よりもこのページ下部のGoogleカレンダーの方が早いです。

Break、5周年に合わせて、PC版のHPのデザインと構成をマイナーチェンジしました。

バランスがとれるように

Breakを始めて今月で5年になりますが、デザインも構成もバランスがとれなくなっていました。

最初は、形はシンプル、色は3色に抑え、当時の流行も少し取り入れたものでした。
情報量が多くなるにつれ、見やすくするためにいろいろと加えていったのですが、積み上げ、積み上げで、逆に見づらくなっていると感じていました。
しかし、アホアホセンスなしだし、なかなか抜本的に変える時間がとれず。
5年をよい機会ととらえて、お恥ずかしいレベルなのですが、ちょこっとがんばりました。

方向性はこれまで通り

年齢、性別に関わらず、ひきこもってらっしゃる方が、パッと見て、よい印象を抱きやすいのはどんな感じかとイメージして。
また、Breakは大人のサークル的な集まりなので、福祉っぽくならないように。

デザイン:シンプル、親しみやすい、中性的、ダサくなくスタイリッシュでもない
構成:わかりやすい

改良点

基本は上記と同じ、それに加えて。

デザイン:より柔らかく。手書き書体や丸みを強調、カフェ風、いまっぽさを感じられるものに
構成:情報の見せ方にメリハリを

具体的にはこんなかんじ。

  • トップページの予定リストをごく一部にとどめ、それ以上ご覧になりたければ1年先まで書いてあるページに飛んでいただくことに。
  • 3つのカレンダー(Break、ねどこ・まんま、ちょこっとワーク・なら)を一目で見比べられるように並べました。
  • サイドバーの構成を変更。
  • 本文においては間仕切りを大きくし、下部の関連記事の紹介を無くしました。
  • ボタンを流動的なかたちやイラストにして、カーソルを当てると少し傾いたりするなど遊び心を入れました。

中身はまだ

サイドバーの項目をクリックすると、一部は中身がなかったりします。
文章はこれから。
規約の改正などもこれから。

スマホ・タブレット版はこれから

画面の横幅がある長さ以上になったらPC版、以下になったらスマホ・タブレット版に切り替わります。
スマホの小さい画面に対して、こった形や動きをつけ過ぎると見づらくなります。
読み込み速度の問題もあるし。
その点、気を付けて進めたいと思います。

ピックアップ  |最新情報はツイッター

X(twitter) LINE Discord Zoom お知らせ

iPhone, Macなどで、Googleカレンダーが映らない場合の解決策≫

過去記事一覧