WebGallery

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

*

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

      2017/06/04

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

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

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

 - 動きで表現 ,

  関連記事

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

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

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

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

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

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

遠近感のあるサイト

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

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

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

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

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

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

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

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