スタイリッシュなホームページ・Webデザイン事例

stylish

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

税理士

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

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

税理士

北海道札幌市中央区大通西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

工務店・建築

シンプルながらも動作が美しい東急建設株式会社のホームページデザイン例

緑色をテーマカラーとしたホームページで、下層ページは2カラムで構成されている。 メインビジュアルの部分の写真は左右にスライドしつつ、パララックス(下にスクロールしても写真が移動しない仕組み)になっており、レスポンシブ対応している。 ...

工務店・建築

東京都渋谷区渋谷1-16-14

学校・大学

シンプルな名城大学のホームページデザイン例

使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。 トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にス...

学校・大学

愛知県名古屋市天白区塩釜口1丁目501番地

学校・大学

赤色でデザインされた統一感のある甲南女子大学のホームページ例

赤色一色でデザインされた統一感のあるシンプルなホームページ。 5秒ごとに生徒と思われる、凛々しい女性の写真が切り替わるようになっており、その下の関連サイトのバナーや、さらにその下の新着情報では全てスライドするようになっており、全体的に...

学校・大学

兵庫県神戸市東灘区森北町6-2-23

学校・大学

中央大学の受験生特設サイトのデザイン例

赤と黒の対比がかっこいい、中央大学の受験生向けのホームページ。 左側のロゴの赤色部分はスマホで閲覧した際に最上部に移動する仕組みになっており、グローバルナビゲーションはPCでは5つあるのが、スマホでは2つに減るようになっている。 ...

学校・大学

東京都八王子市東中野742-1

美容室・美容院

パララックスが面白い美容室のホームページ

下にスクロールしていくと、それぞれ固定された背景写真が表示される仕組みになっており、パララックスの構成が非常に面白いホームページ。以下、スクロールした際の実際の動作。 ページは1ページのみとなっており、「ブログ」カテゴリがある...

美容室・美容院

大阪府大阪市中央区北浜東1-17

エステ・サロン

スタイリッシュなエステサロンのホームページデザイン例

メインビジュアルの写真が美しいエステサロンのホームページ。オレンジ色が暖かい印象を与えつつラグジュアリーな雰囲気を与えている。 線の使い方が美しく、制作側としても、こんなやり方があるのかぁと感心させられる。また全体的に文字が小さく、ス...

エステ・サロン

東京都渋谷区恵比寿4-3-1

法律事務所・弁護士

斜めラインが印象的なかっこいい法律事務所のホームページデザイン例

ヘッダー部分の斜めラインが印象的なホームページ。代表者の写真はスライドで切り替わる構成で、その写真に重なるように最初のコンテンツが配置されている。「相談の流れ」ではスクロールしても写真が固定する技術「パララックス」を取り入れており、ページ遷...

法律事務所・弁護士

広島県広島市中区基町5-44

病院・クリニック

新宿区にある白を基調としたクリニックのホームページデザイン例

白を基調としたシンプルで清潔感のあるホームページ。メインビジュアルの3枚の写真はそれぞれのページへリンクをさせる設計になっている。1カラムで全て構成されており、各タイトル等で黄色が使われているだけで、全体的に色数が少なく統一感のあるデザイン...

病院・クリニック

東京都新宿区新宿 3-37-11

1 2

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

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