見出し画像

デザイン言語化の練習 10/31(日)


お題サイト

IoT/組み込みコース | ウズウズカレッジ


サイトの目的

無料カウンセリングの予約


フォント

和文:游ゴシック

欧文:Oswald(Google Fonts)


構成

・ヘッダー
・MV
・就業実績のロゴ
・無料特待プランの案内
・こんな人におすすめ
・IoTエンジニアになれば、こんなメリットが
・あなた専属のIT講師がサポートするから
   未経験でもITエンジニアを目指せる。
・選ばれる理由
・あなた専属のIT講師がサポートするから
   未経験でもITエンジニアを目指せる。
・カリキュラム
・キャリアサポート
・あなた専属のIT講師がサポートするから
   未経験でもITエンジニアを目指せる。
・ユーザー体験談
・ご利用の流れ
・あなた専属のIT講師がサポートするから
   未経験でもITエンジニアを目指せる。
・ITスクール比較表
・よくあるご質問
・料金
・無料カウンセリングお申し込みフォーム
・他コース紹介
・フッター


気づいた点

・oswaldという欧文、視認性高くてきれい。私はいつもdinやhelveticaやfuturaあたりに頼りがちだったので、今度使用してみようと思い、ダウンロードしました

・転職成功率や満足度、利用者数の数字の背景の表現がありきたりな表現ではなく、かつ視認性も損なわれていなくて素敵


画像1


・黄色ベースの薄い背景に薄いオレンジも組み合わせが難しそうだけれど、視認性を保ちつつも埋もれず、配色が上手

画像7


・イラストの服の部分にも数字の実績の背景で使用されていたブラシのようなタッチを使用していて統一感がある

画像8

画像9


・あなた専属のIT講師がサポートするから
未経験でもITエンジニアを目指せる。

の部分は繰り返し出てくる項目であるが、全て写真が違うので、繰り返しに感じさせず、自然に思える

- 作る側からすると写真の選定などに工数がかかるので、作業を効率化したくなるところだけど手を抜いていいない

- 写真素材はこのLPのために撮影したのだろうか...?


画像4


画像12

画像13

画像14


・95%を表すアイコン表現は集合体恐怖症の人など、見たときに気持ち悪く感じてしまいそうだと思った

画像10


 ・比較表や料金表の部分な情報量が多くなりがちだが、余白をかなり大きめに取っていて窮屈に感じさせない

- あとやはり白背景がベースだと文字が小さくても読みやすく感じた

画像5

画像6


・フォームの入力を画面下ですぐに始めることができる

- 入力項目がどれくらいあるのかオレンジのバーで視覚的にわかりやすくしてある

- 一度に一気に入力させない仕様なのが、途中で消えてしまうなどがなく、安心感があって良さそう

画像2



・フッターでも炎のような水彩のようなタッチを使用していて統一感がある

画像3




キャプチャー

PC



SP

SP - IoT_組み込みコース|未経験者向け学習と就職_転職が両立できるIT就活スクール - uzuz-college.jp


サポートしていただければ、もっと頑張れます!!