WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

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

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

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

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

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

猫!

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

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

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

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

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

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