WebGallery

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

*

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

      2015/08/27

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

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

 - 動きで表現

Message

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

  関連記事

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

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

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

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

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

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

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

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

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

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

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

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

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