マークアップの依頼・発注・代行

業務内容

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

◆こんな方にオススメです

デザインはできるけどコーディングが苦手

コーダー不足で外注先を探している制作会社

コーダーのパートナーを探しているデザイナー

◆基本料金に含まれるもの

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
テスト確認用サーバーの設置（こちらで用意）
アフターフォロー（納品後2週間以内）
→表示崩れの修正は無期限で無料対応いたします。

◆基本料金に含まれないもの

スマホ用デザインカンプがない場合のレスポンシブ対応：合計金額の30%を加算
アニメーションの実装（一部無料、ご相談ください）：5,000円〜
お問い合わせフォームの実装：17,000円〜
　静的の場合は「PHP工房」のメールフォーム使用を想定しております。

◆納期

4日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。

◆納品までの流れ

ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：20,000円
・ページトップボタン：無料
・ドロワーメニュー(ハンバーガーメニュー)：5,000円
参考価格：25,000円

※WordPress導入も含む場合はプラス44,000円〜

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

SEOに強いセマンティックなHTMLのマークアップコーディングを行います。

検索エンジンの検索結果上位に表示されるために重要なことはコンピューターにとって読みやすい文章構造としてマークアップされているかどうかです。
質の高いコンテンツを用意してもマークアップが疎かですと検索結果に表示されづらくなってしまいます。

構造化データはもとよりセマンティックなコーディングにより、より最適化されたwebサイトの制作をお手伝いいたします。

納品前のチェックシートの活用と、GoogleChromeの拡張機能である「ピクセルパーフェクト」を使用して、あなたのデザインを忠実に、正確にコーディングいたします！

まずはお見積りをお願いいたします。

☆こんな方におすすめです☆
・コーディングの手が足りていないディレクター様
・コーディングの苦手なデザイナー様

◇サービス内容について
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・必要に応じたアニメーション実装（ライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューetc）
※サービスは”コーディングのみ”となっております。
※WordPress化は別途ご相談ください
※下層ページは有料オプションよりご注文ください
※ページ数が足りない場合はお手数ですが、有料オプションを組み合わせてご注文ください
対応できるものとして、Web作成、HP（ホームページ）、LP（ランディングページ）、ポートフォリオなどです。

◇料金
・トップページ：9,000円/P~
・下層ページ：6,000円/P~
・LP：18,000円~

◇サービスの流れについて
①ヒアリング
└デザインの確認、担当範囲確認、納期確認、修正回数の確認、必要データの確認
②お見積り
③作業開始
④確認・修正
└テスト環境→Mac、Windows（GoogleChrome、Firefox、Safari、edge）
⑤最終確認
⑥納品確定
ご不明・ご心配な点はご相談ください！
こちらで確認を行い、内容の確認をお客様にしていただきます。

◇納期
最短5日
お見積り時にヒアリングさせていただきます

ご相談やお見積りのみでも結構です！
その他、疑問点がございましたらどのようなことでもお気軽にご相談ください。

サービスをご覧いただきありがとうございます。

◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…

このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。

【これまでの実績】
・写真展LP（掲載しているもの）
・化粧品LP（掲載しているもの）
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;

【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript（Vanilla.js）を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
　└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装

※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築

【業務進行において】
・CSS設計（ 予測・再利用・保守・拡張）を意識し、FLOCSSによりコーディングします。
・Gulp、Sass（Scss）を使用します
・Gitでソースコード管理を行いながらコーディングをします。

【制作の流れ】
1　ヒアリング&お見積り（※まずはご相談下さい）
2　お客様からデザインのご提供
3　コーディング＆テスト
4　ご確認・修正
5　最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

• 外注に逃げられて終電を過ぎても仕事をしているあなた
• クオリティの高い外注探しに疲れたあなた
• Wordpressの構築にアサインできる外注を探しているあなた
• オリジナルのテーマを組んでほしいあなた

  ---

  この度は、当サービスをご覧いただきありがとうございます。

私自身、WEB制作会社にて管理職をしておりました。
外注をアサインしたこともあったのですが、
品質の問題で内制でやり直しなんてことも。。。

ちゃんとしたフリーランスを見つけることって本当に大変ですよね。
そういった担当者の方の手助けになればいいなと思いこのサービスを立ち上げました。

【サービス内容】

このサービスでは、Wordpress歴10年以上の、提案もできる私があなたの案件を手助けします。
構築には基本的にカスタムフィールドを使用しますので、コードがわからない方でもデザインをあまり崩すことなく更新できる、更新性の高いサイトを提供いたします。

　基本対応

• オリジナルテーマの作成
• カスタムフィールドの使用（内容が複雑な場合相談させていただくこともございます）
• プラグインの導入（WebP変換, キャッシュ管理, SEO管理）
• 一般的に不要と思われるタグの削除（wp_head内）

　納品形式

• All in One WP Migrationのデータ
  ※データの容量上有料版を使用しないといけない場合は、別途対応いたします
• テーマフォルダ（githubにて共有 or zip送付）

【ご依頼の流れ】

1. 相談
まずはあなたのやりたいことをご相談ください

2. ご依頼
相談の結果、予算に合えばご依頼ください

3-1. コーディングデータがある場合
コーディングデータをお送りください

3-2. コーディングデータがない場合
デザインデータをお送りいただき、仕様に関する打ち合わせをさせていただきます
また、コーディングもご依頼いただく場合は、WPに組み込んだ状態での提出となります。
※WPに組み込みながらコーディングいたしますので、組み込む前のプレーンな状態でのコーディングのご確認は行っておりません

4. 確認
完成いたしましたら、テストサーバーにてご確認いただきます

5. 修正
修正があればお伝え下さい
※お送りいただいたコーディングデータに関する修正や
　デザインデータの変更に伴う修正は、
　別途費用を請求させていただくことがございます。
※修正回数は基本的に3回までとさせていただいておりますので、まとめてお伝え下さい。
※4回目以降の修正は内容によって対応させていただくか判断いたします。

6. 納品
問題なければ納品とさせていただきます

【納期について】

各納期は、大方プライステーブル通りなのですが、
デザインや資料状況、その時のリソース状況などによって前後する場合がございます。

【注意点】

　コーディングデータ無の方

HTMLはbemをベースに、cssはscss（DartSass）を使用します。
また、ローカル開発環境ではdockerを使用し、npmにてパッケージ管理、
webpackにてbabelを通してjsをコンパイルします。
御社の構築環境がございましたら別途ご相談ください。