見出し画像

キャリアタッグ#1日1サイトレビュー

今日から1日1サイトレビュー始めます!試行錯誤しながら書いていきたいと思います。書き方なども今後変化していくかもしれないです。

【概要】
・転職エージェント

【想定ターゲット】
・20~40代男女

【想定目的】
・転職を希望としている方
・エージェントに相談したい方

【配色】
・#FFDC1D(黄)
・#52AF6E(緑)
・#18264B(黒)
・#F8F8F8(灰)
・#F0F0EC

【フォント】
・遊ゴシック体(日本語)
・Montserrat(英語)

【印象】
・色味がはっきりしている
・男性の顔を四角い枠で囲っているため中心に目がいきやすい
・「視界の悪い転職には、エージェントが必要だ。」とのキャッチコピーが男性の眼鏡の曇り度を意識している

【ヘッダー】
・グローバルナビゲーションの一部をホバーすると、詳細情報が出てくる
・コンバージョンbtn、ホバーする前後で色の変化、全体の配色のバランスが取られている
・スクロールした際、headerが固定されており、コンバージョンbtnが常に表示されている
・日本語と英語表記

【メインビジュアル】
・MVの中のメインのキャッチコピーが人物と被らないように配慮されている
・おそらく外国人男性を使用されている?

【コンテンツ・レビュー】
・メインビジュアルともに、width100%
・トピックス3カラムになっている
・画像だけでなく、一部イラストも使用している
・右端のアイコンをホバーすると、色味が変化。他のアイコンを差別化するためにあえて別の色味を使用している

【レスポンシブ】
・ヘッダはハンバーガーメニューの使用
・カラーは黄色と黒の2色
・左上の会社名はレスポンシブだと背景が黒になる
・トピックス1カラム、2カラムとなっている
・画像がスライドされる
・スクロールした際、ヘッダーは上に、コンバージョンbtnは常に下に固定されている

・・・・・・・・・・・・・・・・・・・・

#1日1サイトレビュー 、何から始めたらいいかわからなかったのですが、AMIさんの記事を参考にさせていただきました☆すっごく分かりやすいです。ありがとうございます!


この記事が気に入ったらサポートをしてみませんか?