かっこいいホームページ・Webデザイン事例

cool

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

税理士

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

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

税理士

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

税理士

札幌市にある黒をテーマカラーにした税理士のホームページデザイン例

黒を基調としたグローバルナビゲーションとメインビジュアルから、経験に裏打ちされた確かな実績を感じさせるトップページ。 基本に忠実に、コンバージョンに繋がる導線はヘッダーやフッターに常時見やすく掲載されている。特にスマートフォン向けのト...

税理士

北海道札幌市中央区大通西14丁目1番14号 NEO BLD.2F

法律事務所・弁護士

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

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

法律事務所・弁護士

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

税理士

札幌市にあるUXが良い税理士のホームページデザイン例

サイトに訪れ、まず目に入るのは親しげに座りながら、お客様目線で相談に乗る税理士のメインビジュアル写真。 「税理士として、人として、お客様のビジネスに寄りそう」というコンセプトを表すように、トップページからサイトの細部にまでスタッフの笑...

税理士

北海道札幌市中央区大通西16丁目 2番地5 遠藤会計ビルディング

法律事務所・弁護士

埼玉県にある人柄が伝わる法律事務所のホームページデザイン例

特筆したいところは下記の弁護士紹介ページ。ファーストビューで大きく見せる弁護士の紹介と名前の配置はぜひとも参考にしたいデザイン。 士業というのは人柄が重要になったりするが、こういった人物のイメージが伝わるデザインはユーザにとっ...

法律事務所・弁護士

埼玉県さいたま市中央区大戸1-3-6

法律事務所・弁護士

洗練された法人向けの法律事務所のホームページデザイン例

メインビジュアルは背景写真がズームアウトしながら切り替わり、文字が流れるように表示されるようになっており、非常に洗練されたデザインに仕上がっている。 下にスクロールしていくと各コンテンツが下からフワッと浮き上がって表示され、一つ一つの...

法律事務所・弁護士

東京都千代田区大手町1-1-2 大手門タワー

飲食店・レストラン

エフェクト満載の料理店のホームページデザイン例

日本料理店「かが万」のトップページは、縦長のレイアウトが主流の昨今においては特徴的で、スクロールをさせない作りになっている。 ユーザーは動きを止め、大きく表示された料理の写真にくぎ付けとなるだろう。トップページの写真にはキャッチコピー...

飲食店・レストラン

大阪府大阪市北区堂島1-2-33 坂ビル3F

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

黒色のシンプルな北海道の弁護士のホームページデザイン例

黒色で統一された非常にシンプルなホームページ。取扱業務は法人の法務に特化しており、個人(相続や離婚問題)を対象していないことがわかる。 法人向けにデザインするのであれば、親しみやすさというより、高級感・信頼感が重要になるため、黒色で統...

法律事務所・弁護士

北海道札幌市中央区南1条西11丁目327番地 27ジュピタープレイス2階

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

工務店・建築

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

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

工務店・建築

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

製造業

木の温もりが表現された製作所のホームページデザイン例

木製サッシや学校間仕切りを製作・施工する会社のホームページで、木の色や温かさが前面に押し出されたデザインとなっている。ロゴ含め、赤と黒の対比が色のメインとなっており、少し和風なテイストに仕上がっている。 Wordpressで構築されて...

製造業

新潟県村上市工業団地内339-22

工務店・建築

モダンでかっこいいガーデン株式会社のホームページデザイン例

サイトアクセス時、グローバルナビゲーションが降りてくる表現が印象的。またこちらのホームページの随所で使われている表現法だが、メインビジュアルや施工事例に見せたい情報を大胆に配置してきている。パッと目に飛び込む情報量の多彩さは、モダンな雰囲気...

工務店・建築

京都府京都市北区小山西大野町78

工務店・建築

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

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

工務店・建築

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

学校・大学

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

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

学校・大学

長野県松本市新村2095-1

WEBメディア

デザインと動作のクオリティが非常に高い「FastGrow」

テクノロジー領域で活躍中の起業家・経営者のインタビュー記事を配信するメディア。デザインや動きのクオリティが非常に高く、数あるデザインをまとめてきた中でも、トップクラスにクオリティが高い。 一覧ページ 連載記事、通常の記事、イベン...

WEBメディア

東京都港区南青山2-11-17

1 2 3

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

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

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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