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

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

Room403（株式会社Quaf）

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

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

制作実績ページ：『株式会社Quaf｜ブランドサイト｜制作実績｜株式会社リーピー』

有限会社安藤商店

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

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

制作実績ページ：『有限会社安藤商店｜ECサイト｜制作実績｜株式会社リーピー』

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

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

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

制作実績ページ：『丸重製紙企業組合｜サイト｜制作実績｜株式会社リーピー』

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

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

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

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

制作実績ページ：『ボリーナオースリーミスト（株式会社TKS）｜ブランドサイト｜制作実績｜株式会社リーピー』

Dearest

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

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

制作実績ページ：『Dearest｜ECサイト｜制作実績｜株式会社リーピー』

株式会社スタイラーズ

 

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

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

制作実績ページ：『株式会社スタイラーズ｜ECサイト｜制作実績｜株式会社リーピー』

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

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

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

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

制作実績ページ：『株式会社カネコ小兵製陶所｜ECサイト｜制作実績｜株式会社リーピー』

弊社でのホームページ制作について、専務取締役の伊藤様によるインタビュー記事もあわせてご覧ください。

インタビュー記事：『株式会社カネコ小兵製陶所｜ECサイト｜株式会社リーピー』

DROAS

https://droas.jp/

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

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

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

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

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

制作実績ページ：『ダイヤモンドヘッド株式会社｜コーポレートサイト｜制作実績｜株式会社リーピー』

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

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

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

制作実績ページ：『株式会社ダブルエックスデベロップメント｜コーポレートサイト｜制作実績｜株式会社リーピー』

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

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

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

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

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