ブルー・青色を使ったホームページ・Webデザイン事例
blueブルー・青色を使ったホームページ・Webデザインをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました
安心感のあるクリニックのホームページデザイン事例
ファーストビューにはコーポレートロゴの十字マークを散りばめ、明るい印象が与えられるサイト。 メインビジュアルや各ページ冒頭のイメージ写真は、孤を描いた形にトリミングされ、末広がりで写真に奥行きを与えている。これもロゴマークを元にしたあ...
工務店・建築
東京都渋谷区恵比寿西1-10-10若葉西ビル3F
安心感のある不動産会社のホームページデザイン事例
画面全体に写真を大きく使用しており、広がりを感じられるトップページ。 グローバルナビゲーションが控えめに設置されており、コンテンツをじっくり読ませるような作りだ。見出しパーツの種類が多く、汎用的なパーツではなくページコンテンツごとに目...
工務店・建築
愛知県名古屋市昭和区塩付通一丁目11番地1
株式会社東宝ハウスホールディングスのホームページデザイン例
横長のモニタでも画面幅いっぱいにコンテンツが表示され、訴求力の高いトップデザイン。メインスライドは静止画だが、スライドする毎に写真の読み込みにアニメーションが入るため、単調でなく先進的な印象が与えられる。 斜めに青色のラインが入るトッ...
工務店・建築
東京都新宿区西新宿2-6-1
安心感・信頼感のある制作会社のコーポレートサイトのデザイン例
白色を基調に、青色をアクセントとしたすっきりと見やすいサイト。メインビジュアルのスライダーは、見出しと画像の動くタイミングに変化をつけることで、ユーザーの関心を引くような動きになっている。 各サービス紹介ページは、アイコンを使って分か...
Web制作会社
東京都目黒区中目黒3-6-4 中目黒NNビル4F
2カラム構成のシンプルなコーポレートサイトのデザイン例
グローバルナビゲーションを左側に固定配置したサイト。モニターが長大化する昨今において、横長の画面を上手く利用するレイアウトだ。 コーポレートロゴの緑色をポイントで使いつつ、青・緑系統の色で全体的に優しい色合いで構成されている。各ページ...
Web制作会社
東京都中央区銀座1丁目19-8 銀座サクラビル5F
ブルーとオレンジを随所に使ったクールなホームページデザイン例
多言語マーケティングを売りにしている企業サイト。多様な国籍の従業員が微笑みかける動画をメインビジュアルとし、海外向けマーケティングパートナーとしての土台の確かさを訴求している。 横長のモニターでも画面幅いっぱいにコンテンツが表示され、...
Web制作会社
東京都新宿区大久保1-1-7 高木ビル3F
コーポレートサイトの参考にしたい制作会社のホームページデザイン例
ファーストビューにはビジネスシーンを思わせる動画を掲載。スクロールに合わせてコンテンツが動画の上を流れるほか、ボタンや見出しを枠からはみ出すように配置するレイアウトにより画面を立体的に見せている。 ページ遷移時には画面読み込み中である...
Web制作会社
東京都新宿区新宿4-3-25 TOKYU REIT 新宿ビル4F
余白を効果的に使った爽やかで開放的な税理士のホームページデザイン例
白い余白を効果的に使い、爽やかで開放的な印象を与えるサイト。トップページメインビジュアルの写真白いフレームを設けたかのように余白があり、透明感がある。写真からはみ出すようにテキストが配置されているのも要素に奥行きが生まれ、デザインに立体感が...
税理士
東京都墨田区八広3-1-14
縦書きの文字を活用したオシャレな税理士のホームページデザイン例
オリジナルの写真が多く、キャッチコピーに視線を誘導するようレイアウトが工夫されているサイト。デバイスフォントでなく画像内に直接文字を書くことで、雑誌のように自由なレイアウトを実装している。 縦書きの文字や、縦長の写真が比較的多いのも特...
税理士
東京都北区浮間3-9-3
流線形のナビが特徴的な税理士のホームページデザイン例
流線形のグローバルナビゲーションが特徴的なサイト。 アーチ状になったナビゲーションが視線上に動きをつけ、飽きのこないデザインとなっている。メインビジュアルには写真を使うサイトが多いが、このサイトではトリミングされた写真と、デザインされ...
税理士
東京都品川区大井1-7-6 THビル
都会的でスマートな印象の税理事務所のホームページデザイン例
メインビジュアルや、各ページの上部に設置された写真は都会的でスマートな印象を与える。ヘッダー・フッターに並ぶ要素がほぼ同じで、ページの最下部までスクロールしてもページ冒頭と同じアクションを起こせるようになっている。 全ページ、フッター...
税理士
東京都中野区東中野1-56-1大島ビル本館402号室
新宿区にある文字組が個性的な税理士のホームページデザイン例
文字組が個性的なトップページ。ファーストビューではメインビジュアルを効果的に見せるためヘッダーの背景が透過しているが、スクロールすることで導線としての機能に特化する。電話・メールでの問い合わせボタンは大きく設けられ、スムーズにユーザーを誘導...
税理士
東京都新宿区新宿5丁目9-12 IDOshinjuku 1階
千代田区にある信頼感のある会計事務所のホームページデザイン例
深い青を基調とした、信頼感を与えるトップページ。ファーストビューにはスタッフの集合写真が掲載されている。問い合わせを行うユーザーにとって、実際に担当してくれる人の顔がサイトで見られると、安心感があるだろう。 トップページのデザインは写...
税理士
東京都千代田区平河町2-11-2 平河町グラスゲート8階
クールでかっこいい税理士のホームページデザイン例
青色を基調に、理性的でクールな印象を与えるサイト。スクロールに合わせて写真がフェードインするアニメーションが実装されており、上品な雰囲気が漂う。 スクロールに合わせてヘッダーが画面上部に追従してくることで、サイト全体の回遊性を高めてい...
税理士
東京都葛飾区金町6丁目4-1
信頼感のある港区の会計事務所のホームページデザイン例
トップページにはスクロールに合わせてコンテンツが浮き上がるようなエフェクトが実装されており、洗練された印象を与える。使用されている写真も全体的にトーンの統一感がある。 特徴的なのはグローバルナビゲーションの中央に設置されたコーポレートロゴ...
税理士
東京都港区虎ノ門四丁目3番13号 ヒューリック神谷町ビル 6階
遊び心のある面白い税理士法人のホームページデザイン例
トップにサッカーボールを抱えた代表の写真が掲載されたこのサイトでは、芝生やグラウンドなどのサッカーを連想させる写真を使用しているほか、「ページ上部へ戻る」ボタンなど、サイトの随所に遊び心を感じさせる。 ビビッドな青色と黄色を使用したデ...
税理士
東京都千代田区神田猿楽町2丁目7 猿楽町2-7-6 TK猿楽町ビル4階
名古屋にある洗練された税理士法人のホームページデザイン例
全面に動画を打ち出し、「人々の笑顔を支える」コンセプトを伝えるトップページ。動画はオフィス、法人・個人クライアントといった様々なシチュエーションを感じさせる内容になっており、最後に切り替わるタイムラプス動画の街並みはプロフェッショナルな印象...
税理士
愛知県名古屋市中村区名駅3丁目28番12号大名古屋ビルヂング21F
インテリジェンスな印象を与える会計事務所のホームページ例
鮮やかなブルーを基調とし、クールでインテリジェンスな印象を与えるトップページ。メインビジュアルは動画を使用しており、トレンドを抑えていると言えるだろう。かといってイメージ訴求に寄り過ぎず、電話番号表記やトピックスなどの、アクセスすべき不可欠...
税理士
北海道札幌市中央区大通西17丁目1番地2 VPセンタービル
青色のホームページの特徴
清潔感、安心感を表現する色で、数多くの企業のホームページに使われている。「空」「水」「地球」といったものが連想され、特に法人向けの業界やIT系の企業で使われることが多く、青色は赤色などの派手な色と違って使い過ぎたとしても、見た目が悪くならないというメリットもある。
青色のホームページ例
KDDI、NTT、パナソニック、ローソン、アサヒ、インテル、NEC、DELLなど
業界・業種で絞り込む
- Web制作会社(11)
- エステ・サロン(4)
- 保育園・幼稚園(12)
- 司法書士(1)
- 学校・大学(9)
- 工務店・建築(20)
- 整体・整骨院(7)
- 歯科医院(8)
- 法律事務所・弁護士(26)
- 病院・クリニック(10)
- 税理士(29)
- 美容室・美容院(8)
- 製造業(1)
- 飲食店・レストラン(2)
テイストで絞り込む
- かっこいい(69)
- かわいい(27)
- イラスト(19)
- エレガント(15)
- オシャレ(58)
- シンプル(50)
- スタイリッシュ(40)
- ナチュラル(7)
- パララックス(13)
- フラット(18)
- ポップ(21)
- レスポンシブ(94)
- 和風(7)
- 手書き風(6)
- 清潔・信頼(44)
債務整理・借金返済のサポートを謳っている通り、トップページにはまずそれらの相談窓口への導線が設けられている。電話窓口なども分かりやすく、今まさに困っているユーザーを優しく案内する導線設計だ。 女性モデルを起用しており、柔らかい印象が相...