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

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

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

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

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

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

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

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

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

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

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

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

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

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

2色の青色でデザインされたクオリティが非常に高いホームページ。メインビジュアルのイラストはスライドする形式となっており、スライドに伴ってキャッチコピーが切り替わる仕組みになっている。 イラストは素材によっては安っぽい印象を与えがちだが...

写真をフルに有効活用したデザインとなっており、スライドの仕方や、キャッチコピーなど、面白いアイデアが詰まったホームページ。 パッと見た感じだと税理士事務所っぽくないデザインだが、メインビジュアルの海辺で相談に乗っているシュールな写真は...

青系統の色でまとめられた色数が少ないホームページ。シンプルで各ナビゲーションがわかりやすく、ユーザに優しい設計となっている。 また余白の取り方、縦書きの入れ方などが上手に工夫されおり、イラストを多用したデザインなので優しい印象を与えて...

相続税の申告に特化した全国に支社がある税理士法人。メインビジュアルが高層ビル群の写真を前面に見せていることもあり、規模の大きさという点を上手くデザインしている。 ファーストビューが少しごちゃごちゃしており、視線の導線があまり綺麗ではな...

メインビジュアルはスライド式になっており、歯の形でトリミングされた院内写真が流れる形になっている。 歯医者ということもあり「歯」と「白」をモチーフにした構成になっており、白色が有効活用されたデザインになっている。曲線が多用され、各タイ...

メインビジュアルで女性と子供の写真が歯の形でトリミングされており、見出し文章が縦書きされている。淡色を中心としたデザインで清潔・安心感がある。 下層ページでは縦書きと横書きが入り組んでおり、非常に読みやすい構成となっている。しかし縦書...