2018/07/25以降の追記—————————————————————

サンプル用に横幅1260pxで作成して頂いておりましたが、
調整が可能になりましたので横幅1900pxで制作で統一させていただきます。
コーディングの際に少し調整でもう少し大きく切り出しを依頼することがございますが、
基本的には1900px基準で制作していただけると思います。

———————————————————————————–


下請け案件として毎月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サイト15000円で統一となります。
納期も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
http://test.drama.co.jp/daiichi/lists.html
http://test.drama.co.jp/issen/lists.html
http://test.drama.co.jp/gakken/lists.html


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

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

オリジナリティをどこかで出せるように工夫をお願い致します。


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

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

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

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


【最終納品】

1、デザインデータ(ai,psd,xd,sketch等)
元データとアウトラインデータ(_ol)を作成してください。

2、文字を選択できる状態のPDFも作成お願い致します。
・提出ファイル名も記述統一お願いします。
(名前)_06_26.ai
(名前)_06_26_ol.ai

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

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

4、コーディングの際の素材切りだし
各フォルダに入れ連番で切り出し
ヘッダー、フッターは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 グリッド」などで検索して確認してください。

例)基準幅が1140pxの時
各カラムの両端にマージンが15pxずつ入るので、
15px カラム 15px 15px カラム 15px となり、

基本的には各カラムの間は
15pxずつ空いた計30pxの幅が基本になっています。

2カラム 540px ←1カラムの幅
3カラム 350px
4カラム 255px
5カラム 198px

になるかと思います。

基準幅がブラウザ幅が縮むと1140pxから960px,720px,540pxと変わります。

960pxを良く使うかと思いますので記載しますと、

例)基準幅が960pxの時
各カラムの両端に15pxずつ入るので、
15px カラム 15px 15px カラム 15px
となり、

2カラム 450px
3カラム 290px
4カラム 210px
5カラム 162px

と言った形になります。


【4、最終の素材切りだしの注意】

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


【5、一度作成した素材の名前は変更不可】

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