WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

Message

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

  関連記事

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

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

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

イラストの雰囲気を大切にした音楽祭のサイトが可愛くておしゃれ!

2017年3月18日の土曜日から6月11日の日曜日まで兵庫県神戸市にある神戸文化 …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

写真以外の色を抑えて写真を際立たせる

北海道札幌市にある花屋ウェディング「有限会社 花たく」のホームページです。 白と …

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

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

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

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

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …