かっこいいホームページ事例

cool

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

工務店・建築

漢字の使い方がユニークなリフォーム会社のホームページ

練馬区のリフォーム会社。メインビジュアルに社名を強調して配置した、大胆なトップページだ。 社名も「錬」という一文字だが、グローバルナビゲーションはサイトコンテンツをそれぞれ「甦」「匠」「販」など、漢字一文字で表されているのが特徴的だ。...

工務店・建築

東京都練馬区下石神井3-23-34

工務店・建築

写真で直感的にサービスを伝える和風なデザインの塗装会社

足立区の塗装会社。メインビジュアルには実際に使用されているハケやペイントローラーの写真が大きく表示され、外壁塗装というサービスを直感的に感じさせる。一枚一枚の写真が大きく、サービス内容が明解で分かりやすい。 スマートフォンユーザーを主...

工務店・建築

東京都足立区西伊興4-4-6

工務店・建築

メリハリが印象に残る赤色の建築会社のホームページデザイン

トップページでは画面枠いっぱいに動画を掲載している。模型や設計図のようなモチーフを見せ、空間づくりを行う会社らしいイメージだ。 斜めのラインで見せるグローバルナビゲーションは比較的大きく、ファーストビューでは画面下に表示されているが、...

工務店・建築

東京都渋谷区鶯谷町12-5 大芦ビル2階

工務店・建築

スタイリッシュでかっこいい建築会社のホームページデザイン

揺れ動くカーテンの動画が、心地よい風を感じさせる上品なトップページ。 ページのローディングアニメーションが滑らかで美しく、スクロールやページ遷移の待ち時間にも心地よさを感じさせる。 写真一点一点のクオリティも高いが、トリミングと...

工務店・建築

東京都渋谷区神宮前5-40-10 METROCA(メトロサ)204

工務店・建築

洗練されたパララックスなホームページのデザイン例

都会的で洗練されたデザインのサイト。スクロールに合わせてコンテンツが背景の上を滑っていくようなパララックスデザインが実装されている。 スクロールの動きに合わせてコンテンツが浮き上がるように表示され、数字の読み込みなどもアニメーションが...

工務店・建築

東京都港区赤坂1-1-14 野村不動産溜池ビル4F

工務店・建築

余白の使い方が美しい先進的なデザインのコーポレートサイト

余白を活かし、文字の形に写真を切り取った処理が印象的なトップページ。 ファーストビューにはナビゲーションが入らないように調整されており、キャッチコピーを強く印象付ける。スクロールしていくとグローバルナビゲーションが現れ、サイト内の各コ...

工務店・建築

新潟県新潟市中央区関新1丁目4番10号

工務店・建築

型にはまらないユニークなデザインのコーポレートサイト

サイトを開いてまず目に入るのは、自社商品が提供する価値を伝える動画。動画の上にキャッチコピーが乗り、切り替わり流れる動画に合わせてコピーライティングも変更するという工夫がされている。 トップページを訪れたユーザーは、次々と展開されるメ...

工務店・建築

東京都渋谷区神宮前1-19-19 2F

Web制作会社

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

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

Web制作会社

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

Web制作会社

立体的な動きが印象深いコーポレートサイトのデザイン例

マウスの動きに合わせ、カラフルなドットが立体的に動くトップページ。そのアニメーションに合わせ、キャッチコピーもリアルタイムにタイピングするような動きで表現されており、テクノロジーの企業であることが上手く表現されている。 スクロールして...

Web制作会社

東京都品川区東五反田3-5-9

Web制作会社

ファッション誌のようなオシャレなコーポレートサイトのデザイン例

まずサイトを開いて、英字の印刷物のような背景のテクスチャーや枠組み、ブラックレター書体のロゴと、それに合わせるように配置されたセリフ書体のフォント、そして筆のタッチを残すようなイラストが印象深い。 ぱっと見て、企業のサイトであるという...

Web制作会社

東京都中野区中央3-1-25 コスモ新中野B1

Web制作会社

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

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

Web制作会社

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

Web制作会社

本を見ているかのような制作会社のホームページデザイン例

グローバルナビゲーションを画面左に配置したレイアウト。スクロールすると画面右側のコンテンツだけが流れるようにできており、画面左側でページのコンセプトを伝え、右側で情報を伝えるというスプリットスクリーンレイアウトを採用している。横長のPCモニ...

Web制作会社

東京都中央区銀座3-15-10 菱進銀座イーストミラービル5階

税理士

余白を効果的に使った爽やかで開放的な税理士のホームページデザイン例

白い余白を効果的に使い、爽やかで開放的な印象を与えるサイト。トップページメインビジュアルの写真白いフレームを設けたかのように余白があり、透明感がある。写真からはみ出すようにテキストが配置されているのも要素に奥行きが生まれ、デザインに立体感が...

税理士

東京都墨田区八広3-1-14

税理士

縦書きの文字を活用したオシャレな税理士のホームページデザイン例

オリジナルの写真が多く、キャッチコピーに視線を誘導するようレイアウトが工夫されているサイト。デバイスフォントでなく画像内に直接文字を書くことで、雑誌のように自由なレイアウトを実装している。 縦書きの文字や、縦長の写真が比較的多いのも特...

税理士

東京都北区浮間3-9-3

税理士

黄緑色を基調とした税理士のホームページデザイン例

黄緑色を基調とし、優しい色使いで親しみやすさを感じさせるサイト。メインビジュアルではスタッフの写真をメインに掲載し、より話しやすい雰囲気を醸し出している。 各ページの大見出しは黄緑色の背景で、下向きの三角形のような形になっているのが特...

税理士

東京都品川区南大井6丁目26番1号 大森ベルポートA館9階

税理士

昨今流行りのデザインを詰め込んだ、おしゃれな税理士法人のデザイン事例

写真を画面全体に広げず、白い余白を残すファーストビュー。写真にロゴをはみ出すように配置するなど、昨今のwebトレンドを取り入れ、画面に立体感を出すトップページだ。 写真の上に大胆にリード文を載せる、雑誌のようなレイアウトは見ていて楽し...

税理士

東京都台東区上野3丁目24-6 上野フロンティアタワー16階

税理士

新宿区にある文字組が個性的な税理士のホームページデザイン例

文字組が個性的なトップページ。ファーストビューではメインビジュアルを効果的に見せるためヘッダーの背景が透過しているが、スクロールすることで導線としての機能に特化する。電話・メールでの問い合わせボタンは大きく設けられ、スムーズにユーザーを誘導...

税理士

東京都新宿区新宿5丁目9-12 IDOshinjuku 1階

税理士

千代田区にある信頼感のある会計事務所のホームページデザイン例

深い青を基調とした、信頼感を与えるトップページ。ファーストビューにはスタッフの集合写真が掲載されている。問い合わせを行うユーザーにとって、実際に担当してくれる人の顔がサイトで見られると、安心感があるだろう。 トップページのデザインは写...

税理士

東京都千代田区平河町2-11-2 平河町グラスゲート8階

税理士

クールでかっこいい税理士のホームページデザイン例

青色を基調に、理性的でクールな印象を与えるサイト。スクロールに合わせて写真がフェードインするアニメーションが実装されており、上品な雰囲気が漂う。 スクロールに合わせてヘッダーが画面上部に追従してくることで、サイト全体の回遊性を高めてい...

税理士

東京都葛飾区金町6丁目4-1

税理士

信頼感のある港区の会計事務所のホームページデザイン例

トップページにはスクロールに合わせてコンテンツが浮き上がるようなエフェクトが実装されており、洗練された印象を与える。使用されている写真も全体的にトーンの統一感がある。 特徴的なのはグローバルナビゲーションの中央に設置されたコーポレートロゴ...

税理士

東京都港区虎ノ門四丁目3番13号 ヒューリック神谷町ビル 6階

1 2 3 4

かっこいいホームページの特徴

かっこいい・クールなホームページはお問合せに繋げるというよりも、企業のブランドイメージの向上(ブランディング)を目的としている場合が多い。CMを例にしても、かっこいいCMというのは印象に残るが「一体何の会社なの?」と疑問が残りやすいという側面もある。ホームページに使われる配色は黒や白などのシンプルな色が多く、色数をなるべく減らして統一感を演出し、ホワイトスペースを最大限活用しているデザインが多い。白抜き文字を使うデザインも多いが、可読性が悪くならないように注意したいところ。

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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