![見出し画像](https://assets.st-note.com/production/uploads/images/81049337/rectangle_large_type_2_6b050c6c02b58d06d7e2187c7cd757ee.jpeg?width=800)
無料添削デザインスクール #105「住宅メーカーサイト」
添削
![](https://assets.st-note.com/img/1655694157551-GG8U8gDF6X.jpg?width=800)
モダンなデザインでまとめられたサイトですね。
大きく添削するところがないので、細かいところ見て行きます。
■メニューの大きさ
![](https://assets.st-note.com/img/1655694395153-pvxSbNzl60.jpg?width=800)
分かる人には分かるのですが、分からない人は戸惑ってしまうので、もう少し大きくてもいいと思います。
![](https://assets.st-note.com/img/1655694600864-kFst31AIeY.jpg?width=800)
シンプルなデザインなのでギリギリ「メニューがある」と分かる程度で置いてあげるといいです。
■フォント
![](https://assets.st-note.com/img/1655694822061-xSiFZgoYY5.jpg?width=800)
英字のフォントが普通のゴシックなので、ここがボテッとしています。
全体的にモダンなので、ここのフォントだけでもモダンなにしてあげるともっと洗練されたデザインになると思います。
![](https://assets.st-note.com/img/1655695208876-xkemq652lI.jpg?width=800)
メインのフォントが太いゴシック使っていたので、それに合わせてある感じですかね。
![](https://assets.st-note.com/img/1655698874731-9NGoSBHsrK.jpg?width=800)
最後の名前は左揃えで統一か、右揃えかのどちらかかと思います。
■ボタンエリア
![](https://assets.st-note.com/img/1655698969925-7BnZVTSjHq.jpg?width=800)
ボタンエリアが寂しいように感じます。
![](https://assets.st-note.com/img/1655699441716-eVAjNrR0B1.jpg?width=800)
普通にボタンとして大きく入れるとか。
![](https://assets.st-note.com/img/1655699462139-veJvG4JJOR.jpg?width=800)
小さくていいならアイコンだけにしてしまうとか。
ここは色んなやり方があるので、色々試す必要がありそうですね。
■ページトップへボタン
![](https://assets.st-note.com/img/1655700998553-spRZAJjYDx.jpg?width=800)
フッターにロゴが入っていると思ったらページトップへのボタンでしたね。
ここだけ全体のデザインから逸脱しているので、シンプル系で統一してあげるといいです。
■ページ内リンク?
![](https://assets.st-note.com/img/1655699584703-77fPjW5pHL.jpg?width=800)
ページ内リンクかな?
前のボタンの位置も同じだったので、リンク系を右にまとめるルールで作っているようですね。
ページ内リンクは少し分かりにくいですね。
ヘッダー近くに置くのではなくて、画面の右に吸着させておくのだったらいいかもしれないです。
ただ、吸着させると本文にかぶってしまったりするので、サイズ調整が必要ですね。
■不協和音
![](https://assets.st-note.com/img/1655699811688-AUyHhm2w6f.jpg?width=800)
あえてずらしてあるのが、不協和音になっているけど、写真を目立たせる効果が出ているのでいいと思います。
タイトルの「CONCEPT」の黄色が強くて写真の黄色い色が目立たなくなっているので、ここは白かグレーでいいと思います。
![](https://assets.st-note.com/img/1655700396446-wFjmCVp1ZS.jpg?width=800)
トップページのメッセージと同じ置き方にするとしたら、こんな感じでしょうか。
ちょっとおとなしい感じになりますね。
![](https://assets.st-note.com/img/1655700515941-fX7ZBpe3Bl.jpg?width=800)
色々なレイアウトが作れるので楽しいですね。
■繰り返し
![](https://assets.st-note.com/img/1655700598341-d0YKLsRSIH.jpg?width=800)
ABOUTページは背景色が変わってますが、レイアウトが一緒のが繰り返されるので、見ていて少し飽きてしまいますね。
しっかりと見てもらいたいページでもあるので、レイアウトを変えてしまってもいいかと思います。
![](https://assets.st-note.com/img/1655700868240-2yQT2c5JOj.jpg?width=800)
全部一緒じゃないとだめということはないので、色々と変えて、飽きずに最後まで見てもらえるようにするといいです。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?