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

blue

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

税理士

インテリジェンスな印象を与える会計事務所のホームページ例

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

税理士

北海道札幌市中央区大通西17丁目1番地2 VPセンタービル

法律事務所・弁護士

とにかくクオリティが高い法律事務所のホームページデザイン例

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

法律事務所・弁護士

東京都千代田区大手町1-1-1 大手町パークビルディング

法律事務所・弁護士

港区にある赤と青の対比が綺麗な法律事務所のホームページデザイン例

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

法律事務所・弁護士

東京都港区新橋3-2-3 千代川ビル4階西側

法律事務所・弁護士

スタイリッシュでかっこいい法律事務所のホームページデザイン例

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

法律事務所・弁護士

東京都千代田区五番町2-7 五番町片岡ビル4階

税理士

日本橋にある税理士法人のホームページデザイン例

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

税理士

東京都中央区日本橋蛎殻町2丁目11−2 オートエックス工藤ビル4F

法律事務所・弁護士

銀座にあるクオリティの高い法律事務所のホームページデザイン例

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

法律事務所・弁護士

東京都中央区銀座2-12-3 ライトビル6階

法律事務所・弁護士

福岡市にある法律事務所のホームページデザイン例

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

法律事務所・弁護士

福岡市中央区渡辺通3丁目6番15号 NMF天神南ビル10階

法律事務所・弁護士

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

椅子に座った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号

1 2

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

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

青色のホームページ例

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

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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