ガジェット通信

見たことのないものを見に行こう

印象に残る!写真の見せ方やアニメーションが素敵なWebサイト7選

DATE:
  • ガジェット通信を≫

お疲れさまです、デザイナーのモモコです。
今回は写真の見せ方やアニメーションが可愛いWebサイトをまとめました。

要素の見せ方やアニメーションが素敵なWebサイト7選

IBUKI

http://www.shiseido.co.jp/gb/ibuki/

『「なんでも来い」の私へ。』を掲げる、資生堂 イブキのWebサイトです。
要素がぱたんと倒れるような商品の見せ方や、図形模様のパララックスがスタイリッシュですね。

ごろっとグラノーラ

http://www.gorogura.jp/

日清シスコから発売しているごろっとグラノーラのWebサイトです。
随所から素材感が伝わってくるあしらいが可愛いです。
要所要所で使われるアニメーションで、内容が読みやすく工夫されています。

LALAN

http://www.lalan.jp/

リボンブラで有名なワコールのブランド、ラランのWebサイトです。
女性らしいアンティークな小物や花、リボンのあしらいが美しいですね。
色使いや世界観の作り方をぜひ参考にしたいです。

ひな

http://www.hina-ring.com/

結婚指輪や婚約指輪を取り扱うブライダルブランド、ひなのWebサイトです。
四季に寄り添う、というコンセプトに沿った季節感が写真とアニメーションで表現されています。
各ページでデザインが切り替えられるのは新鮮で面白い試みだと感じました。

ぷるぷるSPARKLINGゼリー

http://www.hakutsuru.co.jp/purupuru/

白鶴酒造から発売しているぷるぷるSPARKLINGゼリーシリーズのWebサイトです。
アニメーションの動きで随所にぷるぷる感が表現されておりとても可愛らしいです。
ポップな色とシンプルなテイストが上手く調和しているのが素敵ですね。

CINEmadori

http://cinemadori.jp/

映画に登場する部屋にフォーカスを当て、裏話などを紹介しているシネマドリのWebサイト。
ビルを模したメニュー部分など用いられている要素一つ一つが素敵です。
hoverで中の景色が動くので、ついついクリックしてみたくなります。

アロマリッチ Seasonal Party

http://soflan.lion.co.jp/aromarich/party/seasonal_party.htm

LIONが発売しているソフラン アロマリッチの特設ページにあたるWebサイト。
それぞれの製品をイメージしているイラストが美しいです。
ふわっと花が舞うアニメーションが香りを効果的に表現していますね。

まとめ

いかがでしたでしょうか。
自分の中で特に印象に残っていたWebサイト7選をご紹介させていただきました。
コンセプトや用途に合わせ効果的なアニメーションや見せ方が提案できるよう、日々精進していきたいですね。

カテゴリー : 生活・趣味 タグ :
LIGの記事一覧をみる ▶
  • 誤字を発見した方はこちらからご連絡ください。
  • ガジェット通信編集部への情報提供はこちらから
  • 記事内の筆者見解は明示のない限りガジェット通信を代表するものではありません。