Scroll Down

Contact Us

初めてのサイト制作で何をすればいいかお困りのお客様も歓迎。

現状の課題抽出やサイトの目的の整理、サイトコンセプトの策定からお任せください。もちろん、Web集客の戦略設計を具現化するサイト構成、デザイン、機能面までご提案します。

058-215-0066 24時間受付

  • 地方採用ワークス
  • リープ・キャリア
  • Pace(ペース)
  • gifu42

参考になる!「黄色(イエロー)」を基調としたwebデザイン事例16選!

明るい黄色が活気みなぎるデザイン事例

社会福祉法人舟伏

https://www.funabuse.or.jp/(制作:株式会社リーピー)

弊社で制作させていただいた社会福祉法人舟伏様のサイトです。柔らかい色調の黄色を背景色に据え、イラストのグリーンを鮮やかに引き立てます。補色にあたるこの2色を配色のメインとすることで、イラストなどの要素や差し色がが多い場合でも、スッキリと画面をまとめられます。

サイエンスワールド(岐阜県先端科学技術体験センター)

https://www.sw-gifu.com/ (制作:株式会社リーピー)

科学を楽しく学ぶ体験型施設、サイエンスワールド(岐阜県先端科学技術体験センター)様のホームページを制作させていただきました。大胆なかたちや鮮やかな配色、サイト中に「科学」や「学び」を感じられるモチーフを散りばめ、サイエンスワールドをまだ知らないユーザーにも楽しくわくわくするような雰囲気を伝えられるデザインに仕上げました。

魚動クライミングジム

魚動クライミングジム

http://www.gyodoclimbing.jp/(制作:株式会社リーピー)

黄と青は、互いの色を引き立てあう「補色」という関係にあり、クールで見栄えがいい配色です。その補色関係が活かされたこちらのホームページは、三角のパターンが入ったイエローがとても鮮やかですね。ジムの名前のとおり、お魚がゆらゆら泳いでいたり、小物がちょこちょこ動いていたり、にぎやかなデザインです。

オリザ油化株式会社(オリザの米油)

オリザ油化株式会社

http://komeabura.life/(制作:株式会社リーピー)

商品の色である黄色をメインに使った華やかなホームページです。パーツがふわふわと動いたり、境界線が波打ったり動きも可愛いです。動きやイラストを使うことで、見た人の印象に残りやすいホームページになります。

Works

「黄色」を基調とした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)

岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏

大胆に使われた黄色がインパクト抜群なデザイン事例

株式会社フルハウスサポート

https://security.fullhousesupport.com/(制作:株式会社リーピー)

弊社で制作させていただいた株式会社フルハウスサポート様のサイトです。サイト全体に大きく黄色を使用し、差し色は白と黒の2色のみでまとめた、シンプルかつインパクト抜群のサイトです。どことなく注意喚起の看板を想起させますね。顧客に伝えたいメッセージが強い場合などはこのように、配色の工夫次第で非常に強い印象を残すこともできます。

COGY(株式会社TESS)

COGY

https://cogycogy.com/

COGYという車椅子のブランドサイトです。製品がこれまでの車椅子のイメージを覆すものであるように、ホームページも大胆なデザインとなっています。ファーストビュー下のお客様の声はアニメーションになっており、遊び心が溢れています。HOW IT WORKSでもアニメーションで図解してあり、見る人の目を引きますし分かりやすいです。

HEALTHY ON SWITCH(株式会社新谷酵素)

新谷酵素

https://www.shinyakoso.com/yoruoso/healthyonswitch/

株式会社新谷酵素様の間食サプリメント、「ヘルシーオンスイッチ」のランディングページです。レモンイエローを背景色に、切り抜き写真を使った大胆なレイアウトが印象的です。余白を広く取ったり、文字は大きめでモノトーンしていたり、細かな部分に抑制を効かせることで、可読性も高いサイトに仕上がっています。

ビビッドイエローで楽しい雰囲気を演出するデザイン事例

Nintendo Labo(ニンテンドーラボ)

Nintendo Labo

https://www.nintendo.co.jp/labo/

任天堂株式会社のゲーム機Nintendo Switchのソフトのホームページです。ゲーム内の要素を応用し、サイトデザインにも段ボールの色味やゲーム内で出てくる矢印を使用しています。ゲームの世界観を邪魔しないよう、さりげなく「ストアで購入」や「最新情報」のボタンが設置されているのには、ユーザーへの配慮を感じますね。

ゴーゴーカレー

ゴーゴーカレー

https://jp.gogocurry.com/

ひと際インパクトのある商品写真が目を引く、ゴーゴーカレー様の公式通販サイトですカレーの通販サイトでありながら、ゴリラの特徴的なロゴが印刷されたキャップやTシャツの販売も行っており、ブランドファン獲得に対しての強い思いが感じられます。魅力的なブランドづくりは、お客様のリピーター化にもつながります。

Works

「黄色」を基調とした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)

岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏

黄色の『温かみ』を活用したデザイン事例

NPO法人MYstyle@ 様(NPO法人マイスタイル)

NPO法人MYstyle@

http://mystyle-kodaira.net/

メリハリのある配色とナチュラルな線画のイラストが、親しみやすく見やすいデザインになっています。

