フラットなホームページ・Webデザイン事例

flat

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

工務店・建築

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

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

工務店・建築

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

WEBメディア

UI・UXの完成度が非常に高い「生活定点」のデザイン例

博報堂の研究所が24年分の生活者の観測データ約1,500項目を公開しているメディア。 丸みを帯びたフォントで、メインビジュアルはポリゴン状の幾何学模様が動作し続け、視覚的に定点観測というメディア色を高めている。こういったアニメーション...

WEBメディア

東京都港区赤坂5-3-1

工務店・建築

デザイン性が高い株式会社イトーキのホームページデザイン例

東証一部に上場しているオフィス空間をデザインする会社で、一見採用サイトのような印象を受けるホームページ。 2016年頃から、メインビジュアの写真の明度を落として、キャッチコピーを白抜き文字で配置する、というデザインが流行っているが、可...

工務店・建築

東京都中央区入船3-2-10

工務店・建築

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

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

工務店・建築

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

学校・大学

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

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

学校・大学

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

整体・整骨院

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

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

整体・整骨院

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

歯科医院

熊本県菊池市にある歯科クリニックのホームページデザイン例

メインビジュアルはスライド式になっており、歯の形でトリミングされた院内写真が流れる形になっている。 歯医者ということもあり「歯」と「白」をモチーフにした構成になっており、白色が有効活用されたデザインになっている。曲線が多用され、各タイ...

歯科医院

熊本県菊池市泗水町豊水3359-1

歯科医院

滋賀県近江八幡市にある歯医者のホームページデザイン例

メインビジュアルで女性と子供の写真が歯の形でトリミングされており、見出し文章が縦書きされている。淡色を中心としたデザインで清潔・安心感がある。 下層ページでは縦書きと横書きが入り組んでおり、非常に読みやすい構成となっている。しかし縦書...

歯科医院

滋賀県近江八幡市中村町21-12

歯科医院

神奈川県小田原市にある歯医者のホームページデザイン例

メインビジュアルは時間帯に応じて切り替わるようになっており、営業しているのかしていないのか一目でわかるデザインになっている。またグローバルメニューのマウス移動に応じての動作や画像・イラストの多用など、細部まで非常に丁寧に作成されている。 ...

歯科医院

神奈川県小田原市扇町3-27-20

病院・クリニック

愛知県一宮市の看護師採用サイトのデザイン例

グリッドレイアウトと呼ばれる、ページを縦横に分断する直線で格子状に分割して組み合わせ、ウィンドウ幅に応じて大きさや配置を変更するレイアウトとなっている。レスポンシブサイトの構築手法の一種で、近年タブレットやスマホの普及に伴い、メジャー化しつ...

病院・クリニック

愛知県一宮市開明字平1番地

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

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