シンプルなホームページ・Webデザイン事例

simple

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

工務店・建築

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

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

工務店・建築

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

工務店・建築

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

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

工務店・建築

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

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番地

学校・大学

赤系統の色で統一された神戸女子大学のホームページデザイン例

赤系統の色で統一された、神戸女子大学のホームページ。メインビジュアルの写真は一定時間ごとに切り替わるようになっている。1カラムで構成され、レスポンシブでスマホ対応化している。 大人でクールな女性の写真が使われているせいか、どこかのブラ...

学校・大学

兵庫県神戸市須磨区東須磨青山2-1

学校・大学

横浜市立大学のホームページデザイン例

黄緑色でシンプルにデザインされたホームページ。全体的に余白が広く取られており、レスポンシブ対応している。下層ページでは最近よく見かける、写真にわざと被るようにタイトルを表示している。 少し余白を取り過ぎて間延びしてる感があるが、ごちゃ...

学校・大学

神奈川県横浜市金沢区瀬戸22-2

学校・大学

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

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

学校・大学

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

整体・整骨院

黄色一色でデザインされた整骨院のホームページデザイン例

黄色一色でデザインされたホームページで、トップページはLPのような構成になっている。こういった業界では「業界 × 地域」の検索ワードの対策が非常に重要になるが、せっかく上位を獲得できてもトップページに魅力がないと直帰率が高くなってしまう。 ...

整体・整骨院

愛知県尾張旭市印場元町5-3-23

整体・整骨院

岡山市にある整骨院のホームページデザイン例

ロゴがサイト中央真ん中に大きく表示される構成で、全体的にフラットでシンプルなデザインとなっている。各ブロックは角丸になっていたり、丸文字になっていたりするため、柔らかい、優しい印象を与えている。 各グローバルナビゲーションはマウスオー...

整体・整骨院

岡山県岡山市南区並木町1丁目15-9

美容室・美容院

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

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

美容室・美容院

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

病院・クリニック

東大病院の求人サイトのデザイン例

着目したいのがメインビジュアルの背景。最初見たときは気づかなかったが、カラフルな空模様のデザインの色合いが徐々に変わるようになっている。メインビジュアル以外は特筆したところは特にないが、採用サイトという特性上、ファーストビューのイメージが一...

病院・クリニック

東京都文京区本郷7-3-1

病院・クリニック

福岡市にあるオシャレなクリニックのホームページデザイン例

メインビジュアルの写真はスクロールしても固定された状態で写真がスクロールされないという形になっており、この動きをパララックスと呼ぶ。パララックス(別名スクロールエフェクト)を与えることにより、奥行きや立体感を演出することができる。 ...

病院・クリニック

福岡県福岡市南区長住2丁目1-11

病院・クリニック

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

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

病院・クリニック

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

学校・大学

大阪医科大学のホームページデザイン例

明朝体が多用された安心感・信頼感のあるホームページデザイン。レスポンシブで設計されておりスマホにも対応している。 余白を取り過ぎているせいか、それともフォントが大きいせいか、間延びした印象になっているが、スライドに使われている写真のク...

学校・大学

大阪府高槻市大学町2番7号

病院・クリニック

名古屋市にあるクリニックのホームページデザイン例

予約システムが搭載された治療院のホームページ。シンプルでイラストと写真を多用し、緑色と茶色の2色でデザインされている。レスポンシブ対応しており、スマホで見ても最適化した状態で表示される。 アクセスマップでは駅から医院までの道のりを動画...

病院・クリニック

愛知県名古屋市中区栄1丁目25-28

1 2

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

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