WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 ,

Message

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

  関連記事

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

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

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

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

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

特殊なアニメーションを使って展示された作品を紹介している美術展のサイトが、ユニークな動きで面白い!

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

舌でも目でも石巻を楽しむことができる、「泳ぎ寿司 石巻」

今年の3月6日・11日に東京都にある「代々木ビレッジ code kurkku」で …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

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

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