カヤックコーポレートサイト2011 | 面白法人カヤック

テキストを中心に構成し、トップページを見れば直近1カ月の活動が分かる一覧性の高いニュースサイト風のコーポレートサイトです。

HTML5,CSS3,JavaScript,SVGを使用して表現できるデザインの幅が広がり、デザインのクオリティを保ったまま、デバイスを限定せずにサイト表示をできるようになりました。

デザインのクオリティを下げずリッチさを保ったままでCSS3で表現できるところはCSS3で対応し、極力画像の使用をおさえました。

そして、SVGとmedia queriesを使うことで、ウィンドウを拡大・縮小した時にレイアウト、画像やテキストサイズを可変できるようになり、PC、スマートフォンの表示を１ソースで可能にしました。

多くの方に受け入れていただくために、一見、デザインはシンプルですっきりとしているのですが、アクションを起こした時にオノマトペや吹き出しがでてきたり、CSSアニメーションで背景が動いたりと、そのギミックでカヤックのこだわる”漫画っぽさ”を表現しています。