ブルー・青色を使ったホームページ・Webデザイン事例

鮮やかなブルーを基調とし、クールでインテリジェンスな印象を与えるトップページ。メインビジュアルは動画を使用しており、トレンドを抑えていると言えるだろう。かといってイメージ訴求に寄り過ぎず、電話番号表記やトピックスなどの、アクセスすべき不可欠...

今まで色々とホームページのデザインをまとめてきたが、間違いなくトップクラスにクオリティが高いホームページ。 単純なデザインだけでなく、メニューのドロップダウン、ニュースのタブ切り替え、マウスオーバー時の動作など、Javascript側...

写真の使い方が美しい、シンプルなデザインのホームページ。下層ページは全て違うテンプレートでデザインされており、細部まで丁寧に作られている。 少し情報量が少ない印象を受けるが、TOPからの各要素（リンク先）が大きく設計されており、非常に...

余白感の取り方含め、かなり大胆なデザインを取り入れた法律事務所のホームページ。レイヤーや文字をわざとずらして、明朝体を全体的に活用し、青しか色が使われていないので、非常にシンプルだが、高級感があるデザインとなっている。 横線を...

最近流行っている、文字と画像をわざとずらす手法が色々な所で使われており、各要素はスクロールに応じて色々な動きを取る仕組みになっている。ぺージの読み込み速度が少し遅いため、遷移した際に何も表示されない時間があるため、そこが少し残念な点。 ...

最近では珍しくトップページから2カラムの構成となっているホームページ。最近ではグラデーションを使ったデザインは少ないが、至ところにグラデーションが活用されている。 ファーストビューでは5人のスタッフの顔写真とロゴを使ったバナーを前面に...

ファーストビューは弁護士事務所のスタッフと思われる人達が白黒に加工されて、横に流れるような構成となっている。 弁護士や税理士といった士業のような業界は信頼感というのが大切になるが、白黒の写真を活用することにより、引き締まったビジネスの...

椅子に座った3人の弁護士を少し遠くから撮影した写真がファーストビューに使われており、印象に残りやすいデザインとなっている。 パララックスな構成になっており、スライド時におしゃれな印象を与えることに成功している。縦書きなど工夫されている...

ヘッダー部分が丸みを帯びてトリミングされたようなデザインとなっており、柔らかい印象を与えている。 横浜市の事務所ということもあり、ファーストビューには前面にみなとみらいの写真が使われている。写真に乗っているテキストは上の余白がなく下の...

インタラクティブな動き、レイヤーずらし（わざと文字を写真からずらして配置する手法）、斜め線など、最近流行りのデザイン手法を全て盛り込んだような、非常にクオリティの高いホームページ。青色で統一されており、レスポンシブデザインなのでスマホにも対...

ファーストビューをぜひ参考にしたいホームページ。これは法律事務所の求人サイトだが、ネイビー×明朝体を合わせたデザインでエグゼクティブな感じを演出している。 ただこういったデザイン（特に文字を画像化しているデザイン）はスマホ対応しづらい...

ファーストビューでは法律事務所の社員を前面に見せるデザインで、重なるように3つの相談フォームを設置している。ポータルサイトのような構成で各種サービスごとで特設サイトを別ドメインで用意しているという、力の入れ具合。 テーマが違うホームペ...

全体的にフラットな仕上がりになっており、シンプルながらも写真が映える構成になっており、安心感・信頼感のあるホームページになっている。 一般的にホームページのロゴは最上部に配置するのが一般的だが、このサイトは見出し（ヘッダー）写真の下に...

アクセスした際に、ローディング画像（アニメーション）が流れるホームページ。入札案件を扱う建築業ならではの、第一印象や企業イメージに配慮した清潔感のある仕上がりになっている。 装飾が少なくシンプルなフラットデザイン構成となっている。デザ...

メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 １スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...

キャッチコピーの「お客様の期待に応える」は文字が透過しており、背景のスライドする写真に伴って色が変わる仕組みになっている。レスポンス対応するためか、全体的に装飾がシンプルで余白が広く取られている。 各見出しでWebフォントが使われてお...

メインビジュアルは事務所からの風景写真やスタッフの写真がスライドする形式になっており、「News」のコンテンツ部分の白枠が写真と重なるようになっている。法律事務所は堅苦しいイメージがあるが、スタッフの写真のおかげで柔らかいイメージを与えてい...

イラストを効果的に使い優しい印象を与えているホームページ。 ホームページの随所に動きがあり、閲覧していてワクワクするような構成になっている。左側にあるグローバルナビゲーションにマウスを載せると下記のようにアイコンにも動きをつけている。...

「前歯を見せて、大きな口で笑ってほしい」「あなたの未来にあわせた歯科治療を」といった、ユーザに刺さるようなキャッチコピーがつけられており、視認性が高くクオリティが高いホームページ。 ロゴが歯の形になっており、手書き風の文字や縦書きが織...

店舗型経営に特化した会計事務所。ロゴが中央に配置され、左右にメニューがある構成で、メインビジュアルは代表者の写真が使われており、かなりの縦幅を取っているため印象に残りやすい。 店舗型経営者にターゲットを絞ってデザインされており、強みが...