WebGallery

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

*

タグで切り替えて表示することで2ページ分の情報を1ページに収める

   

名称未設定 1北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページです。

画面いっぱいに表示された町の写真はとても幻想的で綺麗です。右下のトピックスの部分はピンク色で目を引くデザインになっています。写真にあまり被らないようコンパクトにまとめてあるのですが、はっきりとした色にすることで注目度があがりますね

下にスクロールすると、背景に写真・中央にキャッチコピーというレイアウトで構成されています。スライダーのように各コンテンツが表示されてどれも興味が湧いてきます

温泉・宿やグルメなどのページに移動すると2ページ分の情報がタグで切り替えて表示することで1ページに収めて表示しています。豊富な情報量をまとめることでユーザーも使いやすくなるので参考になります

 - 色で表現 ,

Message

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

  関連記事

「安心感」・「ブランディング」の意識を強く感じる病院

愛知県海部郡蟹江町にある内科・脳神経内科・糖尿病内科・内分泌内科・小児科・アレル …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

左に写真、右にコンテンツの珍しいレイアウトの大学のwebデザインがカッコいい!

東京都世田谷区にある「東京農業大学」のホームページです。 2カラムに分かれた珍し …