以前までのデザイン

もともとデザアカのサイトは、色んな人が色んなスキル・ナレッジをもって集まって欲しいという思いからレインボーカラーを採用していました。

もともとのデザアカデザイン

まあ評判は悪くなかったのですが、そろそろ統一感のあるデザインを出したいと思ったのと、団体としてのコンセプトも「Webデザイナーのコミュニティ」から「あらゆるデザインに関するコミュニティ」に広がったので、今回リニューアルの運びとなりました。

というわけでリニューアル!

» Design Academy

リニューアル!

ロゴ変更

まず、ロゴを変えました。

ロゴも変更

デザインを自分色に染めていくという意図がこもっています。

レスポンシブ

スマホ・タブレットからみても無駄にいい感じです。

レスポンシブです

フロントエンドも、一工夫

HTML5/CSS3/JavaScriptでつくりましたが、実はBEMを使ってコーディングしました。

BEMというのはフロントエンド設計手法のひとつで、BlockElementModifierの3段階に分ける命名規則のことです。

BEMでつくりました

詳しくはこちらがわかりやすいです↓

» BEMという命名規則とSass 3.3の新しい記法

ちなみにSCSSも一工夫しているのですが、それについてはまた今度ー!

Hajime Hirono

Written by

広野 萌(ひろの はじめ)

株式会社FOLIO CDO。
1992年2月京都生まれ、早稲田大学文化構想学部卒、ヤフー出身。
UI/UXデザインとコンセプトメイキングが得意です。
代表作に「inShade」「INTEMPO」など。

» 経歴・受賞歴・ポートフォリオ

Related Posts

hajipion.com TOP