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

一般社団法人デザインシップ代表。早稲田大学卒業後、ヤフー株式会社入社。2015年、オンライン証券「FOLIO」を共同創業。Chief Design Officerに就任。2018年、一般社団法人デザインシップ設立。代表理事に就任。法律・医療・自動運転・エンタメ・ARなど幅広い業界の新規事業立ち上げ・デザインを支援。ラジオ番組「ブレインストーミング」隔日更新中。

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

Related Posts

hajipion.com TOP