HTML/CSS​コーディング代行の依頼・外注

デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

既存サイトの修正や機能の拡張、不具合対応などを致します。

レスポンシブ対応、静的サイトから動的サイトにしてほしいなど幅広い対応が可能です。
まずはご相談ください。
※平日は会社員として働いているため、納期を長めに確保しております。
※納期には予備日を含んでいるため、基本的には納品まで記載の日数はかからないです。

コーポレートサイト・LPのコーディング業務承ります！

当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。

【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応　(PC～TB～SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装

【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。

【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。

Webエンジニア兼マーケターをしております、花田ケンタと申します。
ココナラでも活動しており、プラチナランクの実績がございます。
幅広い業界での制作経験を活かし、スムーズかつ高品質にコーディング対応いたします。

✅最短1日の特急対応可能
✅大手企業/飲食系メディア/海外動画サイト/エンタメ系のサイトなどの実績
✅内部SEO/デザインの再現
✅スマホ対応・アニメーション実装・サイト高速化も可能

WebサイトやLP、WordPressの構築など柔軟に対応いたします。
更新しやすい管理画面の対応も可能です。
ご相談は無料ですので、お気軽にお問い合わせください！

▼特徴

・スピード感×品質を両立したコーディング
・デザインの再現にこだわった実装
・SEO・保守性に配慮
・アニメーションの設計から実装まで柔軟に対応
・WordPressなどのCMS構築もサポート

【料金リスト】

●トップページコーディング：15,000円~
●下層ページコーディング：10,000円~ / 1ページ
●LPコーディング：15,000円~
●WordPressテーマ開発：12,000円~
●既存サイトの軽微なカスタマイズ:3,000円~

●待機調整費:2,000円/日
●特急対応:基本料金×1.3
-カンプ共有から納期14日未満が対象。作業内容によって変動します

【基本のサービス内容】

●HTML,CSS コーディング
●PC/SPレスポンシブ対応（スマホ対応）
●アニメーション追加（jQuery・JavaScript）
●ランディングページ作成
　　WordPressの導入・サイト構築
　　既存サイトの修正（機能追加・文言修正・デザイン変更など）
　　サイトのスピード改善　など

▼納品までの流れ

１.お見積もり/ご購入
２.デザインデータお預かり
３.コーディング作業開始
４.ご確認・修正
５.最終確認・納品

◯納品につきまして
基本的には本番環境へのアップロードを前提とした納品となります。
その他の納品方法をご希望の場合はお気軽にお知らせくださいませ。

▼納期

平均2週間ほどを目安に対応しております。
お急ぎの際もご相談ください。
※内容により納期は変動いたしますのでご相談ください。

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

Webサイトのちょっとしたテキスト修正や更新作業をお手伝いします！

　
■こんなお困りごとはありませんか？

• テキストを一文字だけ変更したい。
• 一部文章を削除したい。
• 住所や電話番号が変わった。
• リンク先が変わった。
• 画像を別のものに差し替えたい。

ほんの少し変更したいけど、制作会社に依頼するほどではない。
簡単に変えられそうだけど、手を加えて不具合が出ないか不安。
そんなちょこっとした相談、お任せください！

　
■サービス内容

Webサイトの文言修正やテキスト更新作業を代行いたします。
「会社概要の住所変更」「サービス名の統一」「ボタンラベルの修正」など、数文字の変更から対応可能です。

　
■このサービスが選ばれる理由

• 1箇所から依頼可能：小さな修正でもお受けします
• 短納期対応：基本納期は3日以内、急ぎのご相談も可能です
• 丁寧なやりとり：ご要望を確認しながら安心して進めます

　
■ご依頼の流れ

1. 修正内容をご連絡ください（スクリーンショットや該当ページURLがあるとスムーズです）
2. 作業前にお見積り内容を確認いただきます
3. 修正作業 → 納品
4. ご確認後、必要に応じて修正対応

　
■よくあるご依頼例

• 「会社の電話番号が変わったので差し替えてほしい」
• 「ボタンの表記を“申込”から“予約”に変えたい」
• 「サービス名を新しいものに更新したい」

　
■ 他作業についてもご相談ください

作業内容によって軽微なものであれば料金内で承れる場合があります。
また作業内容により追加料金をいただく事で対応できる場合があります。

「こんな小さな修正でも大丈夫かな…」と思う内容でも遠慮なくご相談ください。
迅速・丁寧に対応いたします。

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

ご覧いただきありがとうございます。

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

1. カスタムデザイン
   ・お客様のブランドイメージに合わせたオリジナルデザインを提供。
   ・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。

2. レスポンシブ対応
   ・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
   ・検索エンジン最適化（SEO）にも配慮した設計。

3. WordPress統合
   ・WordPressを使用した簡単なコンテンツ管理を実現。
   ・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。

4. 機能追加
   ・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
   ・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。

5. SEO対策
   ・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
   ・キーワード選定やメタタグの設定を行い、集客効果を向上。

6. サポートとメンテナンス
   ・サイト公開後のサポートやメンテナンスサービスを提供。
   ・定期的なバックアップや更新作業を行い、安全な運営をサポート。

7. 納品後のトレーニング
   ・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
   ・より良い運営のためのヒントやコツを提供。

デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。

WEBサイトの修正、コーディング代行いたします！

web業界約15年以上となりますので安心してご依頼ください！
レスポンスも早く、すぐにご対応可能です！

▼こんな方におすすめ
・デザインの準備が終わってるのにコーディングの時間がない
・コーディングできるスタッフがいない
・わかる人に任せたい
他
・レスポンシブ対応に変えたい
・お問い合わせフォームをつけたい
・スマホ表示だと崩れる
・画像差し替えや文章の差し替えをしたい

■価格
※金額はすべて税込みとなります。

・修正、更新のご依頼：要相談
内容により対応不可の場合もございます。

・LPのコーディング：48,000円～
5000px以上ある場合は要相談

・ホームページのコーディング（5ページ以内）：110,000円
6ページ以上ある場合は1ページあたり10,000円追加となります。

上記はあくまでも目安となりますのでご相談ください。

■制作の流れ
①まずはご相談ください！
②ご契約（仮払いでの契約となります）
③お客様よりデザインデータのご提供
④コーディング・テスト
⑤ご確認・修正（3回まで）
⑥納品（ご指定の方法で納品いたします。）

＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

■納期

・修正・更新
午前中までにご依頼いただければ当日納品

・LP制作
4日～

・ホームページ制作
14日～

内容により変動いたしますのでご了承ください。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。

ご覧いただきありがとうございます！

静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの修正や、下層ページ１枚からでもお受けいたします。

ご相談やお見積もりは無料にて対応いたします！お気軽にご連絡ください。

■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
　※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
　※いただいたデザインと実装が異なるなど、
　　こちらの瑕疵についてはすべて無償で対応いたします

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて見積りをご連携いたします。

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成：20,000円～ / 1ページ
・下層ページ新規作成：10,000円～ / 1ページ
・既存ページ修正：10,000円～ / 1ページ

【WordPress】
・WordPressサイト構築：50,000円～
(インストール・初期設定・デフォルトブログ機能含む)

・カスタム投稿・カスタムフィールド追加：5,000円～
(ACF利用を想定)

【その他】
問い合わせフォーム設置：5,000円～

【無料オプション】
・基本的なアニメーション　※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応
・スライダー機能
・WordPressプラグイン追加

■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
　まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。

②お見積もり
　デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。

③ご契約・制作開始
　お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。

④ご確認・修正
　コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。

⑤納品・アフターサポート
　最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。

あなたの想いをカタチに！心を込めたコーディングで、理想のWebページを現実へ。

このようなお悩みはありませんか？

LPやキャンペーンページの制作で、デザインはあるけどコーディングできる人がいない。

発注の流れ

お問い合わせ
メッセージにて、ご希望の業務内容、納期、予算などをお知らせください。参考となるデザインデータや資料があれば、合わせてお送りください。

ヒアリング
お送りいただいた情報をもとに、詳細なヒアリングを行います。電話やZoomでの打ち合わせも可能です。ご要望や不明点など、お気軽にご相談ください。

お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。納期や料金、作業内容について、詳しくご説明します。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。

対応範囲・価格

LP/Webページ コーディング：4万円〜
デザインデータ（PSD、XD、Sketchなど）を元に、HTML/CSS/JavaScriptでWebページをコーディングします。レスポンシブ対応も可能です。

納期

内容により10日〜

制作の流れ

企画・設計
ヒアリング内容とご提供いただいた資料をもとに、Webページの設計、アニメーションのすり合わせなどを行います。

制作
コーディングを行います。

ご確認
完成したWebページの画像をお送りします。（ファイルでの納品になるため、ブラウザ上で確認したい場合はご相談ください。）修正点があれば、お気軽にお申し付けください。

納品・公開
修正後、最終確認をしていただき、納品となります。

サービス内容

LP/Webページのコーディングをいたします。丁寧なコミュニケーションと高品質な成果物で、お客様のビジネスを加速させます。

「こつこつ、真摯に丁寧に」をモットーに、お客様の想いをカタチにするお手伝いをさせていただきます。まずは、お気軽にご相談ください。

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

デザインデータから高品質なWebサイトを迅速に構築します！レスポンシブ対応でスマホも安心。あなたのビジネスをWebで成功に導きます。

このようなお悩みはありませんか？

企業のWebサイトをリニューアルしたいが、デザインデータはあるもののコーディングできる人がいない。スマホ対応も必須。

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、デザインデータ、希望納期などをお知らせください。

お打ち合わせ
デザインデータを確認し、Webサイトの構成、機能、SEO対策などについてご提案します。

お見積もり・ご契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。

制作・納品
コーディング、テスト、修正を行い、Webサイトを納品します。

対応範囲・価格

基本のWebサイト構築：5万円〜
HTML/CSSによるレスポンシブWebサイト構築（5ページまで）。デザインデータからのコーディング、スマホ対応、SEO対策。

WordPressテーマ化：10万円〜
WordPressテーマ化（オリジナルテーマ）。基本のWebサイト構築に加え、WordPressによるCMS導入、ブログ機能追加。

STUDIO制作：8万円〜
STUDIOを用いたWebサイト制作。STUDIOによるWebサイト制作、アニメーションやインタラクションの実装。

納期

最短1週間で納品

制作の流れ

要件定義・設計
お客様から提供されたデザインデータと要件を詳細に分析し、Webサイトの構造を設計します。

コーディング
HTML, CSS, JavaScriptを用いて、Webサイトのコーディングを行います。レスポンシブ対応も行います。

テスト・修正
テスト環境で動作確認を行い、修正点があれば修正します。

納品・公開
Webサイトを納品します。必要に応じて、サーバーへのアップロード作業も行います。

サービス内容

デザインデータから高品質なWebサイトを迅速に構築します。レスポンシブ対応でスマホも安心。WordPressテーマ化やSTUDIO制作も対応可能です。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？スマホ対応もしたいけど、どうすればいいかわからない？そんなあなたのために、私がWebサイトを制作します！FigmaやXDのデザインデータを正確に再現し、レスポンシブ対応でスマホでも快適に閲覧できるWebサイトを制作します。WordPressテーマ化やSTUDIO制作も対応可能です。お気軽にご相談ください。

★業務内容

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは静的サイトのコーディングを行います。
ご相談いただければWordPress構築も対応いたします。

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

★料金表（レスポンシブ対応含む）

・LPコーディング：10,000円～
・トップページ：10,000円～
・下層ページ：3,000円～/1ページあたり
・アニメーション：1,000円～/1実装
・問い合わせ機能：5,000円～
・WordPress構築：要相談

★納品までの流れ

１．ヒアリング、お見積り
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

★納品方法

・Zipファイルにて送付
・サーバーへのアップロード

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

まずはお気軽にご相談ください！！

運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。

些細なエラーやバグの対応であれば￥2,000(税別・手数料別)

1件のみの対応でも可能。

もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。

とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。

実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。

さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。

◆サービス内容

・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)

◆料金表

・トップページ(10.000px程度まで)　：　10,000円

『有料オプション』
　・下記の有料オプション表をご覧ください。

『無料オプション』
　・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
　・ホバーアニメーション(１種類で共通)
　・ハンバーガーメニュー
　・フェードイン(１種類で共通)
　・スライダー(シンプルなもの)
　・基本のSEO対策
　・ファビコン設定
　・OGP設定

※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。

◆納品までの流れ

①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品

◆デザインについて

デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。

◆納品方法

・ZIP形式
・サーバーへのアップロード

◆納期

稼働状況によりますが、1ページにつき３日程度を予定しております。
（シンプルなホームページやLPの場合)

◆注意事項

・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し１週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。

◆最後に

まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。

最後までお読みいただきありがとうございました。

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１〜２週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

当パッケージページをご覧いただきありがとうございます。

お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。

コーポレートサイト、LP、ECサイト（静的部分のみ）など
html/css+javascriptを使用したサイト構築が対応可能です。

採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、

・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト

など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。

料金に含まれるもの

＊スタンダードプランの場合

1.PCのデザインカンプ7000pxまでの静的コーディング　＊1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ（ご希望の場合のみ）
5.W3Cでのバリデーションチェック

[基本的なjavascriptとは・・・]

スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト

追加料金が必要となるサービス例

・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携（インスタグラムグラフAPI）

お断りさせていただいてる作業例

・50ページを超えるご依頼

制作期間

目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。

納品形式

ランサーズ上でのzip納品

ご相談時に必要なもの

デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。

対応可能なターゲットブラウザ

win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新

iPhone:iOS最新のsafari
Andoroid:最新varのchrome

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

【デザイナー様、企業のWeb担当者の方へ】
例えば・・・

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

⚫︎ホームページのコーディング：10,000円～（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

納期
【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

デザインや写真など素材は全部揃っている、コーディング作業だけをお願いしたい、といった制作会社やデザイナー向けパッケージです。

▼△▼こんな方にオススメ▼△▼
▽コーダーが不足している企業様
　日常的に、需要に対してコーディングできる人が足りていない状態です。
　人を雇うまでではないけど、コーディング作業を依頼したい企業様にオススメです。

▽コーディングが苦手なデザイナー様
　ウェブデザインはできるけど、コーディングができない／苦手なデザイナー様も多いと思います。
　デザインデータをもとに、コーディング作業のみお受けします。
　ディレクションやデザイン業務に集中したいデザイナー様にもオススメです。　

▽WordPressが苦手な方
　プラグインなどの管理方法がわからない、テーマをどのように管理したらいいかわからないなど、WordPressでウェブサイトを作成したい人にオススメです。

▽WordPressのバージョンアップにお困りの方
　すでにホームページは持っているが、古いバージョンのために管理が難しい状態となっている方にオススメです。

▽既存のWEBサイトを単発で修正したい方
　すでに稼働しているホームページを修正したい方にオススメです。

▼△▼パッケージ購入で期待できる効果▼△▼
▽困ったときだけ作業を依頼できる
　自社ですべてを賄おうとすると、雇用が必要となります。
　コーディングを外注にすることで、困ったときだけ作業を依頼することができます。

▽専門家に作業を依頼できる
　Webデザイナーの中にも、「デザインが得意な人」「コーディングが得意な人」など様々です。HTML/CSS/JavaScriptに限らず、PHPなどのプログラム言語に特化しているので、いろいろな問題にも対応することができます。

▽ 作業分担できる
　分担して作業した方が効率的です。コーディングを外注することにより、制作会社様やデザイナー様はディレクションやデザインに注力することができ、より効率的に制作物の制作を行うことができます。

▼△▼制作の流れ▼△▼
・ヒアリング、デザインや情報のご提供
・お見積り
・ご契約、仮払い
・着手開始
・納品（初稿）
・検収・修正
・プロジェクト完了

▼△▼サービス内容▼△▼
コーディング作業のみとなっています。
・静的コーディング
・LPコーディング
・WordPressオリジナルテーマ構築
・WordPress既存テーマの修正
・WordPressカスタマイズ
・バグや崩れなどの修正
・サイトの更新　　など

お見積もり、ご相談、ご質問、お悩み、なんでもお気軽にご連絡下さい。

