今日のデザイン#073 カリフォルニアのデザインエージェンシー「Isadora Design」のウェブサイト

カリフォルニアのマンハッタンビーチにあるデザインエージェンシー「Isadora Design」のウェブサイトです。

トレンド感のある配色に、アニメーションを使った仕掛けが随所に施された、楽しいサイトです。

[ via Isadora Design – Award Winning Web Design Company ]

001

003

006

007

008

009b

機能が盛りだくさんな反面、ファイルの総量はやや多く、日本からのアクセスだと特に表示速度が少し遅めになってしまいます。
しかし、ページの読み込みを待つスプラッシュ画面にも楽しいアニメーションが実装されていて、飽きさせません。
読み込みが早いに越したことはありませんが、表示速度の改善とは別のアプローチで、ユーザーの離脱を防ぐ良い方法ではないでしょうか。

009

メニューの動きも特徴的で、ページの最上部ではヘッダー部分でメニュー項目が展開します。

002

しばらくスクロールするとメニューボタンは画面右上に固定表示され、クリックすると画面右で展開します。

004

スマホ版でも、アニメーションがサクサクと動いています。
010

011

「デザイン会社のサイト」となると、当然デザインへの期待値は高くなってしまいますが、期待以上に見ごたえのあるサイトです。

細かい機能や動きの一つ一つが参考になるサイトですが、特に、jQueryを使ったアニメーションの制御と、Modernizrを使ったブラウザごとの機能出し分け部分は、非常に参考になります。
リッチな表現を使うサイトを作りたい場合に、是非参考にしてみてください!

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です