WebGallery

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

*

まるで本当の雑誌を読んでいるかのようなレイアウト

      2015/08/27

名称未設定 1クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容が掲載されています。ページの下部にはビールの泡を表現したスクロールボタンが固定され、各コンテンツ毎に飛べる仕組みになっており、雑誌1ページ1ページをめくっているような気分になります。内容の見出しもそれぞれフォントや文字の大きさ、レイアウトを変えることで1枚1枚に動きがあり、それぞれの内容もビール好きなら知っておきたい情報が満載です。

また、1番下までスクロールすると背景が黄色で装飾されており、スクロールボタンと相まってビールに見えるのも工夫されていると感じました。似たようなデザインで、”ものづくりの話”のページに移動するとこちらも背景が黄色になっており、下にスクロールするたびにビールが減っていく感じですごく面白いです。

 - 動きで表現

Message

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

  関連記事

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

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

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

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

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

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

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

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

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …