WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

画面いっぱい使って企業の商品やサービスごとに切り替わるコンテンツ

「RC HOUSING」のホームページです。 トップページはスライダーだけでなく …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。 背景の …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

石巻市で働く人々の笑顔や美しい自然がステキな水産加工品メーカー

宮城県石巻市と遠田郡美里町にある、水産加工品の製造・販売を行っている「株式会社 …

幻想的な青の美

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

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …