WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

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

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

画面いっぱいに表示されるメニュー

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホーム …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …