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

blue

ブルー・青色を使ったホームページ・Webデザインをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました

法律事務所・弁護士

パララックス構成が特徴的な横浜市の弁護士のホームページデザイン

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

法律事務所・弁護士

神奈川県横浜市中区北仲通4丁目40番地 商工中金横浜ビル4階

法律事務所・弁護士

横浜市の弁護士のホームページデザイン例

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

法律事務所・弁護士

神奈川県横浜市中区太田町1-4-2 関内川島ビル7階

法律事務所・弁護士

インタラクティブでクオリティが高い秀逸な弁護士のホームページデザイン例

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

法律事務所・弁護士

神奈川県横浜市中区桜木町1-1-7 ヒューリックみなとみらい10階

法律事務所・弁護士

エグゼクティブな印象を与える弁護士の採用サイトのデザイン例

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

法律事務所・弁護士

北海道札幌市中央区南1条西11丁目-1番地 コンチネンタルビル9階

法律事務所・弁護士

滋賀県のおしゃれな弁護士法人のホームページデザイン例

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

法律事務所・弁護士

滋賀県大津市京町3-3-1 A&M・OTSUビル

工務店・建築

ロゴがヘッダー写真の下に配置されているホームページデザイン例

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

工務店・建築

新潟県新潟市西蒲区打越乙186-6

工務店・建築

青系統の色で統一された三倉建設株式会社のホームページデザイン例

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

工務店・建築

東京都板橋区徳丸3-18-8

学校・大学

メインビジュアルの動画が印象に残る松本大学のホームページデザイン例

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

学校・大学

長野県松本市新村2095-1

税理士

渋谷区の会計事務所の清潔感があるホームページデザイン例

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

税理士

東京都渋谷区恵比寿西 1-20-2

法律事務所・弁護士

熊本市にある信頼感のある法律事務所のホームページデザイン例

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

法律事務所・弁護士

熊本県熊本市中央区花畑町1番1号

病院・クリニック

福岡県にあるオシャレな形成外科のホームページデザイン例

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

病院・クリニック

福岡県大野城市東大利2-4-16

歯科医院

盛岡市にある歯医者のホームページデザイン例

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

歯科医院

岩手県盛岡市神明町10-35

税理士

店舗型経営に特化した会計事務所のホームページデザイン例

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

税理士

大阪市西区北堀江1丁目1番7号

司法書士

港区にある司法書士・行政書士事務所のホームページデザイン例

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

司法書士

東京都港区東麻布三丁目6番5号麻布ビル1F

税理士

熊本市中央区にある税理士事務所のホームページデザイン例

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

税理士

熊本市中央区神水2丁目13番34号

税理士

ひかり税理士法人のホームページデザイン例

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

税理士

京都市中京区東洞院通竹屋町下るひかりビル

税理士

相続税に特化した税理士法人チェスターのホームページデザイン例

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

税理士

東京都中央区日本橋室町3-4-7

歯科医院

熊本県菊池市にある歯科クリニックのホームページデザイン例

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

歯科医院

熊本県菊池市泗水町豊水3359-1

歯科医院

滋賀県近江八幡市にある歯医者のホームページデザイン例

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

歯科医院

滋賀県近江八幡市中村町21-12

青色のホームページの特徴

清潔感、安心感を表現する色で、数多くの企業のホームページに使われている。「空」「水」「地球」といったものが連想され、特に法人向けの業界やIT系の企業で使われることが多く、青色は赤色などの派手な色と違って使い過ぎたとしても、見た目が悪くならないというメリットもある。

青色のホームページ例

KDDI、NTT、パナソニック、ローソン、アサヒ、インテル、NEC、DELLなど

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

結果に拘ったホームページ制作会社「AltBase LLC.」

作成しただけでは意味がないホームページ。弊社では結果に拘った成果の上がるホームページを制作いたします。見積もりは無料なのでお気軽にお問合せください。