WebGallery

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

*

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

   

名称未設定 1

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

メニューにカーソルをのせると背景の花がくるくる回ったり、画面右上の予約・アクセスボタンは左右に揺れたり、トップの左右の写真や模様がふわふわ浮いていたりと、ページの所々にアニメーションを使用した、動きのある楽しいサイトです。

様々な色を使っているのですが、パステルカラーにすることで全体的に可愛らしい雰囲気にまとまっていると感じました。

「はないとの特色」のページでは、5つの指針が書かれており、写真の上にかぶせるように数字を配置したり、1つの指針の初めに写真を横幅いっぱいに配置して区切らせたりと、1つ1つの空白は少なめですが、とても見やすくまとまっていて参考になりました。

 - 動きで表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

遠近感のあるサイト

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

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

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

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

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

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

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

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …