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

blue

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

Web制作会社

安心感・信頼感のある制作会社のコーポレートサイトのデザイン例

白色を基調に、青色をアクセントとしたすっきりと見やすいサイト。メインビジュアルのスライダーは、見出しと画像の動くタイミングに変化をつけることで、ユーザーの関心を引くような動きになっている。 各サービス紹介ページは、アイコンを使って分か...

Web制作会社

東京都目黒区中目黒3-6-4 中目黒NNビル4F

Web制作会社

2カラム構成のシンプルなコーポレートサイトのデザイン例

グローバルナビゲーションを左側に固定配置したサイト。モニターが長大化する昨今において、横長の画面を上手く利用するレイアウトだ。 コーポレートロゴの緑色をポイントで使いつつ、青・緑系統の色で全体的に優しい色合いで構成されている。各ページ...

Web制作会社

東京都中央区銀座1丁目19-8 銀座サクラビル5F

Web制作会社

ブルーとオレンジを随所に使ったクールなホームページデザイン例

多言語マーケティングを売りにしている企業サイト。多様な国籍の従業員が微笑みかける動画をメインビジュアルとし、海外向けマーケティングパートナーとしての土台の確かさを訴求している。 横長のモニターでも画面幅いっぱいにコンテンツが表示され、...

Web制作会社

東京都新宿区大久保1-1-7 高木ビル3F

Web制作会社

コーポレートサイトの参考にしたい制作会社のホームページデザイン例

ファーストビューにはビジネスシーンを思わせる動画を掲載。スクロールに合わせてコンテンツが動画の上を流れるほか、ボタンや見出しを枠からはみ出すように配置するレイアウトにより画面を立体的に見せている。 ページ遷移時には画面読み込み中である...

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センタービル

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

税理士

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

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

税理士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

1 2

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

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

青色のホームページ例

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

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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