KeiSato Design works works

2013.11.27

CREATIVE DIRECTION, CSS3, DESIGN, HTML5, JS

CyberAgent Crowd Funding, inc.

I was allowed to take charge from concept making to a design & markup and Javascript.I have received a nomination for a CSSDA WOTD.

株式会社サイバーエージェントクラウドファンディングの、ヴィジュアルアイデンティティーのデザインからWebサイト構築まで担当しました。

 

代表の中山社長から、お客様向けの資料をデザインしてほしいという一言からこのプロジェクトは初まり、クラウドファンディングで実現するとしたら何をこの世に生み出したいですか?と伺ったところ、「世界をつなぎアタラシイを創るドアを作りたい」とおっしゃっていたので、ドアをモチーフにしようと決めました。

Makuakeを運営している会社なので、Makuakeにも通じるデザインが良いなと。

 

クラウドファンディングの可能性に挑戦する人々、それを応援する人々、パートナーのCACFのスタッフの皆様。
Makuakeに関わる人達は非常にたくさんの個性や夢、想いがあり、CACFはその人達をMakuakeという「ドア」によって繋いでいる。

 

上記をコンセプトに、思いや人を活気のある色で表現し、ドアをMakuakeに使っている色を使用してデザインしました。

 

CACF

この配色に行き着くまで100を超えるパターンを試行錯誤し、2013年の夏全てをこれにかけて制作しました。
フォントはインドネシア語で「新しい自由」と名付けられたbebas neueを使用。

02

名刺にも展開しました。

CACF

このままWEBサイトも作ろうということで、夏の終わりから冬にかけてデザインとフロントを構築しました。
色が集まりドアが開くイメージをjavascriptで表示し、スクロールに応じてドアが開いてコンテンツが見えていくアニメーションを
一つ一つ制作しました。流行のフラットデザインと写真を全面に使っています。

CACF

サイトデザインが好評でしたので、CSS DESIGN AWARDSに応募したところ、2013/12/3のWEBSITE OF THE DAYにノミネート頂きました。
惜しくも賞獲得はなりませんでしたが、とても良い経験になりました。

CACF

サイト公開から半年後に、MdNの方から連絡を頂きウェブデザイン&配色の見本帳という本に掲載されることになりました。

CACF

CACF

Link:

CyberAgent Crowd Funding, inc.

CSS DESIGN AWARDS

ウェブデザイン&配色の見本帳