WebGallery

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

*

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

      2017/06/04

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

コンテンツの区切りに波のアニメーションを使った動きのあるサイトです。
シンプルな配色とレイアウトな分、よりアニメーションが際立つようになっています。

写真を背景に使ったレイアウトで、アクセントカラーにピンクと緑を使用しています。
文章は必要最小限に抑え、あとは写真を背景にしたボタンが配置されています。
その代わり、フッター部分には工場の住所や稼働日の予定表といった重要な情報が書いてあり、ページ全体がコンパクトにまとまっていますね!

 - 動きで表現 ,

  関連記事

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

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

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

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

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

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

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

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

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

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

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

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

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

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

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

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

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

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