グリーン・緑色を使ったホームページ・Webデザイン事例

green

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

法律事務所・弁護士

可愛らしくて親しみやすい北海道の弁護士のホームページデザイン例

丸字を活用した可愛らしい、親しみやすいホームページ。ファーストビューはそこまで凝ったデザインではないが、文字サイズが大きいこともあり、高齢者に優しいデザインとなっている。 ベースカラーを黄色としてポイントカラーで緑色を用いており、それ...

法律事務所・弁護士

北海道札幌市中央区大通西12丁目4 北海道高等学校教職員センター5F

法律事務所・弁護士

弁護士事務所っぽくない可愛らしいホームページデザイン例

弁護士事務所などの士業のホームページは青色をベースカラーに使ったサイトが非常に多いものの、こちらのホームページは緑色をベースカラーにしている。 代表が女性弁護士ということもあり、可愛らしい・柔らかい印象を与えるデザインとなっており、全...

法律事務所・弁護士

新潟県三条市元町17-11寿パークハイツ401

WEBメディア

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

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

WEBメディア

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

WEBメディア

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

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

WEBメディア

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

工務店・建築

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

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

工務店・建築

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

学校・大学

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

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

学校・大学

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

学校・大学

東京農業大学のホームページデザイン例

全て2カラムで構成されており、左側のカラムはウィンドウの高さで固定されてスクロールできないようになっている。他ページへ遷移すると、左側のメニューはそのページに応じた写真とキャッチコピーが表示され、まるでパンフレットを読んでいるような気になる...

学校・大学

東京都世田谷区桜丘1-1-1

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

松山市にあるイラストが可愛い法律事務所のホームページデザイン例

イラストが多用された可愛らしいホームページ。法律事務所という取っ付きにくいイメージを払拭するようなデザイン。フォントはWebフォントを使って丸っぽい可愛いフォントを使っている。親近感(話しやすさ)・安心感などを演出することに成功している。 ...

法律事務所・弁護士

愛媛県松山市歩行町1-8-3

病院・クリニック

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

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

病院・クリニック

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

保育園・幼稚園

広島市にある保育園のホームページデザイン例

グローバルナビゲーションがタブの切り替えとなっており、全体的にシンプルでUI・UXが良いホームページ。構成自体は王道で見新しさがない半面、王道だから使いやすいという側面もある。 下層ページではサイドメニューが右側に表示され、メインコン...

保育園・幼稚園

広島県広島市佐伯区皆賀一丁目2番3号

歯科医院

京都府八幡市にある歯医者のホームページデザイン例

緑色一色でデザインされており、シンプルながらも安心感のある高品質なホームページ。下層ページも写真が多用されており、とてもわかりやすい内容になっている。 メインビジュアルの医院長の治療中の写真のクオリティが高く、安心感や技術の高さを上手...

歯科医院

京都府八幡市八幡三本橋60-5

工務店・建築

板橋区にある造園会社のホームページデザイン例

倉業60年の歴史ある造園会社で、和風とモダンを融合したような、非常に完成度の高いホームページ。和紙のような質感をデザインしたり、縦書きが活用されていたりと、随所でセンスの高さを感じる。 造園なので緑色がテーマカラーとなっているが、全面...

工務店・建築

東京都板橋区赤塚5丁目34番33号

歯科医院

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

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

歯科医院

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

整体・整骨院

新宿区にある接骨院のホームページデザイン例

全体的に丸みを帯びた構成になっており、イラストを多用していることもあってかポップで親近感があるデザインになっている。親近感があるデザインというのは、デザインに失敗すると安っぽい印象になりがちだが、線や図形などが工夫されており、安っぽい印象を...

整体・整骨院

東京都新宿区横寺町9-1

緑色のホームページの特徴

自然、エコ、環境を表現する色で、主に個人向けの業界で使われやすい色。目に優しい色で、社団法人やNPO法人のホームページでよく使われている。安心・安全のイメージがあるため、銀行などが緑色を多く採用している。ただデザインする上で緑色というのは使いづらく、グローバルナビゲーションやボタンの一部に緑色を使う、というようなデザインが多い。

緑色のホームページ例

JT、三井住友銀行、ゆうちょ銀行、JA、JRA、LINE、SUUMO、LION、ファミリーマート、モスバーガーなど

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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