WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

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

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

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …