Design Academy デザインリニューアルしました! | hajipion.com

以前までのデザイン

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

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

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

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

» Design Academy

リニューアル!

ロゴ変更

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

ロゴも変更

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

レスポンシブ

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

レスポンシブです

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

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

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

BEMでつくりました

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

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

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

Hajime Hirono

Written by

広野 萌(ひろの はじめ)

@hajipion

株式会社FOLIO CDO。一般社団法人デザインシップ代表理事。
1992年2月1日京都生まれ、早稲田大学文化構想学部卒、ヤフー出身のデザイナーです。
日陰しか通らないルート検索アプリ☀️とか、くしゃみしたら自動でティッシュをぶっ飛ばすティッシュ箱🤧とか、色々作ってます!

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

Related Posts

hajipion.com TOP