素敵なデザインのWebサイトまとめ – 2023
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/main-image-4-2.jpg)
2023年も残りわずか。今年出会った素敵なデザインのWebサイトをまとめました。
hitoheya
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web01-1024x499.jpg)
落ち着いたグレイベージュの背景に、ビビットな黄緑色のアクセントカラーが美しいWebサイトです。全体的に装飾は少なめですが、太めのフォントや線を使用することでバランスの取れた美しいデザインになっています。リンクのホバーや、テキストの選択時に、アクセントカラーの黄緑が映えるのも素敵です。
株式会社五月雨
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web02-1024x499.png)
落ち着いた色合いのロゴと同系色で統一されたイラストが可愛らしいWebサイトです。社名の「五月雨」をモチーフにした雨粒のモチーフや、細かいイラストにこだわりが感じられます。
クラスカハウス
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web03-1024x499.jpg)
透明感のあるグラデーションをあしらった、洗練されたデザインのWebサイトです。グローバルメニューを右下に固定配置した、画面全体を使ったレイアウトが美しいです。
synesthesia
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web04-1024x499.jpg)
グレーベースで写真が映えるデザインのWebサイトです。スクロールに合わせて左端に表示しているコンテンツのタイトルが変化するアイディアも素敵です。
やざわ虎クリニック
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web05-1024x499.jpg)
トラのイラストをメインモチーフにしたクリニックのWebサイトです。丸みのあるフォントやオブジェクトを使用した全体的に可愛らしいデザインになっています。マウスオーバーでトラが顔を出す遊び心も素敵です。
KIDS SNACK LAB
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web06-1024x499.jpg)
暖色をメインに使用した子どもの健康に良いお菓子Webサイトです。カラフルだけど統一感のあるカラーリングや、ポップなテキストが素敵です。
THE BUTTER CAKE
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web07-1024x499.jpg)
高級感があり、スタイリッシュで上品な大人時間が表現されたデザインのWebサイトです。美しい動画のアニメーションと、落ち着いたモノトーンカラーが素敵です。
Toffee
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web08-1024x499.jpg)
自転車のカラーに合わせたシンプルでおしゃれなデザインのWebサイトです。最低限のテキストとメニューのないすっきりとしたスタイルと、ゆったりとした可愛らしさが素敵です。
More Revery
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web11-1024x499.jpg)
町の小さな百貨店をコンセプトにしたお店のWebサイトです。全体にノイズがかかった落ち着いたピンクカラーの背景と、英字のアンティークな雰囲気が素敵です。
小川ぶどう園
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web12-1024x499.jpg)
葡萄の深みのある青紫カラーと柔らかな和紙のテクスチャが美しいWebサイトです。全体的にブドウのような丸いモチーフがあり、明朝体フォントの高級感もありながら愛らしさもあるデザインです。品種紹介の葡萄の蔦が伸びるアニメーションも可愛らしいです。
関工務店
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web13-1024x499.jpg)
シンプルな白いとアースカラーの背景にテキストの余白が美しいWebサイトです。縦書きテキストを加えた和風テイストと、左側にロゴとメニューを固定したレイアウトも素敵です。
株式会社インフォディオ
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web14-1024x499.jpg)
グラデーションとスクロールアニメーションを活用したWebサイトです。スクロールでコンテンツと背景の動きを細かに設定することで、シンプルな動きとは異なるデザインの見せ方を実装しています。
泊綜合食品株式会社
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web15-1024x499.jpg)
手書き風のイラストが可愛らしい和テイストのWebサイトです。文字が一字ずつ傾いて表示されるアニメーションや、イラストの一部が動く愛らしいギミックがたくさん取り入れられています。
西千葉工作室
![](https://tamatuf.net/wp/wp-content/uploads/2023/12/web16-1024x499.jpg)
ものづくりに必要な道具や器材の揃ったスペースを利用できる工作室のWebサイトです。左、右サイドを固定したタイプのレイアウトですが、白の背景に大きめの余白を取ることで圧迫感がありません。手書き風のイラストや太いゴシック体のフォントが「ものづくり感」を出しています。濃い緑と明るい黄色のシンプルなカラーリングもとてもおしゃれです。
今年は落ち着いた色合いに、美しい余白やスクロールアニメーションが秀逸なWebサイトがたくさんでした。テキストが横に流れる動きもよく見かけるようになり、スマホファーストなデザインも増えてきました。今後のWebデザインにトレンドも楽しみです。