![](https://web-director.net/wp-content/uploads/2022/05/ふきだし用アイコン-150x150.png)
Webサイトの管理画面(CMS)ってダサくないですか?
![](https://web-director.net/wp-content/uploads/2022/04/ブログ吹き出し用-150x150.png)
![](https://web-director.net/wp-content/uploads/2022/04/ブログ吹き出し用-150x150.png)
![](https://web-director.net/wp-content/uploads/2022/04/ブログ吹き出し用-150x150.png)
管理画面(CMS)は特定の人しか使わないという前提があるためか、デザインが二の次になっている場合がありますね。
こんな方におすすめ
- Webディレクターで管理画面のデザインを探している方
- Webデザイナーでおしゃれな管理画面をデザインしたいと思っている方
- エンジニアでデザイナーをびっくりさせたいと思っている方
上記のような悩みを持った方に、Webサイトの管理画面デザインをご紹介します。
わたしはWeb業界で20数年、働いているモノコト(@monokoto68)です。
これまで様々なWebサイト制作に携わってきました。
そんな現役Webディレクターが管理画面のデザインについてご紹介します。
目次
Webサイトの管理画面デザインのデモサイト
管理画面のデザインもこだわりをもって作りたくないですか?
管理画面のデザインを参考にするサイトを集めてみました。
デモサイトのため、管理画面(CMS)で使えそうなパーツは全て揃っています。
各メニューから、いろいろなページを見てください。
Gentelella Alela!
![管理画面デザイン参考「Gentelella Alela!」](https://web-director.net/wp-content/uploads/2022/05/gentelella-926x1024.png)
![管理画面デザイン参考「Gentelella Alela!」](https://web-director.net/wp-content/uploads/2022/05/gentelella-926x1024.png)
AdminLTE
![Webサイトの管理画面デザインのデモサイト「AdminLTE」 管理画面デザイン参考「AdminLTE」](https://web-director.net/wp-content/uploads/2022/05/AdminLTE-767x1024.png)
![Webサイトの管理画面デザインのデモサイト「AdminLTE」 管理画面デザイン参考「AdminLTE」](https://web-director.net/wp-content/uploads/2022/05/AdminLTE-767x1024.png)
ModularAdmin
![Webサイトの管理画面デザインのデモサイト「ModularAdmin」 管理画面デザイン参考「ModularAdmin」](https://web-director.net/wp-content/uploads/2022/05/ModularAdmin-1024x878.png)
![Webサイトの管理画面デザインのデモサイト「ModularAdmin」 管理画面デザイン参考「ModularAdmin」](https://web-director.net/wp-content/uploads/2022/05/ModularAdmin-1024x878.png)
Creative Tim
![Webサイトの管理画面デザインのデモサイト「Creative Tim」 管理画面デザイン参考「Creative Tim」](https://web-director.net/wp-content/uploads/2022/05/Creative-Tim-1024x558.png)
![Webサイトの管理画面デザインのデモサイト「Creative Tim」 管理画面デザイン参考「Creative Tim」](https://web-director.net/wp-content/uploads/2022/05/Creative-Tim-1024x558.png)
まとめ:Webサイトの管理画面デザインに迷ったら見るデモサイト
管理画面のデザインは、エンジニアに任せっきりになっていませんか?
Webサイトの管理画面においてもデザイナーにしっかりデザインをしてもらい、見た目がおしゃれで使いたくなるような管理画面を構築しましょう。
Webサイトの管理画面デザインに迷ったなら、ご紹介したデモサイトを参考にしてみてください。
デザイナーに、参考サイトとして見せるのもよいでしょう。
また、ピンタレストのサイトで参考サイトを見つけるのもよいですね。
Yukari Haradaさんのピンタレスト
Pinterest
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://i.pinimg.com/200x150/5d/f1/b7/5df1b7815992198443b787c02161b5fe.jpg)
![](https://i.pinimg.com/200x150/5d/f1/b7/5df1b7815992198443b787c02161b5fe.jpg)
![](https://i.pinimg.com/200x150/5d/f1/b7/5df1b7815992198443b787c02161b5fe.jpg)
「管理画面UI」のアイデア 110 件 | ダッシュボードデザイン, ダッシュボード, ui デザイン
2020/03/05 - Pinterest で 132 人のユーザーがフォローしている Yukari Harada さんのボード「管理画面UI」を見てみましょう。。「ダッシュボードデザイン, ダッシュボー...
Webディレクターなら、Webサイトの管理画面もこだわりを持ったデザインに仕上げてみてはいかがでしょうか?
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://web-director.net/wp-content/uploads/2022/10/Webサイト制作の工程・流れ-300x154.png)
![](https://web-director.net/wp-content/uploads/2022/10/Webサイト制作の工程・流れ-300x154.png)
![](https://web-director.net/wp-content/uploads/2022/10/Webサイト制作の工程・流れ-300x154.png)
【最新】Webサイト制作の工程・流れとは?現役Webディレクターがフローを教えます!
Webサイトってどのような流れで制作されるのでしょうか?その工程が知りたいです。 Webサイトが出来上がるまでに、いくつかの工程があり、それぞれどのような人がどのよ...