こつこつインプットし続けないとダメだなあ、と仕事をしていて痛感することがあり。

ご無沙汰していたサイトレビューを再開。

1週間のあいだにやったサイトレビューを、noteにゆるっとまとめていこうと思います。

1. 予算内でこだわりを叶える高品質の注文住宅｜東栄住宅の趣暮

【ファーストビュー｜左右型】
コピーの一部がスライドショーになってるの珍しくておもしろいなあ。メインビジュアルもスライドショーになっていて、scaleすることで奥行きが感じられる。

【セカンドコンテンツ】
動きと流れのある大胆なレイアウトで勢いが感じられる。

【見出し】
「くらべて」がどれもアクセントカラーになっていて繰り返し強調されている

【レイアウト】
「コンテンツの上にはみ出て重ねる」が多用されていることで、動きが生まれ、単調でなくなっていそう。

【モバイル対応】
・ハンバーガーメニュー内に画像が使われているの、遷移先がイメージしやすくてよい◎
・画像やJSの処理が多いためか、ページ読み込みに少し時間がかかるのが気になるが、スクロールアニメーションが心地よくていい印象◎

【その他、参考になりそうなポイント】
・配色
・サイトマップを含めた情報設計…競合との違う独自の魅力をうまく表現できているなあと感じた

2． 訪問看護サービスの株式会社N・フィールド

【ファーストビュー】
・メインビジュアルのトリミングなどレタッチが上手
・スライドが切り替わるときに「しゅわー」ってなるのよい！
・画面中央にキャッチコピー…文字色にアクセントカラーの淡い青と赤の織り交ぜあり
・ユーザーが見るのに迷わないよう目線がたどり着く右下に「一般の方へ」「医療関係者の方へ」のボタン
・左下に画面下に続くリボンのあしらいがあることで、下に続いてることが感じられる

【フォント】
・英語　｜Viga
・日本語｜Source Han Sans
どちらもくせが強くなく、丸みがあってやわらかい印象

【その他】
・「訪問介護ステーション検索」にカーソルを乗せると、ブレンドモード(?) グラデーションになるのが、いい意味でビックリした
・コンテンツを黄色いリボンがつないでいて、繋がりが感じられる

3. Love Liner(ラブ・ライナー) オフィシャルサイト

【ファーストビュー】
・PCでもグロナビはなくハンバーガーメニュー
→スッキリしていてよい
・左上の若干グラデなスクリプト体がアニメーションで表示されるのが
→ブランドの「ゴージャス可愛い」イメージと合っていそう

【Liquid】
・商品と人の写真のレイアウトが大胆ですき

【フォント】
・Josefin Sans (見出し), Yu Gothic
・フォントサイズPCでも14pxで小さめ、line-height 3.28emで行間広め

【印象に残ったところ】
■商品ページ
・六角形の切り抜き画像
・右からスライドアップするスクロールアニメーション

4. 女性のためのメンズオーダースーツ採寸イベント開催 | FABRIC TOKYO(ファブリックトウキョウ)

【ファーストビュー】
■左右スプリット型(?)
・左右に分かれて画像が置かれていて、真ん中にロゴやキャッチコピー、1番伝えたいこと。 → 使いたい画像が縦長で複数あるときに良さそう。
・真ん中の文字の情報量はけっこう多いのだけど、キャッチコピー「あなたの「着たい」に、メンズという答えも。」の周りにはしっかり余白があって目が止まる
■イベント情報
「オーダースーツ」のタイポグラフィが文字の意味と合っていて可愛い

【フォント】
メイン｜Lato
数字｜Barlow
…数字だけ別なフォントにするのもありなんだなあと思った
PCでも12pxと小さめ
…ターゲットが20~30代の女性だから小さくてもいいのかな

【その他、参考になりそうなこと】
見出しだけでなく、イベントの詳細情報も「イベント名 TITLE」「開催期間 DATE」と日本語・英語ふたつの表記があって、わかりやすさと見た目のスタイリッシュさ(?)がどちらも活きていそう

5. まとめ

やって良かったです。

感覚的にいいなあと思ったのものを、何がいいか言語化するの大事ですね。

改善点としては…
・サイトによってレビューする項目がバラバラ
・「いい」とか「好き」とか、主観的な印象に止まりなことがちらほら
・レビューする項目がビジュアルデザインに偏りがち…情報設計やサイトの目的なども仮設をたてて分析したい

朝起きてすぐにやるスタイルが個人的にはあってそうです。

毎日はむずかしいかもだけど、週4を目安に続けていきたい〜