商品が目立つ！モノトーン(白・黒)基調のメリハリあるWebデザイン集！

トレンド感が魅力のデザイン事例

ブルーメンシュトラウス（株式会社馬場十一商店）

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

カラフルな商品や動きのある配置がアクセントになっていて、ポップで賑やかな雰囲気があるホームページです。一方サイト全体の配色にはモノトーンを採用し印象を落ち着かせ、洗練されたトレンド感を演出しています。一方商品ページはそれぞれのカラーに合わせたデザインになっており、ユーザーを楽しませてくれますね。

制作実績ページ：『ブルーメンシュトラウス｜ECサイト・オンラインショップ｜制作実績｜株式会社リーピー』

Enter happy dope hair salon

https://enter-salon.com/（制作：株式会社リーピー）

モノトーンを基調としたスタイリッシュなデザインの中に、薄い水色を差し色とすることで、柔らかさをも引き出しているホームページです。ゴシック体の英文もそのまま黒色で使うと印象が強くなりすぎてしまうのですが、白い文字に細い黒線を使うことで可愛らしい雰囲気が加わります。全体的にミニマルに抑えられたフォントもトレンド感がありますね。

制作実績ページ：『Enter｜コーポレートサイト ｜制作実績｜株式会社リーピー』

株式会社スタイラーズ

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

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

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

「海外」を思わせるファッショナブルなデザイン事例

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

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

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

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

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

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

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

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

モノトーンがシックなデザイン事例

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

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

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

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

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

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

CADENZA+（カデンザ）

https://cadenza-salon.com/（制作：株式会社リーピー）

茨城県古河市の美容室のホームページです。モノクロでデザインされた中にカラーの写真をレイアウトすることで、見ている側の視線を誘導し、イメージを強調することができます。ニューヨークブルックリンスタイルのおしゃれな内装の写真も大きく使うことで、今風なデザインになり、さらにサロンの雰囲気も伝わってきますね。

制作実績ページ：『CADENZA+｜コーポレートサイト｜制作実績｜株式会社リーピー』

DROAS

https://droas.jp/

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

モノトーンで「画像」の美しさを引き立てるデザイン事例

ZitA（株式会社さくらドーム）

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

弊社で制作させていただいた、自動開閉型ゴミ箱を手がける株式会社さくらドーム様の「Zita」ブランドサイトです。お客様の声がギャラリーのようにコンテンツ化されているのが印象的ですね。商品購入の際、口コミは多くの方が気にされるので、見せ方を工夫次第では大きな成果にも繋がりますよ。デザイン性と戦略性を兼ね備えたサイト設計となっています。

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

ボリーナ アヴァンティ（株式会社TKS）

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

モノトーンを基調にした配色からも高級感を感じます。シャワーの飛沫や水滴が引き立った美しい仕上がりになっていますね。また随所に使用されたアニメーションはゆったりとしていて、時が緩やかに流れるような感覚を見る人に提供します。サイトを通して一つの体験ができるようなサイトにいたしました。

制作実績ページ：『ボリーナ アヴァンティ（株式会社TKS）｜LP（ランディングページ）｜制作実績｜株式会社リーピー』

有限会社スタンス

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

愛知県（名古屋市）・岐阜県を中心に店舗設計を行う有限会社スタンス様のコーポレートサイトです。配色にモノトーンを採用することで、大きく配置された写真が美しく際立っています。サイト内の説明文章はシンプルかつスッキリとまとめられており、伝えたいことがハッキリと分かりやすいサイトデザインとなっています！

制作実績ページ：『有限会社スタンス｜コーポレートサイト｜制作実績｜株式会社リーピー』

弊社でのホームページ制作について、代表の池田様によるインタビュー記事もあわせてご覧ください。

お客様インタビュー：『株式会社スタンス｜お客様インタビュー｜株式会社リーピー』

安江怜史建築設計事務所

https://ry-arch.com （制作：株式会社リーピー）

弊社で制作させていただいた、建築設計事務所のホームページです。施工事例を、TOPに大きく載せること、細部までこだわり抜いたデザインと、生活の導線を考え抜いて作られた建物の良さをお客様へ伝えることができます。更新も頻繁にすることで、信頼感も増します。

制作実績ページ：『安江怜史建築設計事務所｜コーポレートサイト｜制作実績｜株式会社リーピー』

アトリエ・ヌース建築研究所

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

こちらは岐阜県大垣市にある古民家リノベーションなどを手掛ける会社のホームページです。グレーと白の配色をベースにデザインし、クールさを感じながらもシンプルで繊細な印象が伝わってきますね！ユーザーに対して、丁寧でおしゃれな家にしてくれそうな印象を与えます。

制作実績ページ：『アトリエ・ヌース建築研究所｜サービスサイト｜制作実績｜株式会社リーピー』

モノトーンが「エレガントさ」を演出するデザイン事例

Room403（株式会社Quaf）

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

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

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

株式会社Acot

https://www.acot-hairsalon.link/（制作：株式会社リーピー）

こちらは東京都にあるヘアサロンのホームページです。写真をブロックのように配置し、その背景に一枚写真を敷くことで、立体感が出て印象的なファーストビューになっています。モノトーンで抑えた配色で洗練された店舗の雰囲気を際立たせつつも、美容師さんたちの写真は丸く切り抜くなど、可愛らしさとスタイリッシュさのバランスにこだわり、印象に残るサイトデザインに仕上げています。

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