●B案
より雰囲気を感じて頂くため、
写真を複数枚使用させていただいたパターンとなります。
「写真を見せる」というコンセプトのため、
下部の「初心者から〜」は別バナーの扱いでTOPバナーからは外し、
下コンテンツへとつなげる形で制作させていただきました。
● A-2案
「時短英語コーチング」をアイキャッチとしたパターンとなります。
ファーストビューにてサービス内容を一番に訴求し、
サービス名の優先度を少し下げております。
「何を行っているサービスなのか」「このサイトには何の情報が載っているのか」を、
よりわかりやすくしたパターンとなります。
ご提案数が多くなってしまいますので、
A-1案のみサイトに当て込んだイメージをご用意させていただきました。
上部ブラウザのバー(当て込んであるのはクロームで、ブックマークスペースも出してある状態となります。)がつくので、バナーは多少下に下がるのですが、908px〜930px程で収まるかと思います。
(実際当て込んだ後にご調整も可能ですのでお気軽にご相談ください。)
はじめまして、CNGRAFTと申します。
バナーデザインをご提案させて頂きます。
WEB構築の説明なども含まれてますので、
不明点などございましたらお気軽にご相談ください。
3つの方向性でご用意させていただきました。
==========
● 全体共通
下部コンテンツの大きさなどに合わせ、
現状のサイトのTOPバナーようにコンテンツ幅に合わせる形を想定し制作をさせていただきました。
またPC閲覧用のバナーかと思いますので、Macbook Air〜15インチからのファーストビューに入るよう設計しております。
(それ以下のファーストビューに合わせるとデザインがこじんまりとしてしまいますため)
● A-1案
文字の可読性担保は前提に、
あまりごちゃっとならないよう1部英文化やアイコン化させていただき、
最低限のメリハリを出しながら文字を組ませていただきました。
女性の左部分は合成で少し延長させていただき、
バランスをとりながらデザインをさせていただきました。
==========
メンバーからのコメント
● C案
メイン訴求、写真、下部サブ要素をしっかりと区分けし、
全体的な見やすさを重視したパターンとなります。
写真の上に文字などをのっけるとどうしてもごちゃっとした雰囲気になりますので、
全体的に少し余裕をもたせすっきりとした形でレイアウトさせていただきました。
=======
以上となります。
連続の投稿大変失礼いたしました。
ご不明点などございましたらお気軽にご相談ください。
ご検討の程何卒よろしくお願いいたします。