Update site design

[ueshiy]

https://builderscon.io/ を確認してみて、
気になった点を挙げていきます。

配色

• サイトの基本テーマ色は 白, 黒, 水色, オレンジですが、
  （この基本色は引き継ぎつつ）ベースの背景を変えた方が良いかもしれない
  • 白とグレーの背景×白透過ヘッダー なので、印象がぼんやりしてしまっている可能性。
    もう少し差を出したいかもしれない。ヘッダーは白のままで、背景色をオレンジ系に？
• メインカラー3色（黒, 水色, オレンジ）を背景色等にそのまま使うとコントラストが強すぎるので、
  明度を上げて柔らかくした同系色3色を用意してそれを使用するのもありかもしれない

ヘッダーメニュー（グローバルナビ）

• ヘッダーを全画面で統一したい
  各tpl毎に似たようなメニューを記述しているのを一元化したい
  子孫メニューが存在する場合は、マウスホバー時にドロップダウンで表示
  • ダッシュボード画面ではヘッダーから「ブログ」リンクが消えるのが気になる
  • https://builderscon.io/builderscon/tokyo/2016/news にて、
    ヘッダーの「buiderscon」メニューがHOMEアイコンに変わっている
  • ※個人的な意見ですが、サイトの画面数が少ないのであれば、
    グローバルナビから全画面へ遷移できるようにしておくのが良いのではないかと
  • ヘッダー（グローバルナビ）のドロップダウン参考： https://phpconference.com/en/
• ヘッダーに「カンファレンス」もしくは「Archive」メニュー追加
  各年のカンファレンス情報へリンク（子孫メニューをドロップダウンで表示）
• ヘッダーに「参加」メニュー追加（各年カンファレンスの子メニューとして）
  一般参加とスピーカーとスポンサー別に各画面に誘導 → 募集開始されていない場合 OR 終了済みの場合はその旨を記載した画面を表示？
• ビーコンくんなどのコンテンツページにもグロナビからリンクを張る（「info」配下…？）
• ヘッダーの「buiderscon」リンクは不要な気も（ロゴと遷移先が重複しているので）

その他

• 画面上部へ戻るアイコンが飛行機ですが、
  「ビーコンくん」もしくは「ロゴ画像のシルエット＋分かりやすい記号や文字」でも良いのでは…？
• ヘッダー及びセクション下部の装飾（角度）にはどのような意図があるのでしょうか？
  （セクション上部の角丸とのバランスが取れていないようにも見えたので…）
• h1の上下paddingが異なっているのが気になる
  （意図的に上paddingの方が5px少なく設定されている）
• h1フォントサイズが大きすぎる気がする
  PCなら30px→20pxでも良いのでは（※現状の配色の場合）
• ヘッダーは現在透過していますが、TOPページのメインイメージを通過した時点で、
  透過なしの白に切り替えてもいいのでは？
• 外部サイトへのリンクは全て、新規タブで開いて欲しい（※個人的要望）
• （スマホの場合）画面上部へ戻るアイコンの位置が画面の真ん中に来ていますが、
  これは意図的なものでしょうか…？
• （スマホの場合）サイドメニューを開いた時に、隠していたヘッダーのリンクが出現している
  （おそらくcssの問題）
• スポンサーのアイコン、ユーザーのアイコンは四角枠であるのに対し、
  カンファレンスのスタッフアイコンだけが丸枠だったのが少しだけ気になりました

備考

• 上記の内容の要否を判断した上で、デザイン刷新するのか
  もしくは現状をブラッシュアップするのかを検討すべきかと思いますが、
  現状のブラッシュアップの方が工数が少なくて（期日的にも）良いのかな？という所感です。
• ヘッダーメニューの内容を変える場合、どの項目をどこに置くか（メニューの親子関係等）
  要検討

[ueshiy]

＞ @lestrrat
お疲れ様です。
気になった点をざっとまとめてみましたが、不要な点や、そもそもの方向性に問題がある場合は
ご指摘いただければ幸いです。
お手数ですが宜しくお願いいたします！

[lestrrat]

@uessy-akr ありがとうございます。

まず全体的に： 細かい点がほとんどくさいので、これだとわざわざデザイナーさんに外注する必要ないかも？ で、それら細かい点は特にコレと言った理由なくそうなっているのだと思います。なのでブラッシュアップ的なところは気づいたところがガンガン @uessy-akr さんや @richard-imaoka さんに直してもらうとかのほうがいいかもですね。↑のリストをとりあえずチェックリストに変更して、ガンガンissueたてますかね？どうでしょうか。

で、その気になった点はごもっともで、その上でもう一つあるのが、 builderscon/tokyo/2017をいざあけた時のデザインを2016と同じにするかどうか、ですね。例えば年ごとに別のCSSをあてて見栄えを多少変えるとかもできると思うので、その辺りどうしようか、一緒に考えて欲しいです。多分別issueかな？