▼△▼納期について▼△▼
１ページの情報量やページ数、アニメーション有無などによって変動します。
どのようなサイトにしたいか、参考にしたいサイトのURLなどの情報をご提供ください。
まずはお気軽にお問い合わせください。

当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。

【料金】
先着10名様　15,000円〜 お受け付け致します。
通常料金　20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化　10,000円
※修正無制限、レスポンシブ対応無料

【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品

【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。

こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。

サービス内容

• HTML, CSS, Javascriptのコーディング
• WORDPRESSテーマの導入、テンプレートカスタマイズ
• WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
• その他、ご要望に応じて特殊機能の実装

すべてのプランに含まれる作業

• WEBサイト構築に必要なコーディング
• PC/SPレスポンシブ対応
• 基本的なSEO対策
• アフターフォロー（大幅なデザイン変更を伴わないものについては納品後1か月間無償対応）

ご要望に応じて対応可能

• お客様でサイト更新を行うためのマニュアル作成
• 不完全なデザインデータから当方裁量によるデザインの補完

お客様でご用意いただくもの

• 公開用（またはテスト用）サーバー契約、ドメインの取得
• デザインデータ（PSD, AI, XD, Figmaなど）
• サイト掲載テキスト（開発時は仮のテキストでも構いません）

ご注文の流れ

• まずはお見積もりのご相談をください。なるべくデザイン画像（サンプル）をいただけた方が正確なお見積りができます。
• お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
• 納期・料金について最終お見積り
• ご発注→作業着手
• 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
• 開発規模に応じて、完成したところから段階的に公開します。
• お客様によるご確認→フィードバック
• お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
• 最終確認をもって作業完了

まずはお気軽にご相談ください。

HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、

CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。

PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。

これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。

本サービスの３つの特徴

①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。

②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。

③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。

▼制作の流れ
1.ご購入

2.当方より打ち合わせ日程のすり合わせ

3.簡単なワイヤーフレームを提出いたします。

4.問題が無ければ画像とロゴデータのURLをご教示ください。

5.納品　※納品ファイルはHTMLファイルのソースコード形式となります。

ホームページやLPのコーディング代行サービスです。
これまで、制作会社様と連携し、月に20本以上のペースで
コーディングの対応経験もあり、質の高い制作を提供いたします。

◇ こんなお悩みをお持ちではありませんか？
・デザインに集中したいけど、コーディングに時間を取られてしまう…
・デザインの意図が伝わらず、スムーズに対応してくれるコーダーがいない…

◇ そのお悩み、解決いたします！
Webデザイナーとして活動しているため、デザインの意図を汲み取ったコーディングを提供いたします。

■対応内容
・静的コーディング1ページ
・レスポンシブ対応
・画像圧縮による表示速度の最適化
・簡易的なアニメーション対応
・テストサーバーでの確認環境提供

＜オプション＞
・jQueryとCSSアニメーションの組み込み
・下層ページのコーディング
・お問い合わせフォームの実装

■納期
最短5営業日で初稿ご案内いたします。(納品ではありません。)
急な案件も調整可能な場合がありますのでご相談ください。

■制作の流れ
１．ヒアリング＆お見積り
まずはメッセージにてご要件をお聞かせください。ご希望に沿った最適なお見積もりをご提案いたします。

２．デザインデータのご提供
お見積もりにご納得いただけましたら、トークルームでデザインデータをお送りください。スケジュールの詳細を共有いたします。

３．コーディング（テスト含む）

４．初稿提出→ご確認・修正
テストサーバー上で初稿をご確認いただき、修正が必要な場合は対応いたします。

５．最終確認・納品
修正が完了したら、最終確認を行い納品いたします。ご希望の納品形式で提供いたします。

■納品形式
お客様のご希望の方法で納品可能です。
例：ソースコード一式をzipファイルでお渡し、サーバーへのアップロードなど

■ご準備いただくもの
・デザインデータ（Adobe Photoshop、Illustrator、XD、Figmaなど）
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。
・サイトのタイトルと説明文

まずはお気軽にご相談ください！

★★クオリティ・スピード重視のWeb制作、お任せください！（即日対応可）
コーディングを専門に行っておりまして、
コーディング歴は８年となり、大手企業（バンダイ様、ネスレ様、プジョー様）など400サイト以上の実績がございます。

★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい！
・素人や副業ではないプロのクオリティでコーディングしてほしい！
・すぐに連絡を取りたい！
・土日祝深夜問わず対応してほしい！

★★ご依頼の流れ
１．ヒアリング
　　コーディングの内容やスケジュールなどを確認させていただきます。
２．ご契約
　　上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
３．コーディングテストアップ
　　コーディングデータをご確認いただき、必要であれば修正等を行います。
４．納品
　　指定サーバへのアップロードまたはデータ送付を行います。

★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください！
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません！
依頼してよかった！そう思っていただける自信があります。ぜひご検討ください。

はじめまして。
大学生のタケウチと申します。

飲食店の魅力を引き出すシンプルで使いやすいWebサイトを、丁寧にコーディングいたします。学生ならではのフレッシュな視点を活かし、リーズナブルな価格でご提供します。

こんな方へおすすめ
・飲食店のホームページを初めて作りたい方
・予算を抑えつつ、スマホ対応のサイトが欲しい方
・メニューや店舗情報をわかりやすく掲載したい方
・SNS連携やGoogleマップ埋め込みも検討中の方
・丁寧に対応してくれる若いクリエイターに依頼したい方

ご提供内容
・HTML/CSSによるWebサイトコーディング（トップページ＋複数ページ対応可能）
・レスポンシブデザインでスマホ・PCどちらにも対応
・画像やテキストのレイアウト調整
・SNS連携・Googleマップ埋め込み対応（オプション）
・お問い合わせフォーム設置（オプション）

ご購入後の流れ
1.ご依頼内容のヒアリング
2.ページ構成やデザインのご相談・確認
3.コーディング作業の開始
4.仮納品・ご確認・修正対応（無料修正回数内）
5.最終納品・納品後のサポート

製作可能なジャンル
・飲食店（カフェ、レストラン、居酒屋、バーなど）
・小規模ビジネスのホームページ
・学生団体やサークルの紹介ページ（ご相談ください）
・個人クリエイターのポートフォリオサイト（ご相談ください）

プラン料金のご案内
【ベーシックプラン】5,000円
※システム上10,000円と記載されております。
〜まずはお試し！〜
・トップページ＋1ページ（例：メニュー or アクセスページ）
・スマホ対応（レスポンシブ）
・軽い修正3回まで対応
・学生価格でWebページが欲しい方におすすめ！

【スタンダードプラン】7,000円
※システム上10,000円と記載されております。
〜しっかり伝えたい方に〜
・トップページ＋最大3ページまで作成
・メニュー表の表組み・シンプルなカスタマイズ
・修正5回まで無料対応
・SNSリンク・Googleマップ埋め込み対応（希望制）

【プレミアムプラン】13,000円
〜本格的にWeb集客したい方に！〜
・トップページ＋必要なだけページ作成（最大10ページ目安）
・お問い合わせフォーム設置
・メニューのカスタムデザイン対応
・SEOタグ基本設定
・修正無料、しっかりサポート

納期
・ベーシックプラン：5日以内
・スタンダードプラン：7日以内
・プレミアムプラン：10日以内

若さと学びの力を活かし、コストを抑えつつ質の高いWebコーディングをお届けします！

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：30,000円
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・フェードイン：10,000円
・アコーディオン：5,000円

**初回割引20%OFF！**
**2回目のリピーター割引10%OFF！**

「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」

こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください！

■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP)　※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応　※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品

■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装　※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入

■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください！
また、初回割引、リピーター割引もご用意いたしております！

■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。

■■納品方法について■■
制作データをzipファイルにてお渡しいたします。

■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ！
確認でき次第、迅速にご回答させていただきます！

▼こんな方へオススメ

・コーダーの外注先をお探しのデザイナー様・制作会社様

▼サービス内容

・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。（料金に含みます）

▼ご用意いただくもの

・デザインカンプ（ファイル形式…XD・Photoshopなど）
・原稿（テキストデータなどのコピペ可能なデータ）
・画像

▼料金プラン

・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン（３ページ以内）⋯25,000円
・Webサイトコーディングのプレミアムプラン（４ページ以上）1０ページ以上の場合は別途ご相談ください。⋯50,000円

▼納品

・制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。

ご興味を持ってくださりありがとうございます！

▼本パッケージにてできること
・HTML/CSS(Sass)を用いたデザインの再現
・Javascript（jQuery）を用いたアニメーションの実装
・WordPressの導入・構築
・デスクトップ、タブレット、スマホ対応（レスポンシブ対応）
・使用画像や写真素材の圧縮（表示速度向上）
・基本的な表示速度向上対策
・基本的なSEO対策
・修正、更新などの軽微な内容

▼サービスの流れ
１．ご依頼内容のご確認、お見積りの提示
２．ご契約後、お客さまよりデザインデータをご提供
３．コーディング作業、品質確認、実機テスト
４．ご確認と修正
５．納品

▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供いただけますと幸いです。
（1）ご依頼。ご依頼内容の概要について
（2）制作規模について
　└例：静的コーディング合計3P（トップページ、〇〇についてのページ、お問い合わせページ）　など
（3）ご予算について
（4）その他気になることがありましたらお気軽にお伝えください！

はじめまして。
ご覧いただきありがとうございます！

当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。

PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。

対応可能な業務

HTML / CSS / JavaScript コーディング

JavaScriptによるUIアニメーション（スライダー・スクロール演出 など）

レスポンシブ対応（スマホ・タブレット）

WordPress オリジナルテーマ制作（1からのWP化）

既存テーマのカスタマイズ（デザイン反映や機能追加）

固定ページや投稿テンプレートの作成

カスタム投稿・カスタムフィールド対応（ACFなど）

※SEO対策（構造化データやメタ設定の最適化など）は対応しておりません。

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

LP（静的）コーディング：7〜10営業日

WPテーマ化：14〜30営業日（内容により変動）

アニメーション実装追加：+1〜3日

WPカスタマイズのみ：5〜7日（内容次第）

ご依頼の流れ

【ヒアリング・相談】ご要望やデザインの共有

【見積もり提示】金額・納期をご案内

【正式発注】ご同意後に着手

【制作・途中確認】進捗を共有しつつ対応

【納品・修正】修正があれば対応

【完了報告】

注意点

サーバー・ドメイン設定代行は別途料金がかかります（ご相談ください）

SEOの内部対策は行っておりません

高度なプラグイン開発や複雑なPHPロジックの開発は要相談です

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理

■制作内容の詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
　

※WordPressは別途追加費用が発生いたします。

■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。

■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

■実績

・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始

6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった！」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
　
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守

ご不明点がありましたら、
お気軽にご連絡くださいませ。

「デザインを忠実に再現！LP制作・コーディング代行（レスポンシブ対応可）」

