WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

Googleマップ付きでおすすめスポットを紹介し、行きたい場所がすぐ分かるようにする

前回に引き続き、今回も地元をPRしているサイトです。神奈川県の魅力をPRした「い …

桜のピンクと、水槽の青のコントラストがとても綺麗な「桜といわし」

京都市にある京都水族館で4月1日から6月30日まで開催されているイベント「春を楽 …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

色んな色と形が組めるつみき「KUUM」

フェリシモが販売している新しい組むつみき「KUUM(クーム)」の特設サイトです。 …

ファーストビューがとても斬新なレイアウトの不動産のサイトがカッコいい!

東京都渋谷区にある不動産事業会社「Think Green」のホームページです。 …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

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

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

制作現場のムービーを流すことで、伝統工芸品の魅力をアピールする

愛知県名古屋市にある染め物屋さん「まり木綿」のホームページです。 木綿の柄のふわ …