【デザインを見る】有限会社包装社

mimi | webデザイン勉強中（https://note.com/webdesign_mi0026）さんの投稿を見て、私もwebデザインを見る勉強をしてみる

本日私が見るサイトはこちら

雑っていいこと | はくばくさん( https://hakubaku-zatsu.jp/ )

これをmimiさんの見ていたものになぞらえて私も見ていこうと思う。

1
シンプルながらモダンな印象。
薬局・病院のようなクリーンなイメージ。

2
・フッターが包装を開けたあとのようなものになっていて面白い。

・納品するまでの流れがわかりやすい。（stepのところに目線がまずいくようになっている)

・FAQの画面がシンプルで見やすい。(余白がうまく使われている？)

・文字の間の余白が空いていて、文字が読みやすい。

・写真など、ところどころ包装されているようなデザイン。包装をしている会社の特色が出ている？

3
・PC画面で後ろの社員の目線が読んでほしい文章に顔を向けており、視線誘導をしている。

4
・文字間に余白があり、読みやすい。
・p
letter-spacing:.08em;
line-height:200%;
・h2・h3
letter-spacing:.08em;
line-height:1.2;
・h4
letter-spacing:1px;
line-height:1.2;

5
・青(#4b6aa5)
・グレー(#f2f4f5)
・白(#fff)
・黒(#212122)
清潔感のある青やグレーを使っているが、彩度を抑えることで柔らかい色あいにして親しみやすさを出している。

6
全体的に画像のところなど、包装されているようなデザインになっている。

7
全体的にふわっとしたゆっくりと優しい動きになっており、優しい親しみやすさを感じる。