下請け案件として毎月30件~程度のWEB制作案件
【お客様】→【クライアント様方(元請け先)】→【弊社】
という構図で案件が流れてきます。

————【制作の流れ】————-

1、制作依頼(素材・WF・ライターの取材文章あり)※必要最小限の場合有り
2、TOPデザイン制作 初校は3日まで。修正は2,3日で対応。
3、確認作業、撮影素材等が到着
4、修正完了・確定後サブ依頼 5日~7日。修正は2,3日で対応。
5、サブ確認・修正完了

※基本的にタスクに上げるので、
Chatwork内で期限の確認をしてください。

————【通常の流れ】————-

・Chatworkで詳細のやり取り
・納期などの管理・データの受け渡し

納期やクオリティの維持が可能かどうか。
作業量・定期的に案件を依頼可能かの判断をさせていただきたいので、
TOPのデザインをしていただきます。
その後クライアントのチェック後サブのデザインに取り掛かっていただくという形を取らせていただいております。

【TOPデザイン】

【サンプルサイトでの確認(弊社で)】

【サブデザイン】

TOPデザインの際にお渡しする企画書等のセットにある参考画像は、
デザインの足しにしてもらうためにライターさんに撮影してもらったものが大半になります。

参考画像を使用していだいても、
素材サイトから使用していただいても問題ありません。
後ほど撮影素材が来ますので差し替え依頼がきます。
足りない場合はお持ちの素材をいくつか準備してもらえたら助かる場合もあります。

————【金額】————-

TOPデザイン:20000円
サブデザイン:5000円/1P

「基本構成」
TOPを含め6PのPCサイトデザイン制作となります。
スマホ版の作成もしますが、デザインは必要ありません。
コーダーがPC版を踏襲して作成いたします。

新規依頼の際に
何ページか指定あり。

************************
※株式会社〇〇〇〇

新規案件発注いたします。
株式会社〇〇〇〇様
制作プランC(WordPress案件のこと)
追加ページ:2P
ブログなし
************************
この場合は8Pという計算になります。

依頼によって +1P~3Pとなることもあります。

※TOP + サブ5P = 45000円
1か月最大で10件まで可能。
(納期やクオリティなどによる。)

※注意:ブログページが必要な場合もあります。
「新着情報」「ニュース」「お客様の声」「Q&A」など。
こちらはサイトによって複数ある場合もありますが、
1Pと換算させていただきます。
ほぼデザインが無くテキストの配置等になるので。
デザイン・作業量が多い場合はその際に相談させていただきますが、
基本は1Pカウントでございます。

※コーディングも可能ですが、
1サイト12000円で統一となります。
納期も4~5日となります。

————【納期】————-

TOPページ初校:3日
サブ:5日~7日
各修正:2~3日

といった形です。
納期につきましても連絡が取ることが出来ればある程度は前後しても問題はありません。

納期に関しては案件ごとに要相談です。
納期の問題などでTOPのみの依頼の場合もあります。

サイトのデザインの確認に関しては

【クライアント】・【お客様】の2者が存在し、
対面での確認となっております。

なので、お客様のご都合などにもよるものなので
返信が遅くなる場合があります。
ご了承ください。

————【参考サイト】————-

http://test.drama.co.jp/mawari/lists.html
http://test.drama.co.jp/zenbesan/lists.html

単調なデザインにならないように、
単色べた塗りや淡すぎる色の乱用も避けてください。
特にヘッダ、フッタ周り。

余白などの調整も綺麗に注意してデザインお願い致します。
画像をそのまま貼り付けなども避けてください。

————【納品方法】————-

【TOP・サブ確認時の納品】
サンプルサイトを【お客様】にWEB上で確認してもらうため、
作成しております。
そのために画像での切り出しをお願いしております。

1枚で全体が確認できるもの: top.jpg,about.jpg,contact.jpg……
ヘッダー: header.jpg or png
グローバルナビ: menu.jpg
メインビジュアル(TOPはjsスライダ): mv_1.jpg,2,3….about_mv_1….
コンテンツ: top_content.jpg,about_content….
フッター: footer.jpg

※jpgもしくはpngに必要に応じて切り出しください。
※menu,mvなどはデザインによって順番は変わることがあります。

【画像の名前】

各ページの名前_01.jpgなど
(区切りは何か意図がない限りは_アンダースコアを使用してください。)
※about_01.jpg

例)
・〇〇について → http://〇〇.com/about ( about_01.jpg,about_02.png…. )
・会社概要 → /company ( company_01.png,company_02.jpg…. )
・コンセプト → /concept
・メニュー → /menu
・お客様の声 → /voice
・求人 → /recruit
・予約 → /reserve
・お問合せ → /contact
・料金 → /menu (メニューと別に存在している場合は /fee )
・初めての方へ → /intro
・Q&A → /q_a
・アクセス → /access
・ブログ → /blog

※各ページの名前の付け方が不明な際はご確認連絡ください。
指定がない場合はある程度日本語の英語訳のページ名ですが、上の例を参考にしてください。

【最終納品】
・デザインデータ(ai,psd,xd,sketch等)
元データとアウトラインデータ(_ol)を作成してください。

・提出ファイル名も記述統一お願いします。

(名前)_06_26.ai
(名前)_06_26_ol.ai

など日付が必要です。
最新データがどれか分からなくなるので。

・画像データ
使用画像も提出ください。
リンクも切らずにお願い致します。

・コーディングの際の素材切りだし
各フォルダに入れ連番で切り出し
ヘッダー、フッターはTOPのフォルダに入れる。

例)top_01.jpg,top_02.png,top_03.jpg

・メインビジュアルなどの書き出しなどもある程度はテキストも含めて切り出しする。
レイアウトがコーディングでややこしそうな箇所もテキストごと切り出し。

・背景に模様がある際はpngで切り出し(角丸程度ならばjpgでも問題無し)

—————————————【注意】—————————————–

【1、サンプルサイトを作成しています】
サンプルサイトを【お客様】にWEB上で確認してもらうため、
作成しております。
http://test.drama.co.jp/mawari/lists.html
http://test.drama.co.jp/zenbesan/lists.html
その際の都合で以下をお守りください。

【2、デザイン確認の際の文字について】
デザインの際は
文章の文字は18px程度の大きいものを使用し、
黒文字など可読性の高いものを使用していただけるとありがたいです。
小さなPCなどで確認される際にお客様から文字が見えにくいとのお話があることが多いので。

【3、bootstrap4を使用しています】
bootstrap4でコーディングを行いますので、
横幅1260px
文章などが入るコンテンツ部分などの横幅は1140px,960pxなどのカラムに合わせてある程度制作してもらえると助かります。
画像幅などが中途半端にちがったりするとコーディングの際に若干のずれが出たりしてしまします。
全て合わせると不自然になるのである程度で構いません。
※詳しくは「bootstrap4 グリッド」などで検索して確認してください。

【4、最終の素材切りだしの注意】
※確認の際は1260pxで確認ですが、
コーディングの際は画面幅いっぱい(約2000px)まで広げることになります。
mvなど、画面いっぱいに必要と想定されるものは素材切り出しの際にリサイズして切り出ししてください。

【5、一度作成した素材の名前は変更不可】
一度切り出しした画像、フォルダ名などの名前の変更はしないでください。
フォルダの名前を変更した際はお知らせください
サンプルサイト、コーディングの際に混ざってしまい整合性が取れなくなる可能性があります。