素敵なデザインのWebサイトまとめ – 2024.06
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/main-image-1-1.jpg)
6月に出会った素敵なデザインのWebサイトをまとめました。今月は、横にスクロールするレイアウトのアイディアを活用したデザインにたくさん出会えました。
八 by PRESS BUTTER SAND
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web11-1024x499.jpg)
和紙を敷いたようなテクスチャと明朝体のフォントのバランスが美しいWebデザインです。スクロールすると美しい写真とテキストが横に流れていく様が、横スクロールタイプのLPサイトにマッチしています。
umiral
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web12-1024x499.jpg)
深海を思わせる引き込まれそうな深いブルーと細い白線が波打つアニメーションが印象的なWebサイトです。スクロールしてコンテンツを進めるごとに写真が切り替わる背景が素敵です。
いわき靴下ラボ アンド ファクトリー
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web13-1024x499.png)
横スクロールと通常の縦のスクロールを組み合わせたレイアウトのWebサイトです。メインビジュアルの手書き風のラインアニメーションを右サイドの色に変化させるアイディアも素敵です。
雪印北海道バター
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web02-1024x499.jpg)
雪印北海道バターのパッケージに合わせた濃いめのイエローと画面全体を囲むラインが素敵なWebサイトです。コンテンツごとに整えられたレイアウトも統一感があります。
MICHEL BELIN ESSENTIEL
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web03-1024x499.jpg)
洋菓子の写真と落ち着きのあるブルーがクラシカルな印象を与えてくれるWebサイトです。強弱をつけたサイズの異なるフォントを美しく配置することで洗練されたデザインを生み出しています。
かわい内科 胃と大腸内視鏡クリニック 上石神井
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web08-1024x499.jpg)
ロゴをモチーフにしたイラストを画面の左右に配置した大胆なメインビジュアルが素敵なWebサイトです。丸みのあるフォントや角丸のオブジェクトを使用する事で、コンセプトに合った親しみやすいデザインとなっています。
Liner
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web04-1024x499.jpg)
写真にテキストが添えられた作品ような美しい余白のWebサイトです。メインのラインにかかったシャドウも素敵です。
enstol
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web01-1024x499.jpg)
白の背景にテキストとラインが映える構成も美しいWebサイトです。サイトのデザインに合わせて線だけで表現されたボタンや家具のアイコンも素敵です。
CHILL GREEN 特設サイト
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web05-1024x499.jpg)
テクスチャのかかった深いグリーンの背景と明るいイエローが印象的なWebサイトです。横スクロールを巧みに取り入れたハイセンスなスクロールアニメーションが秀逸です。
株式会社壁勝
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web06-1024x499.jpg)
縦書きのテキストを巧みに取り入れた、不要な飾り気のないきちんと整ったレイアウトの美しいWebサイトです。縦書きの文字を線で囲んだ見出しやフォームのデザインまで一貫した技巧が光ります。
八千代ポートリー
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web09-1024x499.jpg)
丸みのあるテイストに手書き風のイラストが可愛いWebサイトです。点線やカラーリングを統一することで、情報量の多い多様なオブジェクトをきれいにまとめています。
Tsukuru Lab.
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web07-1024x499.jpg)
ロゴを全面的に配置するレイアウトとシンプル太めゴシック体が素敵なWebサイトです。背景とテキストを白黒にすることで、写真が多くても統一感のあるデザインになっています。
DAFT about DRAFT
![](https://tamatuf.net/wp/wp-content/uploads/2024/06/web10-1024x499.jpg)
グレージュの背景に美しい写真と大きめの英字フォントを大胆に配置したスタイリッシュなWebサイトです。写真が奥行きのある傾き方で切り替わるメインビジュアルのスライドが素敵です。