WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 ,

Message

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

  関連記事

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

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

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

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

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

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

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

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

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

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

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

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

猫!

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

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …