ページ全体を上品に見せる｜グレーを基調としたシンプルなWebデザイン集！

”淡いグレー”で上品に魅せるデザイン事例

Room403（株式会社Quaf）

https://room403.jp/（制作：株式会社リーピー）

細い枠線や配色、フォントなどから女性の繊細さや知性的で上品な雰囲気が表現されています。スクロールでコンテンツが切り替わり、見ていて気持ちが良いサイトです。写真は単なる商品写真でなく、影やモチーフのを上手く使い、独特な世界観を感じられます。メニューが画面左から出てくるなどの斬新なレイアウトは、新しさや革新的な印象を与えますね。

有限会社安藤商店

https://ando-chochin.jp/（制作：株式会社リーピー）

提灯を生産・販売する安藤商店様の通販サイトです。提灯といえば伝統工芸品のイメージがありますが、こちらのサイトでは伝統的なものから現代のインテリアにも合うような新しいデザインのものまで取り扱っています。それを象徴するように、サイトのデザインも写真が大きく使われたモダンなレイアウトとなっています。提灯にぽっと灯るようなあかりがところどころふわふわと浮いているのもポイントです。

Washi-nary（丸重製紙企業組合）

https://washinary.jp/　（制作：株式会社リーピー）

美濃和紙メーカーの丸重製紙企業組合が運営する感性を刺激する和紙専門店。和紙を扱っていながら和風に寄りすぎないデザインが、先進的な印象を与えます。背景は非常に淡いグレーで統一しながらも、さりげなく和紙を感じるテクスチャが入っており、上品に和紙の空気感を表現しています。

Works 制作実績

「グレー」を基調とした
当社の制作実績はこちら

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

• 「グレー」を使った事例一覧
• 会社資料を見る

青みがかったグレーが高級感のあるデザイン事例

ボリーナオースリーミスト（株式会社田中金属製作所）

https://o3mist.bollina.jp/　（制作：株式会社リーピー）

株式会社田中金属製作所様のボリーナオースリーミストのホームページです。白を基調としたシンプルでわかりやすいデザインでありながらも、透明感のあるかっこよさが際立つWebサイトとなっていますね。商品画像とテキストのみで構成されたトップページは、シンプルでありながらしっかりと商品を印象付けており、随所にあしらわれた昨今トレンドのニューモーフィズムは、サイトのデザイン性を底上げしています。

Dearest

https://shop.j-dearest.com/（制作：株式会社リーピー）

宝石・ジュエリー専門店Dearest様のオンラインショップページです。トップページではただ商品を大きく見せるだけでなく、名称とあわせて価格もさり気なく表示されているため、ホームページを流して見るだけですべての情報が目に入ってくるユーザーに優しいデザインとなっています。

株式会社スタイラーズ

https://stylers.co.jp/（制作：株式会社リーピー）

こちらはサロン向けシャンプーを取り扱っている企業のECサイトです。彩度の高い画像を大きく使う一方、全体の配色はモノトーンで統一されており、そのギャップがトレンド感を演出しています。グレーの背景はテクスチャも相まって、大理石のようですね。美しい世界観が、オシャレや美容に敏感な若者の心をくすぐるサイトデザインです。

無彩色がシックなデザイン事例

株式会社カネコ小兵製陶所

https://store.ko-hyo.com/（制作：株式会社リーピー）

岐阜県土岐市に本店をかまえる、株式会社カネコ小兵製陶所様のECサイトです。「焼き物」という商品をよりかっこよく・美しく魅せるために、あえて背景色はシンプルに、商品画像はシックでかっこいい「無彩色」を基調としたサイトカラーに仕上がっています。

DROAS

https://droas.jp/

株式会社I-neのクレイ配合シャンプーのブランドサイトです。泥をイメージしたモノトーンの背景画像が印象的ですが、実はスクロールがすごく特徴的です。斜めに進むスクロールで、初めて見るとびっくりします。一般的なホームページでは使用しないフォントサイズやシャンプーボトルの画像、短いテキストで簡潔に情報を読み取ることができます。

局所使いされたグレーがファッショナブルなデザイン事例

ダイヤモンドヘッド株式会社

http://www.diamond-head.co.jp/（制作：株式会社リーピー）

こちらは弊社が制作させていただいた、ダイヤモンドヘッド株式会社様のサイトです。トップを飾るPVが非常にユニークで、心踊ります。配色はモノトーンで統一され、Tシャツブランドを展開する企業様ならではのファッショナブルな雰囲気で、サイト全体が彩られています。雑誌掲載などの実績も豊富に掲載し、顧客への訴求を狙っています。

株式会社ダブルエックスデベロップメント

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

衣料品の製造、販売を手がけるダブルエックスデベロップメント様のホームページを制作させていただきました。白、黒、そして温かいグレーを基調にすることで、シンプルでカッコよく、親しみやすいデザインに仕上がっています。ファーストビューで製品をアップで写すことで、思わず触れてみたくなる質感の魅力が存分に発揮されています。

Works 制作実績

「グレー」を基調とした
当社の制作実績はこちら

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

• 「グレー」を使った事例一覧
• 会社資料を見る

『灰色』が持つイメージを武器にする

冒頭でもお話したように、灰色（グレー）には「優しさ」「上品さ」「お洒落」を印象づける力があるため、ユーザーにシンプルでスタイリッシュなイメージをアピールしたい企業にはぴったりの色です。

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

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

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