サービス内容
「デザインをWebサイトにしたい」「スマホでも見やすいLPを作りたい」そんなお悩みを解決します！
HTML/CSS/JavaScriptを使ったコーディングが得意なKouji Watanabeと申します。
デザインを忠実に再現したLP制作やコーディング代行を承ります。
レスポンシブ対応も得意で、スマホやタブレットでも快適に閲覧できるサイトをお届けします！

こんな方におすすめ
・デザインはあるけどコーディングができない方

・スマホ対応のLPを低予算で作りたい方

・既存サイトの修正を頼みたい方

対応可能な内容
・LPのコーディング（HTML/CSS/JavaScript）

・レスポンシブ対応（スマホ・タブレット対応）

・フォームの実装（PHPでの送信処理対応可）

・サイトの軽微な修正（テキスト変更、色変更など）

実績
・カフェサイトやトップページの制作経験あり（ポートフォリオ: https://koujiwatanabe.com/DanranCoffee/topPage_pc.html#）

・コーディング歴約1年ですが、丁寧な仕事でクライアントの期待に応えます。

価格の目安
・1ページ（5セクション程度）: 10,000円〜

レスポンシブ対応: ＋1,000円

フォーム実装: ＋1,000円

納期の目安
1ページ: 3日〜7日

修正対応: 1日〜2日

ご注意
・デザインはご用意ください（デザイン作成は対応不可）。

複雑なアニメーションやバックエンド開発は要相談。

メッセージ
納期厳守、丁寧な対応をお約束します！
デザインを忠実に再現し、使いやすいLPをお届けします。
お気軽にご相談ください！

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

・HTML/CSSコーディング
・レスポンシブ対応（PC／スマホ／タブレット）
・簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。

数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作をしております足守ちかと申します。

迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください！

=======================================================

　デザインを忠実に再現いたします　

「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。

など、コーダーをお探しの方はぜひご検討ください。

=======================================================

◆　パッケージ内容について　◆

• 静的コーディング
• ランディングページのコーディング
• レスポンシブ対応（PCサイズ・スマホサイズでの表示変更）
• スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
• 無制限の修正対応

=======================================================

◆　ご用意いただくもの　◆

• デザインデータ
• 画像データ（JPG・PNGなど）
• テキストデータ

=======================================================

◆　納品までの流れ　◆

①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品

=======================================================

◆　納品について　◆

• データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。

• 納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。

デザインデータからのコーディング、WordPress化を承ります。

デザインデータのコーディング、ぜひお任せください。
デザインに忠実・丁寧なコーディングをさせていただきます。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。

【 各プランに含まれる内容 】
・レスポンシブ対応（PC、スマホでの表示変更など）
　※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。（デザイン変更に伴う大幅な変更は除きます）

【 ご依頼にあたり、ご準備いただくもの 】
・デザインデータ（XD/Photoshop/Illustrator/Figmaなど）
・画像データ（JPG・PNGなど）
・テキストデータ

【 納品までの流れ 】

1. ヒアリング・お見積もり（無料）
2. デザインデータ/画像データ/テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正
6. 最終納品

【 納品方法 】
zipファイル

約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。

一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。

Javascript等の動的カスタマイズもご相談ください。

ホームページ・LPのコーディングを代行いたします！

FigmaやXD、Illustratorなど各種デザインデータから、忠実かつ丁寧なHTML/CSSコーディングを行います。

⸻

🔧 対応内容
• HTML/CSSコーディング（静的ページ 1ページ）
• レスポンシブ対応（スマホ・タブレット最適化）
• Webフォント、画像最適化による表示速度の改善
• jQuery・CSSアニメーションの実装（オプション対応可）
• テストサーバーでの動作確認
• SEOを考慮した構造マークアップ

⸻

💡 こんな方におすすめです
• 「デザインに集中したいけど、コーディングに時間を取られてしまう」
• 「スムーズに意図を汲んでくれるコーダーを探している」
• 「信頼できる外注先を継続的にお願いしたい」

⸻

🚀 納期について
• 初稿は 最短5営業日 でご案内可能です。
• お急ぎ案件もスケジュール調整が可能な場合がございます。お気軽にご相談ください。

⸻

📦 納品形式
• ソースコード一式（zip形式）
• テストサーバーにアップロード
• ご指定のGitHubリポジトリ等への反映　など、柔軟に対応します

⸻

📝 ご依頼の流れ

1. ヒアリング＆お見積もり
   ご要件を確認後、お見積もりと納期をご提案します。
2. デザインデータのご提供
   （対応形式：Figma / XD / Photoshop / Illustratorなど）
3. コーディング作業（テスト含む）
4. 初稿のご確認＆修正対応
5. 最終確認・納品

⸻

📌 ご用意いただきたいもの
• デザインデータ一式
• 素材画像・文言（必要に応じて）
• サイトタイトル・説明文

⸻

丁寧・迅速・柔軟な対応を心がけております。
まずはメッセージから、お気軽にご相談ください！

【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください！

●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。（こちらで用意する際は別途有料）

●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例　等

●価格
・1本制作につき、10,000円
・画像、文章作成は追加料金（※内容は要相談）
・修正費用（※内容は要相談）

数あるパッケージの中からご覧いただき、誠にありがとうございます。

個人事業（3年目）でコーディングとWordPress構築をメインに活動している「金杉 優希（かなすぎ ゆうき）」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。

・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

そんな方々のお力になります！

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

▶︎制作の流れ
①ヒヤリング
　実装機能などの確認をいたします。
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
　問題なければ、制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。

▶︎ご用意いただくもの
・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

SEO対策可能！高品質で早いレスポンシブコーディング

はじめまして！　南と申します。
Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。

初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。

＿＿＿＿＿

対応範囲・価格

❶シンプルデザインプラン　10,000円
下層ページ　5,000円/1p
※軽いアニメーションはこちらのプランでも対応可能です。

❷アニメーションありプラン　15,000円
下層ページ　8,000円/1p

❸こだわりデザインプラン　20,000円
下層ページ　10,000円/1p

⚫︎WordPress構築　20,000円

＿＿＿＿＿

発注の流れ

❶デザインデータ共有
デザインデータや指示書をご提示いただきます。
データ形式については、XDまたはFigmaが望ましいですが、Adobe Illustratorや Photoshop その他も対応可能です。
また、Googleフォント以外のフォントを使用している場合は、ウェブサイト上で使用可能なフォントファイル・または埋め込みコードをご提示ください。

❷お見積もり
デザインに基づき、最終お見積もりを提示します。
料金や納期にご納得いただければ、契約となります。

❸制作開始
コーディング作業を開始します。

➍修正対応
進捗状況を適宜ご報告し、必要に応じて何度でも修正を行います。
※コーディング着手後の大幅なデザイン変更は追加費用が発生する場合がございます。

❺納品・公開
最終的な納品物を納品し、必要に応じて公開作業をサポートします。

＿＿＿＿＿

納期

要相談（内容により異なりますが、迅速な対応を心がけています）

費用調整のご相談も承ります。
まずはお気軽にお問い合わせください！

▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい

トップページは別で依頼済み or 自社で作成済み

テキスト中心のページで費用を抑えて実装したい

WordPressなどCMSのテンプレート用HTMLが必要

納期を守って丁寧に仕上げてくれるコーダーを探している

▼ご提供内容
下層ページのHTML＋CSS（静的ページ）

スマホ対応（レスポンシブ対応）

コーディングルールに沿った実装（ご要望があれば事前に共有ください）

共通パーツの使い回し（ヘッダー・フッター等）にも柔軟に対応

シンプルなJavaScriptの動き（アコーディオン・スムーススクロール等）

▼ご購入後の流れ
ご相談・お見積もり（ページ内容・デザインを確認させていただきます）

必要なデータのご提出（画像・デザインデータ・テキストなど）

コーディング作業

納品（zip納品 or サーバーアップロード）

ご確認・修正対応（軽微な調整は料金内で対応します）

▼制作可能なジャンル
コーポレートサイトの会社概要／採用情報ページ
サービス紹介／製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ

スクール・教育機関・医療・飲料・EC関連など多業種実績あり

▼料金プランやオプション
オプション例
アコーディオン対応：無料（シンプルな構造の場合）

JSスライダー導入：＋5,000円〜

※複数ページ・ボリュームディスカウントも可能です。ご相談ください。

▼納期
1〜2ページ：2〜4営業日
3ページ以上：要相談（スケジュール優先可能です）

ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします！

▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない

更新しやすく、構造のしっかりしたコードで作ってほしい

デザインに忠実に再現してくれる信頼できるコーダーを探している

制作会社や代理店とスムーズにやり取りできる外注先を探している

▼ご提供内容
静的HTML＋CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。

対応内容：

HTML5 / CSS3（Sass可）

レスポンシブ対応（SPはブレイクポイント指定対応可）

jQueryアニメーション（スライド・フェードなど）

ドロワーメニュー

ページトップボタン

スクロールアニメーション

フォーム（HTML側のみ / PHP設置別途）

画像最適化

▼ご購入後の流れ
ご依頼内容のヒアリング

デザインデータのご共有（Figma / XD / Photoshop / illustrator など）

ページ構成確認と正式お見積り

着手 → 中間確認（必要時）

納品（zipまたは指定サーバーアップロード対応可能）

納品後の軽微な修正1回まで無料対応

▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。

実績例：

医療・製薬系（医薬品LP）

飲料・食品メーカー（キャンペーンLP）

教育機関（専門学校、スクールサイト）

コーポレートサイト全般

健康食品ECサイト（MakeShop）

企業Q＆A　（Zendeskカスタマイズ）

CMS組み込み（Wordpressオリジナルテーマ・MovableType）

▼料金プランやオプション

🟨基本料金
種別 価格（税抜） 備考
トップページ（〜7,000px） ¥20,000 基本構成＋レスポンシブ対応　長さ、ボリュームで変動
下層ページ（通常） 10,000円〜 / 1ページ　ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動

🛠オプション
内容 価格（税抜）
WordPress組み込み対応 ¥40,000〜

▼納期
トップページ：5営業日程度（構成や仕様により変動）

下層ページ：1〜2営業日程度／1P

特殊なレイアウトは別途ご相談ください

制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。

ご相談ベースでも大歓迎です。お気軽にご連絡ください！

この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。

■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム

■なぜセキュリティが重要なのか？
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。

■情報漏洩以外のリスクにも要注意！
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。

だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。

■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。

■開発の流れ
1)ヒアリング（業務内容・目的・必要な機能を丁寧に伺います）
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了！

■安心のアフターサポート
保守対応や機能改善のご提案も可能です（オプション）

※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください！

ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします！

イベント会場でのグラフィックレコーディングを行なっています。
オンラインの場合は-2000円です。

基本情報

• レスポンシブ対応！

• SEOも意識したマークアップ`

• デザインを忠実に再現します

• プレビューできるサイトを無料でご用意

• W3CバリデーションチェックでWeb標準に対応した正しいサイトを提供

• ファイル、Github、またはサーバーへ直接公開(SSH、SCP)など、ご希望の形で納品いたします。

◆標準機能で作成します。
プラグインやツールなどを使うと後々不都合が生じた時に心配ですよね。
私たちはできるだけ標準機能を使って制作します。
標準機能だけで作ると構造がすっきりするため、制作には時間がかかりますが修正・メンテナンスは楽になります。
※依存がない方が末永くお使いいただけます。
※JavaScript によるアニメーションは別です。

◆無料JavaScript
メニューボタンなどの開閉等

◆AI動画も作成可能です。
ホームページ、WebサイトのトップにインパクトのあるAI動画も作成可能です。

◆「ここの部分のデザイン素材は変えたい…」
無償にて対応できる事がほとんどです。
お気軽にどうぞ。

はじめてのお客様へ

「全く知らない世界で不安・・・」
「専門用語が分からなくて相談することに気が引ける・・・」
「デザインデータは Figma や Adobe XD じゃなくて photoshop です」

全く心配ございません！
15年以上の経験がございますのでこれまでも様々なご要望をお聞きしてきました。
お気軽にご連絡くださいませ。

【納期】(目安)

◆ベーシック…5日
◆スタンダード…8日
◆プレミアム…15日

※コンテンツの量が多い場合や複雑なレイアウトの際には「カスタマイズ」プランを選択してください。

※迷ったら「カスタマイズ」プランを選択してください。
(不必要に値段を上げることは致しませんのでご安心ください。ベーシックが適切だと判断した場合には「ベーシック」プランの料金をご案内差し上げます。)

◆オプション

AI動画（トップページ上部）
運用管理（サーバー/ドメイン契約、継続的な管理）
お問い合わせフォーム（しっかりとしたセキュリティ対策を行います）
アニメーション（高度な動作）
WordPress構築（オリジナルテーマ制作 / カスタマイズ）
WordPress更新マニュアル

====================================================

プレビューサイトをご用意いたしますので納品前にご確認いただけます。

また、スマートフォンやタブレットで見た場合の確認方法も丁寧にサポートいたします。

プレビューサイトで確認した結果「デザインのここを少し変えたい…」、内容にもよりますが大きな変更でなければ無料にて対応致します。
(納品後の修正ではご相談となります)

丁寧に対応させていただきますので、お気軽にご連絡ください。

====================================================

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

業務内容

Webサイトの修正、コーディング業務お任せください！
本パッケージはホームページやランディングページのhtmlやcssのコーディング業務を代行で作業するサービスです！
（Wordpressのサイトも対応可能！）
経験豊富なコーダーが直接やりとりさせていただきますので安心してお任せください！

こんなお悩みはありませんか？

• 少しの修正なのに、コーディングできるスタッフがいない
• 信用できる所に修正を任せたい
• スマホで見るとサイトが崩れてしまう
• ウェブサイトのテキストを変更したい
• ウェブサイトに使用している画像を変更したい
• デザインやラフ案はあるけど、コーディングができない、など

このパッケージでこんな悩みが解決できます

• テキスト１ヵ所の修正からでも対応可能
  ※最低額は3,000円(税抜)となります

上記以外でも相談いただければ対応可能な場合がございます。
お気軽にご相談ください。

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,300円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータや修正素材のご提供
コーディング・テスト環境でのご確認
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

【ホームページのコーディング代行をさせていただきます】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

ある中からご覧いただきありがとうございます！

・とにかく忙しくてコーディングは任せたいWEBデザイナーの方
・費用は抑えてHP・LP作りたい方

こんな方ご相談ください！飲食業、フィットネス、教育系、美容系、宿泊系など
オープニング価格でお安くコーディングします。

レスポンスはすぐにするように心がけております！（１０時間以内）
対応含めてご満足頂けるように致します。

◉サービス内容
　・デザインデータからのHTML・CSSのコーディング
　（photoshop、XD、figmaなどのデザインからコーディングいたします。）
　

　・ギャラリー、SNS機能、お問い合わせフォーム、レスポンシブ対応は基本料金に含まれています。

◉ご相談からの流れ
　①お見積りからお願いします。デザインデータがあれば共有ください。
　　

　②初稿提出
　　10日で提出させていただきます。
　　ご確認いただきフィードバックを頂きます。

　③修正案提出
　　３日以内で提出させていただきます。
　　ご納得いただけるまで何度でも修正させていただきます。

　④納品
　　ご満足いただけた時点で納品のお手続きをさせて頂きます。
　　気に入っていただけましたら是非ご評価を頂けますと幸いです！

◉納期
　着手から大体２週間。内容により短くなることもあります。
　極力早く納品できるように対応いたします。
　確認事項のご返信が滞ると納期が遅れる可能性があります。

◉納品方法
　html・cssをzip形式にて納品またはサーバーにアップロード

実績としてポートフォリオに掲載させていただくことをご了承いただけますと嬉しいです。

素敵なご縁になりますように精一杯努めます。よろしくお願いします。

以下のサービスを提供できます。

1. 既存サイトのWordPress化:

• サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
• 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。

2. PC専用サイトのレスポンシブ対応:

• サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
• 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。

3. デザインカンプからのコーディング:

• サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
• 特徴: 各種デザインツールのファイル形式に対応可能です。

4. アニメーション付与によるサイトのリッチ化:

• サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
• 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。

5. サイト高速化:

• サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
• 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。

6. その他のサービス:

• サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
• 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１〜２週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。