「【PCトップのみ】アメコミ風サイトのデザインリニューアル(イラスト提供)」へのsyplanningさんの提案一覧

メンバーからのコメント

このたびはお世話になります。
提案をさせていただきます。

■ワードプレスのテーマ

ベースのテーマは【XeoryBase】でしたので、テーマにそってデザインしました。
画像を多用せず、cssでできるところはcssで行い、軽いサイトを目指しています。

そのため、メインビジュアルを除き、現行サイトのページをデベロッパーツールでcssを調整しながらデザインをしました。（該当部分はキャプチャで画像を貼り付けPSDファイルを作成）

■デザイン

・ロゴ
google font＋テキストシャドウです。
テキストとcssだけで作っておりますので、色やフォントサイズは随時変更可能です。

・サイト紹介文
背景のイラストと吹き出しは画像ですが、文字の部分はテキストです。
SEO的にも有効、変更も簡単です。
フォントはG2サンセリフです。

・メインイメージ
イラストを使い、アメコミ風のコマ割りの感じを出しました。
明るい感じを出したいと思いましたので、背景を明るいイエローとしました。

・記事リスト
テーマのレイアウトをそのまま活かしております。
見出し部分については、イラスト、炎、炎のボーダーは画像を使います。
見出しテキストはG2サンセリフです。

リスト部分の背景色は現行サイトのままですが、もう少し明るめのグレー、
もしくはメイン画像背景と同じくイエローにしてもよいかもしれません。

基本、ウェブ上でのcss作業となるため、記事リストは1件目のみを掲載しております。

■フォント

カンプはphotoshopで作成しております。
フォトショップのフォントとしてG2サンセリフを使うことができませんので、
ウェブ上で配置したものをキャプチャして配置しております。

G2サンセリフはモリサワのwebフォント、【TypeSquare】を利用しました。
無料プランですが、アクセス数などが多いと有料プランにする必要があります。

また、サーバーによってはwebフォントサービスを行なっているところがあります。
（エックスサーバーではG2サンセリフの利用が可能です）

見出しをG2サンセリフにされたいとのこと、どちらかのサービスをご利用いただく形になるかと思います。

■コーディング

最近はスマホ対応必須のため、画像を多用せず、cssでサイトを軽くする傾向にあります。
受注案件でもカンプを省略するケースが増えております。

コーダーもデザインも両方やっております。
コンペの契約金額内で、このデザインをそのまま現行サイトへ設定する作業も承ります。
もちろん細かい修正等も随時承ります。

どうぞよろしくお願い致します。