WebGallery

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

*

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

   

名称未設定 1

島根県日本赤十字社「益田赤十字病院」のホームページです。

トップページの赤い色がとてもインパクトのあるサイトです。中央にある立体的な赤十字のマークとランダムに流れるアイコンがぼやけていることで立体感を出しています。後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かないのでさらに印象深いです。

下にスクロールすると救急外来や休診情報、ブログなど最新情報がすぐ分かるようになっています。今すぐ知りたいと思う情報をトップページにまとめて、すぐ目的のページに移動できるように工夫されていて参考になります。

また、さらにその下の「NEWS」の部分では、4つのカテゴリに分類することでさらに情報が見やすくなっています。タグで情報を切り替えて見れるのはとても便利なので、今度自分も活用してみたいです。

 - 色で表現

Message

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

  関連記事

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

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

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

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

女性をターゲットに絞り、可愛らしい構成に

  大阪にある不動産会社のWebサイトです。ターゲット層が「ママ」や「 …

ロゴが強調されるデザイン

  たまがわ花火大会の公式サイトです。トップに写真を大きく使い、花火の …

小学校内の施設「英語村」のホームページが虹のようなカラフルデザインで魅力的!

群馬県前橋市の立嶺小学校内にある施設「英語村(イングリッシュビレッジ)」のホーム …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

カーソルを肉球にして愛らしさをアップ

広島県の観光地?としても有名な「広島キャットストリートビュー」という世界初の猫目 …