WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

   

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。

ファーストビューのデザインがとても楽しい雰囲気のサイトです。
スライダーに重なるように雲のアニメーションが配置され、「イベント」や「体験する」といったカテゴリのボタンはクルクル回るアニメーションが使用されています。

様々な色を使用していて賑やかな印象ですが、サイトの上部やグローバルナビのアイコンにオレンジを使用することで、全体に統一感が出ています。
グローバルナビもホバーすると左右にゆらゆらと揺れるアニメーションがついていて可愛らしいです!

配色だけでなく、動きも使って賑やかな雰囲気のwebデザインになっていて、とても参考になります!

 - 動きで表現 , ,

  関連記事

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …