【Webサイトヘッダー作成】学習塾HP用のヘッダー(PCとスマホの計2つ)の作成依頼

【概要】学習塾HPのヘッダー画像作成についてお願いできればと思います。 【目的】学習塾HPのトップページに差し込むため 【依頼内容詳細】 ①作成して頂きたいヘッダー画像 →PC用とスマホ用で合計2枚 ②デザイン ・こちら側で全体的な絵(配置)は書いています。(添付ファイル参照) ・入れて欲しいキャッチコピーも全てこちらで考えています。 ・そのため、後は各パーツを組み立てるだけでOKです ③参照画像 →添付ファイルに「PC版」「スマホ版」のヘッダーイメージ画像を添付しています。 →このような構成でヘッダー作成出来る方にお願いしたいと思っております。 ④その他 ・PC版とスマホ版で表示するヘッダー画像を変えます。(ワードプレス使用予定) ・サイズについてですが、私の知識不足もありどのようなサイズにするのが最適がご教授頂けると幸いです。 ・PC用のヘッダー画像ですが、テックキャンプの公式サイト(下記URL)のようにしたいです。 →これに合わせて最適なサイズを提案して頂きたいです。 参照：https://tech-camp.in/ ・スマホ用のヘッダー画像ですが、メンズクリアという会社のHPのヘッダー画像の大きさを想定しています。 参照：https://mensclear.info/ac/lp/trial01/images/main_lp_sp.png (おそらく縦長になるのかな？と想定しています。) ・「Before」「After」の部分には別途書いてもらったイラストあり →添付ファイルにのせておきますので、こちらを自由に編集していただいて構いません。 ・ヘッダー画像の中に入れて欲しい文字 →添付ファイルに記載したものは小さくて読みずらいので別途以下に記載します。 <スマホ版> ・○の中に書く文字(左から順番に) ①成績上昇No.1/講義＋演習で「分かる」が「出来る」に ②信頼度No.1/神戸大卒塾長が運営 ③料金コスパNo.1/5科指導で18,000円〜 →○のデザインはメンズクリアのヘッダー上部にあるものを模倣して作って欲しいです。 ・3つの○の下に書く文字 →点数アップしないままで終わりたくない人へ →「点数アップ」の上に黒点をつける →点数アップしないまま/で終わりたくない人へ で上下分けて2行で書く ・上記文字の下に入れる画像 →添付ファイルにあるイラストを差し込む →画像の下に「Before」「After」の文字を入れて欲しいです (テックキャンプのヘッダー画像参照：https://tech-camp.in/) ・イラストの下に入れる文字 →個別でも集団でもない『少人数指導』でグングン伸びる →『少人数指導』とグングンは大文字 →少人数指導の文字色は赤、グングンは黒のままでOK <PC版> ・3つの○の部分はスマホ版と同じで ・ヘッダー左下部は添付したイラスト画像 →ここもPC版同様に「Before」「After」の文字を入れて欲しいです ・ヘッダーの右側の文字 →点数アップしないままで終わりたくない人へ →「点数アップ」の上に黒点をつける →点数アップしないまま/で終わりたくない人へ で上下分けて2行で書く ・上記文字の下に入れて欲しいのが四角枠で囲んだ箱 →箱の左側には写真を差し込む (※こちらで用意します。現在準備中で、契約締結後に送付します。) →箱の右側には個別でも集団でもない『少人数指導』と文字を入れる →少人数指導の文字を大きめ&赤色に 以上です。 かなり詳細に記載しており、後はデザインだけだと思いますので、出来るだけお安く&早く引き受けて頂ける方を優先しようと思います。 よろしくお願いします。