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

green

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

Web制作会社

シンプルに情報のまとまったコーポレートサイトのデザイン例

コーポレートカラーの緑色をアクセントにしながら、シンプルに情報のまとまったサイト。 強みを分かりやすく図解したイラストや、文字の強弱をつけた見出し・本文など、全体的に賑やかな要素も多いのだが、パーツの色味が落ち着いており緑色がメインと...

Web制作会社

東京都豊島区東池袋1-47-3 17 山京ビル402

Web制作会社

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

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

Web制作会社

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

税理士

黄緑色を基調とした税理士のホームページデザイン例

黄緑色を基調とし、優しい色使いで親しみやすさを感じさせるサイト。メインビジュアルではスタッフの写真をメインに掲載し、より話しやすい雰囲気を醸し出している。 各ページの大見出しは黄緑色の背景で、下向きの三角形のような形になっているのが特...

税理士

東京都品川区南大井6丁目26番1号 大森ベルポートA館9階

税理士

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

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

税理士

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

税理士

千代田区にあるスマホに最適化した税理士法人のホームページデザイン例

ほとんどトップの1ページでコンテンツが完結しているサイト。こうした縦長のレイアウトでは、スマートフォン全盛の現代ユーザーをスムーズに次のコンテンツへスクロールさせることができるだろう。 スマートフォンとPCでデザインを使い分けるような...

税理士

東京都千代田区二番町12-13 セブネスビル2階・4階

税理士

札幌市にあるUXが良い税理士のホームページデザイン例

サイトに訪れ、まず目に入るのは親しげに座りながら、お客様目線で相談に乗る税理士のメインビジュアル写真。 「税理士として、人として、お客様のビジネスに寄りそう」というコンセプトを表すように、トップページからサイトの細部にまでスタッフの笑...

税理士

北海道札幌市中央区大通西16丁目 2番地5 遠藤会計ビルディング

法律事務所・弁護士

埼玉県にある人柄が伝わる法律事務所のホームページデザイン例

特筆したいところは下記の弁護士紹介ページ。ファーストビューで大きく見せる弁護士の紹介と名前の配置はぜひとも参考にしたいデザイン。 士業というのは人柄が重要になったりするが、こういった人物のイメージが伝わるデザインはユーザにとっ...

法律事務所・弁護士

埼玉県さいたま市中央区大戸1-3-6

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

法律事務所・弁護士

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

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

法律事務所・弁護士

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

1 2

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

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

緑色のホームページ例

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

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

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

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