特定非営利活動法人 キーパーソン21

特定非営利活動法人 キーパーソン21

http://www.keyperson21.org/

赤味の強い黄色が、インパクトだけでなく優しい印象を見る人に与えるデザインです。メインのビジュアルに活動の様子を収めた動画を使用しているため、サイトのコンテンツ概要が分かりやすく伝わります。ファーストビューに動画のようなメディアコンテンツを大きく配置するのは、見る人の注目を効果的に惹きつける戦略の一つでもあります。

NPO法人HELLOlife

NPO法人HELLOlife

https://co.hellolife.jp/

雨合羽を着て雨の中を踊るロゴと背景の動画が印象的なビジュアルのホームページですね、全体はグレーや白をベースにしたシンプルな配色ですが、鮮やかな黄色をアクセントに背景の動画も相まって活発で楽しげな印象を受けるデザインです。

”差し色”の黄色が目をひくデザイン事例

大和住宅株式会社

大和住宅株式会社

https://daiwajyutaku.com

こちらは土地・建物の管理および運営などを手がけている会社です。スクロール後の可愛い動きや、色の構成なども目を引きやすいようにデザインされています。オレンジがかった写真の色味とレモンイエローのコントラストが絶妙ですね。

ienico(イエニコ)

イエニコ

https://www.ienico.com/

戸建新築や不動産売買を手掛ける、株式会社ienico様のホームページです。丸みを帯びた柔らかいロゴやフォントを用いて親しみやすい印象を作りつつ、ビビッドな配色や角を帯びたスタイリッシュな画像配置がサイトの雰囲気を引き締めます。柔らかすぎずスタイリッシュすぎず、バランスのとれた魅力的なデザインに仕上がっていますね。

HOMEWORKERS’COMMUNITY(ホームワーカーズコミュニティ株式会社)

HOMEWORKERS'COMMUNITY

https://www.hwc.jp/index.shtml

こちらは、フリーランスと企業をつなげるサポートをするサイトです。全体のレイアウトはシンプルで、ナビゲーションも分かりやすいです。シンプルなレイアウトのサイトは、情報がわかりやすい反面寂しく捉えられがちですが、配色に明るい黄色を据えることで画面が単調にならず、全体の印象も引き締まります。

しろき在宅クリニック

しろき在宅クリニック

https://shiroki-clinic.com/

東京都目黒区にあるしろき在宅クリニック様のホームページです。院のモチーフとされているたんぽぽの綿毛がページを開くと画面いっぱいにゆらめくエフェクトは、ずっと眺めていたくなるほどの癒しと、通院が困難な人々にも医療を届けるという強い意志をイメージさせてくれますね。

Works

「黄色」を基調とした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)

岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏

黄色が生みだす”インパクト”をサイトに活かす

冒頭でもお話したように、黄色(イエロー)には「元気」「活発」「幸福」を印象づける力があるため、ユーザーにポップで明るいイメージをアピールしたい企業にはぴったりの色です。

当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。

ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!

※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。

 

この記事を書いた人アバター
アバター
suzuki

WEBデザイナー/2020年入社/愛知県出身 リーピーで印刷物からWebまでデザインしている。最近もっと運動した方がいいかなと思っている。


Works

「黄色」を基調とした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)

岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏

Other Blog

RPAで効率化!請求書管理ツール「board」をさらに効率化するリーピーの活用事例6選!

RPAで効率化!請求書管理ツール「board」をさらに効率化するリーピーの活用事例6選!

「board」は、請求書の作成、顧客情報の管理、商品・サービスの登録、売上や未回収金額のレポートなど、請求に関わる業務を一元管理できるクラウドツールです。インターネット環境さえあればどこからでもアクセス可能で、シンプルな操作性と充実した機能
【便利機能】chatwork(チャットワーク)のミュート操作を”1クリック”で完了する方法

【便利機能】chatwork(チャットワーク)のミュート操作を”1クリック”で完了する方法

弊社でも、社内チャットには「chatwork(チャットワーク)」を使用しているのですが、ある程度運用していくと、「いろんなチャットから関係ないチャットが飛んでくるため、ついつい見てしまう…」「つい通知を追ってしまい、目の前の業務に手がつかな

記事一覧にもどる

まずは
無料相談

「まだ漠然としているけど、誰かに意見を聞きたい…」そんなご状況下でのご相談も受け付けております。

Contact

課題抽出やWebサイト制作の
目的整理からご相談ください

初めてのサイト制作で何をすればいいかお困りのお客様も歓迎。

現状の課題抽出やサイトの目的の整理、サイトコンセプトの策定からお任せください。もちろん、Web集客の戦略設計を具現化するサイト構成、デザイン、機能面までご提案します。

058-215-0066 24時間受付

岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
岐阜県
岐阜県
一般社団法人グローバル・メディアネットワーク
カンダまちおこし株式会社
日の丸自動車株式会社
近江リース株式会社
岐阜商工信用組合
株式会社アイコットリョーワ
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏
大日コンサルタント株式会社
昭和コンクリート工業株式会社
医療法人和光会/社会福祉法人和光会
山田メディカルクリニック
川本鋼材株式会社
株式会社ササキ
株式会社TKS
社会福祉法人舟伏