

おしゃれなサイト、やさしいサイト
4月のベスト3です。
少しずつ暖かくなってきました。
やさしいサイトってコーディングもやさしかったりします。
明日、奈良を旅するボトル | TRAVELING BOTTLE PROJECT

『明日、奈良を旅するボトル』。はて、何のサイト?って思いましたが、とってもやさしいボトルさんのサイトです。
- 明日、奈良を旅するボトル。あら、素敵。やっぱりファーストビューって大事です。
- やさしい緑とやさしいピンク、しっかり余白。いいですね。見やすいですね。
- とってもシンプルな構成。とってもシンプルなソース。すっきりスタイル。
- スクロールがしずらいのがもったいない。スクロールバーが2本出てる。修正したいなと思ってしまうが、やさしいサイトには変わりないです。
- 写真の切り取りかたがやさしい。ちょっとしたひと手間は大事だなと思いました。
- アニメーション(動き)の付け方をチェックする。ScrollReveal.jsを使ってるのか。inview.jsも使いやすいよ、と思ってしまうが、やさしいサイトには変わりないです。
- 明日、奈良を旅してみようかな。なんて思ってしまうやさしいサイトさんです。
明日、奈良を旅するボトル | TRAVELING BOTTLE PROJECT
AOI MIYAZAKI official website – 宮﨑あおい

宮﨑あおいさんのホームページ。なんと言いますか素敵です。
- 映像の使い方が素敵です。背景に4本の短い動画を使ってる。重さ対策素晴らしいです。
- スクロールでページが切り替わる。心地よいです。
- すっきりしたレイアウト、テキストは必要最低限しか使わないって感じですね。見やすいです。
- メニューもすっきり。シンプルって素敵です。
- レスポンシブもいいですね。デザインセンスいいですね。
- やさしい映像とやさしい写真がすべてですね。これ格好悪い映像とダサい写真だったら見てられないサイトになりそうですね。
- フォントは『游明朝』。すっきりです。
- 女優さんのサイトにぴったりのデザインだと思いました。
AOI MIYAZAKI official website – 宮﨑あおい
NANA【公式】福岡で口コミで人気のマツエク(まつげエクステ)&ネイル

『NANA』さんのホームページ。こんな素敵なサイトのお店だったら、「あ、行きたい」って思っちゃいますね。
- 少しズラすデザイン。今流行りなのかな。結構見かけますね。
- 白ベース。余白が素敵。余白があると文字が読みやすいです。
- シンプルレイアウトのシンプルコーディング。
- ポジショニングは大変そうだな、レスポンシブ対応素晴らしいな。
- 写真が素敵。このデザインには写真が重要。すごくやさしいです。
- メニューもシンプル。やっぱりシンプルが一番ですね。
- どんなお店なんだろうってすごく気になりました。
NANA【公式】福岡で口コミで人気のマツエク(まつげエクステ)&ネイル
参考サイト
さいごに

