WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

各ページごとに変わるカラーリング

  東京にある教育事業や就労支援などのサービスを行う企業のホームページ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

ビアガーデンらしくないデザイン

  都内のビアガーデンのサイトです。女性をターゲットに絞り、色合いを可 …

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

お店の世界観を大切にしたサイトがかっこいい!

モードとカジュアルを融合させたセレクトショップ「LOVELESS」と「GUILD …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

佐賀県にあるアミューズメント施設のサイトがポップなデザインで可愛い!

佐賀県武雄市にあるアミューズメント・ショッピング施設「メリーランドタケオボウル」 …

丸みを帯びたアイコンが親しみやすく感じる不動産屋さん

島根県松江市にある不動産会社「株式会社サカタ」のホームページです。 トップの夕焼 …

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …