スタイリッシュなホームページ・Webサイト事例

stylish

スタイリッシュなホームページ・Webサイトをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました

Web制作会社

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

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

Web制作会社

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

Web制作会社

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

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

Web制作会社

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

Web制作会社

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

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

Web制作会社

東京都新宿区新宿4-3-25 TOKYU REIT 新宿ビル4F

Web制作会社

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

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

Web制作会社

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

税理士

板橋区にあるシンプルな税理士事務所のホームページデザイン例

ヘッダーや背景が白く、クリーンな印象を与えるデザイン。ロゴがセンタリング配置になっていることで事務所の名前をより強く印象づけている。 「料金表」ページでは、横に長い表組がスマートフォンの画面では表を分割して見やすいように配慮されている...

税理士

東京都板橋区南常盤台2-14-7 ナチュレ・シモザワ1F

税理士

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

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

税理士

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

税理士

鹿児島にあるかっこいい税理士のホームページデザイン例

黒を基調とした上品な印象を与えるトップページ。グローバルナビゲーションのメガドロップダウンが特徴的だが、全体的にリンクのフォントが大きく、はっきりと見やすい。 見出しやフロー図も一つ一つのパーツを大きく作っており、文字が読みやすい。シ...

税理士

鹿児島県鹿児島市緑ヶ丘町45番6号

税理士

名古屋にある洗練された税理士法人のホームページデザイン例

全面に動画を打ち出し、「人々の笑顔を支える」コンセプトを伝えるトップページ。動画はオフィス、法人・個人クライアントといった様々なシチュエーションを感じさせる内容になっており、最後に切り替わるタイムラプス動画の街並みはプロフェッショナルな印象...

税理士

愛知県名古屋市中村区名駅3丁目28番12号大名古屋ビルヂング21F

税理士

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

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

税理士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

豊島区にある動画を前面に使った法律事務所のホームページデザイン例

ヘッダー・グローバルメニュー部分は斜めに背景色が塗られており、スタイリッシュでかっこいい印象を与えている。 ファーストビューではスタッフの立ち話姿やオフィス風景が動画で流れるようになっており、どんな事務所なのか視覚的に伝わるデザインに...

法律事務所・弁護士

東京都豊島区南池袋2-29-12 HF池袋ビルディング6F

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

熊本市にある地域に根差した法律事務所のホームページデザイン

パララックスの動きがあるシンプルでかっこいい弁護士のホームページ。「地域に根ざした法律事務所」というキャッチコピーの背景には恐らくその地域と思われる緑豊かな写真が画面いっぱいに表示されている。 黒色で統一されており、シンプルながらもフ...

法律事務所・弁護士

熊本県熊本市中央区城東町2-12 3F

法律事務所・弁護士

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

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

法律事務所・弁護士

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

工務店・建築

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

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

工務店・建築

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

WEBメディア

1カラムで構成されたオシャレなWebメディア「PR Table」

PR Tableは企業や団体がPR・HR・IRなどの目的で記事を投稿できるサービス。単なる宣伝をするような内容ではなく、主に企業のブランディングとして活用されており、記事を読んでいてもユニークで面白いメディア。 このメディアは下記の記...

WEBメディア

東京都渋谷区道玄坂1-19-9

WEBメディア

3カラム構成の動作が美しいWebメディア「BTCN」

ビットコイン、ブロックチェーン、仮想通貨などの情報を取り扱うニュースメディア。 3カラムで構成されており、右側はグローバルメニュー、中央は仮想通貨のマーケットのリアルタイム情報、メルマガ登録、広告、人気記事、左側はピックアップ記事と各...

WEBメディア

東京都品川区西五反田7-20-9

WEBメディア

無駄な装飾がないシンプルなWebメディア「BNL」

名刺管理サービス「Eight」が運営する、ビジネスネットワークを活用した新たな可能性を探るメディア。 「WIRED」と同様、白と黒でシンプルにデザインされており、ホワイトスペースを十分に活用して、かっこいい印象を与えている。 ...

WEBメディア

東京都渋谷区神宮前5-52-2

WEBメディア

スタイリッシュなWEBメディア「WIRED」

最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。 白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入って...

WEBメディア

東京都渋谷区渋谷2-11-8

1 2

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

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