WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 ,

Message

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

  関連記事

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

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

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

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

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

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

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

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

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

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

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

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

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

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …