はじめまして。 フリーランスWEBデザインナーをしております「すず」と申します。 早速ですが、ご提案に入らせていただきます。 下記デザインのご要望を元に制作させていただきました。 ◾️ターゲット ・20〜40代 ・市場単価を上げたい、スキルアップしたい方 ・WEB制作会社に転職したい方 ◾️デザインのご要望 ・パッと見て直観的に「オンライン学習サービスである」ことがわかるようにしたい (先進的な内容を扱っており、他に同じような内容を学べるスクールは少ないため) ・「プロフェッショナル」「スタイリッシュ」「洗練された」「他との違いを感じる」「すごい」これらのイメージをデザインに反映したい 今回は表示スピードの速さ重視とのことなので、動きはなしで、FVのインパクトに重点をおいて考えました。 貴社のサイトを拝見させていただき、FV以下で使用されている色がポップな色合いが多めという印象を受けたので、 「スタイリッシュ」「洗練された」というご要望より「他との違いを感じる」「すごい」というイメージの方を強めに出す方向で考え、 FV以下で使用されているカラーを全体的に打ち出す形にしました。 背景画像は自宅でPCを触っている20−30代の男女(男性多め)の画像を多数使用することで 様々な方にオンラインで学習しているイメージを持ってもらえるようにしました。 ボタンはFV以下のボタンと統一させるため同じオレンジを使用し、ボタンらしさをもっと出すため矢印と影を追加しました。 フォントも統一感を出すため元々使用されているNoto sans JPをそのまま使用しています。 テキストは「ハイレベルなWEB制作技術で他者と圧倒的な差をつける。」という文言に変更し、 「WebGL」だけ赤系のグラデーションカラーを入れ、何を学ぶ教材なのかが一目でわかるようにしました。 英語バージョンは翻訳サイトで翻訳しただけなので、もう少し違う言い回しをすれば文字数を抑えてテキストも大きくできるかと思います。 デザインの解説は以上です。 その他ご不明な点や、ご要望があればおっしゃってください。 ご検討どうぞよろしくお願いします。 すず
メンバーからのコメント
はじめまして。
フリーランスWEBデザインナーをしております「すず」と申します。
早速ですが、ご提案に入らせていただきます。
下記デザインのご要望を元に制作させていただきました。
◾️ターゲット
・20〜40代
・市場単価を上げたい、スキルアップしたい方
・WEB制作会社に転職したい方
◾️デザインのご要望
・パッと見て直観的に「オンライン学習サービスである」ことがわかるようにしたい
(先進的な内容を扱っており、他に同じような内容を学べるスクールは少ないため)
・「プロフェッショナル」「スタイリッシュ」「洗練された」「他との違いを感じる」「すごい」これらのイメージをデザインに反映したい
今回は表示スピードの速さ重視とのことなので、動きはなしで、FVのインパクトに重点をおいて考えました。
貴社のサイトを拝見させていただき、FV以下で使用されている色がポップな色合いが多めという印象を受けたので、
「スタイリッシュ」「洗練された」というご要望より「他との違いを感じる」「すごい」というイメージの方を強めに出す方向で考え、
FV以下で使用されているカラーを全体的に打ち出す形にしました。
背景画像は自宅でPCを触っている20−30代の男女(男性多め)の画像を多数使用することで
様々な方にオンラインで学習しているイメージを持ってもらえるようにしました。
ボタンはFV以下のボタンと統一させるため同じオレンジを使用し、ボタンらしさをもっと出すため矢印と影を追加しました。
フォントも統一感を出すため元々使用されているNoto sans JPをそのまま使用しています。
テキストは「ハイレベルなWEB制作技術で他者と圧倒的な差をつける。」という文言に変更し、
「WebGL」だけ赤系のグラデーションカラーを入れ、何を学ぶ教材なのかが一目でわかるようにしました。
英語バージョンは翻訳サイトで翻訳しただけなので、もう少し違う言い回しをすれば文字数を抑えてテキストも大きくできるかと思います。
デザインの解説は以上です。
その他ご不明な点や、ご要望があればおっしゃってください。
ご検討どうぞよろしくお願いします。
すず