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

ランディングページ(LP)・WEBサイト・WordPress導入サイトの

コーディングを承ります！

制作会社様・デザイナー様からのご依頼をお待ちしております。

安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします！

「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。

ー ご発注から納品まで ー

1. 「まずは相談する(無料)」ボタンからご連絡

ご依頼を検討されている内容、ご希望納期等をお知らせください。

2. ご相談内容に返信

ご相談内容に対する回答を返信いたします。

3. ご発注

ご依頼いただく場合は、ご発注にお進みください。

4. 仮払い

ご発注を承認後、仮払いのお手続きにお進みください。

5. 制作開始

仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。

6. テストサーバにてご確認

コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。

7. 納品

ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。

8. 納品後の修正

表示の不具合等が見つかった場合などについては、１ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)
• WordPressの場合は、管理画面URL、ログイン情報

ー お願い ー

デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。

• サイト名
• サイトURL
• DESCRIPTION(サイトの説明文)
• FAVICONについて(用意がなければこちらで簡易的なものを作成)
• OGPの情報(X、Facebookアカウント情報など)
• SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
• デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
• サイト内、外部サイトのリンク先のURL
• お問い合わせフォームの送信先メールアドレス
• お問い合わせフォームの自動返信用メールアドレス
• 開閉したり追尾したり、動きのある箇所。
• ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
• レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
• 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)

※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。

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

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

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

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

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

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

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

【 納品までの流れ 】

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

【 納品方法 】
zipファイル

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

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

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

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

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

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

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

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

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

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

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

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

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

ご覧いただきありがとうございます。
Webコーダーの teppei と申します。
デザイナー様・制作会社様の「コーディングに関するお悩み」を、丁寧な実装と安心感のある対応でサポートいたします。

【こんな方におすすめ】
・コーディングを外注したい制作会社様
・コーディングが苦手なデザイナー様
・進行・コミュニケーションも安心して任せたい方

【対応内容】
・HTML／CSSで静的コーディング
・レスポンシブ対応（PC・タブレット・スマホ）
・ホバーモーション（一部JavaScript対応）
・確認後の修正対応（軽微な修正は無制限）
・サーバーへのアップロード（ご希望の場合）

【対応ツール】
Figma／Photoshop／XD

【対応の流れ】
1.ご依頼・ご相談
2.お見積り・スケジュール調整
3.ご契約
4.デザインデータご提供
5.コーディング作業
6.テスト環境または本番サーバーへアップロード
7.ご確認・修正対応
8.納品・完了（必要な場合は本番サーバーへアップロード）

【特徴】
・デザイン意図を大切にした再現性の高い実装
・進捗連絡・確認のこまめなやり取り
・納品後1週間のアフターフォロー付き
・GSAPなどを活用した上品なアニメーションも対応可

▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方

▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ（現時点ではFigmaのみ）に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。

▼ご購入後の流れ

1. オンラインでのヒアリング（Zoom、Google Meetから選択可能）
2. コーディング作業
3. テスト環境の準備
4. 最大3回までの修正対応
5. 納品（データ一式の送付または本番サーバーへのアップロード）

▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。

▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。

数あるサービスからこちらのサービスをご覧いただきまして、ありがとうございます。

このようなお悩みをお持ちの方はございませんか？

・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい

全てお任せください！！

・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です


※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。

■サービス内容

・HTML・CSSの静的コーディング

・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション

・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築（ソースコードのお渡しも可能です。）
・gitでのコード管理

■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)

・レスポンシブ対応(タブレット・スマホ込み)

・画像圧縮による表示速度最適化(Webp対応あり)

・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料

■無料JavaScript実装一覧
・簡単なスクロールアニメーション

・ハンバーガーメニュー

・アコーディオンメニュー

・カルーセル/スライダー

・モーダルウィンドウ

・スムーススクロール

・タブ切り替えなど、webサイトでよく実装されている動き。

■基本的な納期｜デザイン、ボリュームにより変動いたします。

・トップページ：2～3日

・下層ページ：1日～


※デザインデータを受け取った翌日からの日数になります。

■納品までの流れ
ヒアリング

↓

デザインデータお預かり

↓

コーディング

↓

テストアップ（ご確認・修正）

↓

納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■ブラウザ・端末確認一覧

・Google Chrome　Mac/Windows/iPad/iPhone/Android

・FireFox、Microsoft Edge　Mac/Windows

・Safari　Mac/iPad/iPhone


各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。

ご満足いただけるよう、責任をもってご提案・対応させていただきます。
ご不明点は、お気軽にお問い合わせください。

最後に

私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。

まずは一度お問い合わせくださいませ。

「デザインカンプは作れるので、サイトにして欲しい！」
そんなご希望におこたえいたします。

ECサイト（静的な部分）・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。

ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。

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

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

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

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

◆サービス内容

・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応

デザインとの相違による修正回数については無制限です。
ご満足いただけるまで責任をもって対応いたします！
※デザイン変更については、別途料金が発生する場合がございます。

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

・LPコーディング：30,000円～
・トップページ：20,000円～
・下層ページ：10,000円～/1ページあたり
・アニメーション：8,000円～

【無料対応】
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。

コーダー探しで悩んでいませんか？

「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」

このようなお悩み、全部解決します！

◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装

◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です！まずはご相談ください！

◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)

◆納品方法
zipファイル形式(サーバーアップロードも可)

◆ご購入前後の流れ
1、見積もり相談、ご購入
　↓
2、デザインデータのお預かり
　↓
3、コーディング
　↓
4、テストサーバーにアップ
　↓
5、ご確認・修正
　↓
6、納品(zipファイル形式やサーバーへアップロード)

サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください！

デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。

ご覧いただきありがとうございます！
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。

【こんな方は是非ご相談ください】
・デザインは完成しているけど、コーディングが出来ない・時間がない。
・ハンバーガーメニューなど、自力でコーディングするのが難しい箇所がある

デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン　等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限

【料金のイメージ】
・トップページ　15,000円～
・下層ページ　10,000円～
・お問い合わせフォーム（入力＋確認＋完了）　10,000円
・WordPress化　TOPページ：10,000円　下層ページ：5,000円
・WordPress カスタム投稿/カスタムフィールド　5,000円
・アニメーションやJQuery/Javascriptの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品

【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。（一言だけでもお返事ください）
スムーズな進行のためご協力をお願い致します。

数多くのサービスの中からご覧いただきありがとうございます！
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計（BEM設計）を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□

私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。

私は以下をお約束いたします。

◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。

《ご用意いただく素材について》
デザインカンプ（Figma/Adobe Xd/Illustrator/Photoshop）

ご興味を持っていただけましたらDMでも結構ですのでご相談ください。

既存サイトのHTML/CSSなどの修正依頼承ります！

「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか？

弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。

安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。

■価格
・Webサイト修正：3,500円～
・修正内容に応じたお見積りをさせていただきます。

■納品までの流れ
①ヒアリング・お見積もり（まずはご相談ください！）
②ご契約（仮払いで契約となります）
③弊社にて修正対応
④ご確認・修正（2回まで無償対応）
⑤納品

ホームページの静的コーディングを承ります。

サービスを閲覧いただきありがとうございます！
デザインされたサイトを忠実にコーディングさせていただきます。
コーディングがどうしても難しいデザインに関しては、事前にご相談させてただきます。

【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション（スムーススクロールやフェードインなどの簡易なもの）
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現

【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ（文章、画像データ含む）のご提出
⑤制作開始
⑥納品

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

（１）WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。

（２）HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。

レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。

▼こんな方にお勧め
デザインはできるけどコーディングは任せたい
規模はそんなに大きくないからできるだけ費用を抑えたい
料金の見積もりが読めない…

▼ご提供内容
HTML/CSS/JavaScript(jQuery)を使用しての静的なサイトのコーディング業務（デザインは行っておりません）
作成物の規模で若干料金は変動してしまいますが、
ハンバーガーメニュー、スライダー、アコーディオンメニューなど動きのある部分も含めての料金です。
（何を、どんなものを導入したいかはわかる範囲でお知らせいただけると柔軟にご対応できるかとおもわれます。
テストアップのサーバー環境はこちらでご用意いたします。

↓以下のものはお客様の方でご準備お願いします。
・使用する画像
・デザインデータ　（photoshop / Adobe XD / Figma / illustrator）
・有料フォント,有料画像など別途料金が発生するもの。
・レンタルサーバー、ドメイン

▼ご購入後の流れ
①情報収集
作成物に関しての詳細をお聞かせください。
（例：ページのボリューム、実装したいパーツ、納期など、また他に気になる点、気を付けてほしい点がありましたらその旨、お伝えいただければ柔軟に対応させていただきます。）

②制作開始
お客様から必要なデザインや画像をいただき、①ですり合わせた内容を含めた制作を開始させていただきます。

③修正
仕上がった制作物をテストアップいたしますので確認していただき、修正の有無のご指示をいただき、修正がある場合は修正対応させていただきます。
（この段階での修正回数には制限は特に設けませんが、回数、内容によってはお時間をいただく場合がございます。また、修正の範囲を変更に関しましては対応できない場合がございます。）

④納品
zip形式での納品、もしくはFTPソフトからのアップロード

⑤料金の確定・お支払い

なお、納品後2週間以内であれば簡単な修正も無料で承りますのでご安心ください。

▼料金
納期が２週間以上ゆとりのあるLPコーディングであれば一律で10000円（納期によって料金が変動いたします。）
（レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。）

▼納期
プランを選択するとともにご相談ください。

ただいま実績作りとしてお安くサービスを提供させていただいてます。
安かろう悪かろうではなく、一案件ごとに誠意をもって一球入魂で対応させていただきます。
ぜひ、この機会にご一考願えたらと思います。

業務内容

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

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

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

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

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

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

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

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

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

【the one】プロフェッショナルHTML/CSSコーディング代行サービス

こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。

サービス概要

• HTML/CSSコーディング代行
• JavaScript/jQueryによる動的機能実装
• レスポンシブWebデザイン
• デザインカンプからのコーディング（Figma, XD, Photoshop対応）
• WordPressテーマカスタマイズ

the oneが選ばれる理由

品質保証：細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応：最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応：明確なコミュニケーションと細かな要望への対応を心掛けています。

料金プラン

修正・更新作業：3,300円〜
ランディングページコーディング：50,000円〜
ホームページコーディング（6ページ以内）：100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。

制作の流れ

• ヒアリング：ご要望と納品希望日を詳細に伺います。
• お見積もり・ご契約：内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
• 制作開始：デザインデータをもとにコーディングを開始します。
• 確認・修正：初稿提出後、クライアント様のフィードバックに基づき修正を行います。
• 納品：最終確認後、納品（zipファイルまたはサーバーへのアップロード）を行います。

ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。

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

【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505

実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。

パッケージ内容

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

HSP（Highly Sensitive Person：非常に感受性が強く繊細な気質を持った人）の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。

当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。

【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします（システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします）。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。

【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。

【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。

【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。

【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品

【基本料金に含まれる内容】
・1ページのコーディング（あまりに長い場合は追加料金がかかります）
・HTML/CSS（Tailwind CSS）/JavaScript（Next.js）を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング（2つ以上のブレークポイントが必要な場合は追加料金がかかります）
・無制限の修正（デザインが大きく変わる場合は追加料金がかかります）

【追加料金について】
・2ページ目以降のコーディング：2,000円〜
・複雑な動きのあるWEBサイトの作成：3,000円〜
・2つ以上のブレークポイント：2,000円〜
・最初のデザインから大きく変更がある場合：3,000円〜

私からのメッセージ

ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。

私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。

お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。

HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。

Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。

貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。

［対応業務］
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
＊ その他 Webサイト関連業務については、別途ご相談ください。

［対応デザインファイル形式］
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
＊ Aiでの支給の場合は、PDFファイルを添付してください。

［対応コミュニケーション手段］
・Lancers メッセージ
・Slack
・ChatWork
＊ 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ（名古屋市・近郊）も可能です。

［料金について］
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。

html css jsを使用したコーディング作業

お手伝いできる案件がありましたら

お気軽にご相談下さい。

コーダー兼デザイナーとして
お仕事をさせて頂いております。
コーディング作業時に必要な
下層ページの作成、パーツの作成なども
併せご依頼頂くことは可能です。
お気軽にご相談ください。

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

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

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

発注の流れ

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

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

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

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

対応範囲・価格

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

納期

内容により10日〜

制作の流れ

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

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

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

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

サービス内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ホームページ、LPの修正やコーディング承ります。

＝＝＝【修正について】＝＝＝
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください！

修正1箇所につき、2,500円～対応いたします。

Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。

詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。

【こんなお悩みを解決します】
　・画像やテキストを変更したい
　・アニメーションを追加したい
　・スマホで見たときに気になる部分を修正したい
　・お問い合わせフォームを追加したい
　・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
　・HP、LPのコーディングをお願いしたい
　など、Webサイトのことならなんでもご相談ください！

【納期】
　・最短即日納品

【納品までの流れ】
　①ご依頼前にDMにて打ち合わせ
　②ご契約、仮払い
　③作業開始
　④確認、修正
　⑤納品

＝＝＝【ご確認ください】＝＝＝
※ご依頼頂く場合、上記金額にシステム手数料（5.5%)がプラスとなりますので、
　ご依頼頂く前にぜひご確認くださいませ。

　詳しくは、下記URLをご参考になさってください。
　https://www.lancers.jp/faq/A1034/936

＝＝＝【最後に】＝＝＝
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。

まずはお気軽に、DMでご相談頂けると幸いです^^

Webコーダーをお探しの方必見！ ホームページ・ランディングページのコーディングを代行します。

マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。

• デザインはあるけどコーディングはお願いしたい
• デザインをきちんと再現してくれるコーダーを探している
• JavaScriptでサイトに簡単なインタラクションを加えたい

など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P（デザインカンプ 縦 3000px 前後まで）、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。

■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。（デザインカンプ 縦 6000px 前後まで）

■プレミアム
トップページの静的コーディング+下層ページ3Pまで。

【各プラン料金に含まれるもの】

• レスポンシブ対応（PC / SP）
• JavaScript（jQuery）を使った簡単なインタラクションの実装
• 画像の圧縮
• 表示確認・品質チェック（W3C Validation Service）

【オプション料金で対応可能なもの】

• WordPress構築
• お問合せフォームの実装（WordPressプラグインで対応）
• ブレイクポイントの追加（タブレット用など）
• JavaScript（jQuery）を使った複雑な動きの実装
• 下層ページの追加
• IE11表示対応

【JavaScript（jQuery）について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。

例：

• スライダー
• カルーセル
• スムーズスクロール（ページ内リンク、ページ先頭へ戻るボタン など）
• タブ切り替え
• ハンバーガーメニュー
• ヘッダー固定

ほか

オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

【対象ブラウザについて】
■パソコン（Windows・Mac）
Chrome、Firefox、Edge、Safari 各最新版

■スマートフォン（Android・iOS）
Chrome、Safari 各最新版

メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。

【ブレイクポイントについて】
ブレイクポイント（デザインが切り替わるポイント）は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。

タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。

【納品形式について】
原則としてデータ納品（ファイル一式を zip 圧縮したもの）になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　　　↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
　　　↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
コーディング開始
　　　↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。

修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【営業時間について】
10:00〜19:00（土日祝を除く）

【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。

主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。

▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング（オンライン）にて希望するデザインや機能などについて詳細に話し合います。
　　　　　↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
　　　　　↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
　　　　　↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
　　　　　↓
制作フェーズ
制作中、進捗確認をさせていただきます。
　　　　　↓
納品
ご確認いただき、問題なければ、納品させていただきます。

料金や目安となります。ご相談くださいませ。

デザインデータから高品質な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制作も対応可能です。お気軽にご相談ください。

▼パッケージ内容

・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
　・スクロールに合わせたアニメーション
　・スライドギャラリー
　・ハンバーガーメニュー
　・アコーディオンやタブ等

▼コーディング料金

・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ：30,000円〜 / 1ページ
・WordPress 下層ページ：10,000円〜 / 1ページ

※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。

▼納品までの流れ

①ヒアリング（内容の詳細をお聞かせください）
②納品日と金額をお伝え。
③ご契約（デザインや素材等コーディングに必要なデータをお送りください）
④コーディング開始
⑤ご確認
⑥納品（サーバーへのアップ・もしくはファイルの送付）
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。

迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。

宜しくお願いいたします。

フリーランスの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時間以内）も可能ですので、まずはご相談ください！

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

ごあいさつ

この度、数ある中からサービスの中から見て下さり、
ありがとうございます。

私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。

現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。

私がご提供できること

ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします！

初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます！
もちろん品質も、しっかり仕上げます！

短い納期のご依頼には、睡眠1〜3時間！！
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい！
ーーーーーーーーーーーーーーーーーーーーーーーーーー

サービス内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築

スキル

■HTML/CSS / Sass（DartSass）
・デザインを忠実にコーディングいたします。
・CSS設計手法（BEM・FLOCSS）を使用した保守性の高いコーディングを
　実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
　レスポンシブ対応いたします。

■jQuery / JavaScript
　jQeruyやJavaScriptプラグインを用いたアニメーションの実装
　モーダル、アコーディオンやスライダーなどを用いて、
　サイトに躍動感をもたせることができます。

■Gulp
　タスクランナーを使用して、煩雑な業務を自動化することで、
　納期を短縮することが可能です。

■WordPress
　オリジナルテーマの構築、カスタマイズ。
　お問い合わせページの実装や、
　カスタム投稿、カスタムフィールドを使用した実装により、
　お客様のご要望に寄り添った唯一のWebサイトを構築する
　ことが可能です。
　
■Photoshop
　画像の加工やトリミングなど、かんたんな業務であれば可能です。
　細かな業務でもお任せください。

ご依頼からの流れ

①「まずは相談する（無料）」より、ご依頼内容を詳しくお聞かせください。
　納期の日程や、具体的なお見積りをさせていただきます。

②事前のお打ち合わせ
　ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。

③ご契約・作業着手
　デザインデータ、写真やテキストなどの素材データをお送りください。
　進捗状況はチェックシートを共有させていただきます。
　こまめにご報告をしながら、一緒に制作を作り上げていきます。

④ ご確認（テスト環境）
　 コーディング完了後、品質チェックを行い、ファイルとチェックシートを
　送らさせていただきます。

⑤ 修正
　ご確認をいただき、修正箇所があれば対応いたします。
　※大幅なデザイン変更は追加料金をいただく場合がございます。

⑥ 納品
　 修正が完了いたしましたら、zipファイルデータを納品いたします。
　 サーバーへのアップロードも対応可能ですので、
　お気軽にご相談ください。

ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。

■こんな方におすすめ

コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい

■料金

トップページコーディング：20000円〜
LPコーディング：30000円〜（ボリュームに応じてお見積もり）
下層ページコーディング：1p 10000円〜

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

■基本サービス

・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
（ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー）
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保

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

■オプション

・その他jQueryを使ったアニメーションの実装：3000円〜/1点
・Word Pressの導入・構築（オリジナルテーマ）

■動作確認ブラウザ

・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari

■制作の流れ

①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始（進捗を都度報告いたします）
↓
④ご確認（テスト環境）
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ

■当サービスの強み

1.画像圧縮、基本のアニメーション（ハンバーガーメニューなど）は基本料金内で対応いたしますので、費用を抑えることができます。

2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
（チェックシートは納品時に共有いたします）

3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。

ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。

◎ご提供内容
　HTMLのコーディング
　レスポンシブ対応

◎対応可能な言語
　HTML、CSS、JavaScript(jQuery対応可)

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

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

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

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

▼こんな方へオススメ

• ウェブサイトの立ち上げやリニューアルをお考えの方
• 独自のデザインや機能を持つウェブサイトを作りたい方
• スマートフォンやタブレット対応を求めている方
• 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方

▼ご提供内容

• HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
• レスポンシブデザインによるスマートフォン、タブレット対応も可能

▼ご購入後の流れ

1. ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
2. 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
3. デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
4. 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
5. テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
6. 納品: ウェブサイトを公開し、必要な運用指導を行います。

▼制作可能なジャンル

• ジャンルは問いません（風俗関連はNGです）

▼納期

• ベーシックプラン: 2週間
• スタンダードプラン: 2週間
• プレミアムプラン: 3週間以上
  ※プロジェクトの規模や内容により変動します。
  また、オプションで3日間早められるほか、
  更に早めることができる可能性があるのでご相談ください。

セミナー・ライブコーディング経験のあるコーダーが担当いたします！

安心してお任せください！

☆★こんな方におすすめ★☆

・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします！

今後継続的にお願いしたい方などおすすめです。

◆◇-- サービス内容 --◇◆

1. 静的コーディング
   　└ スマホ、タブレット、PC対応

2. LPコーディング

3. WordPressによるCMS構築（オリジナルテーマ開発）
   　└ カスタムフィールド
   　└ カスタム繰り返しフィールド
   　└ カスタム投稿
   　└ お問い合わせフォーム設置

4. アニメーション
   　└ スライダー実施（swiper、slickどちらも可）
   　└ スクロールアニメーション

5. お問い合わせフォーム設置

6. 修正作業（詳細をヒアリングしたのちお見積もりいたします）

※その他の実装内容はご相談くださいませ！

◆◇-- 業務進行 --◇◆

・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック（主要ブラウザ対応）
・ テスト環境の構築

◆◇-- 実績 --◇◆

・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他

◆◇-- 私が意識しているところ --◇◆

「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」

まずはお気軽にお問い合わせください！
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。

◆◇-- 当サービスの強み --◇◆

❶ 安心してお任せできる外注先
　 人手がたりない！けど安心して任せれる業者がいない・・・
　 ぜひお任せください！
　 お客さまの安心してお任せできる外注業者としてお手伝いいたします！

❷ 高品質な制作物
　 丁寧なお仕事と品質チェックシートを使用したセルフチェックで
　 お客様のお手間をとらせない作業で高品質な制作物を納品いたします。

❸ お急ぎ案件も対応可能！
　 お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。

❹ デザインからまるっとお任せ！
　「デザインからまるっとお願いできる人がほしい」
　 お客様が別業務に集中できます様デザインからお任せも可能でございます。
　 デザインは信頼のできるパートナーデザイナーが対応いたします。
　 クラウドソーシングで探すことはありませんのでご安心ください。

◆◇-- 契約の流れ --◇◆

① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
　 ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
　 作業量、納期を決めたのちお見積もり額をお伝えいたします。

② 作業着手
　 進捗状況は共有しつつ実装上の問題などございましたら
　 すぐご連絡いたします。
　
④ 品質チェック
　 こちらで用意しています品質チェックシートを元に品質チェックいたします。

⑤ 修正（3回まで無料対応）
　 全ページが完成した段階で初稿を提出します。
　 この時点で修正などございましたら随時対応いたします。

⑥ 納品
　 修正がおわりましたらデータを納品いたします。
　 ご指定のサーバーへのアップロードも問題ありませんので
　 お気軽にご相談くださいませ

「デザインを忠実に再現！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をお届けします。
お気軽にご相談ください！

WordPress対応・レスポンシブ対応・短納期対応・丸投げOK！HTML/SCSS/CSSコーディングをお任せください！

外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。

• WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。

• レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。

• 短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。

• 丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。

一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。

ぜひお気軽にご相談ください！

===================================================
当方のプロフィール

2020年度ランサーズ ランキング
クライアント訪問数ランキング　Webデザイナー部門　全国１位
ランサーズ歴4,000日以上

▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。

★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築　WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作

当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。

\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。

★対応範囲と費用につきまして。
・静的コーディング：トップページ￥20,000〜、下層ページ￥15,000〜/1ページ
・レスポンシブ対応（1ブレイクポイント）
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。（要ご相談）
・PHPファイルでの納品可能です。（着手前にご申告ください）
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
（別途サービス出品しております：https://www.lancers.jp/profile/syzmagic/plan/171629）
併せてご依頼いただける場合は、値引きさせていただきます。

★別途有料オプション対応目安（ご相談時にお見積りさせていただければと思います）
・cssアニメーション：￥3,000〜/1バリエーション
※マウスオーバーアニメーションなど（基本的な透過アニメーションなどは無料です）
・JavaScriptによる制御：￥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム：￥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。

★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。（illustrator/Photoshop/XD/Figmaなど）
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品

実機テスト環境は
macOS CatalinaとVentura：Chrome/Firefox/Safari
Windows11：Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。

★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。

その他お気軽にご相談ください。

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

「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^

▼サービス内容
・頂いたデザインを元にHTML＆CSSコーディング(1ページ～複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化

▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)

▼料金例
・LPコーディング　¥10000～(レスポンシブ対応込み)
・お問い合わせフォーム実装　¥20000円(静的サイト)
　　　　　　　　　　　　　 ¥5000(WordPress)

▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。

②1回目の提出
　内容により異なりますが最短約2～3日でご提出いたします。

③修正版の提出
修正回数に制限は御座いません！★

④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^

◆納期 　
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。

ホームページ・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円
・画像、文章作成は追加料金（※内容は要相談）
・修正費用（※内容は要相談）

【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします！】

多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義（うえだ まさよし）と申します。

【 こんなデザイナー様におすすめ 】

• WEBサイト制作を一括して受注したいデザイナー様
• 社内コーダーのリソースが不足している制作会社様
• コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
• すでにデザインはお持ちの個人事業主様や法人様

単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします！

納品後1ヶ月のアフターサポートをしておりますので、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。

■ 作業内容

• 静的コーディング（HTML / CSS）
• Javascript / jQueryを用いたアニメーション
• レスポンシブ対応（スマホ / タブレット）
• Wordpress化 (追加オプションにてご案内しております)

■ ご相談から納品までの流れ

①ヒアリング

ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。

↓

②お見積もり・ご依頼

作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材（写真、画像、ロゴ等）をご提供ください。
↓

③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品

ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。


納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。

表示確認の環境

・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari

当サービスの強み

土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。（ページ数や内容によります）

ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください！

▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら

https://www.lancers.jp/menu/detail/1228898

▼ポートフォリオ

https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more

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

個人事業（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設計が得意です。

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

ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。

コーディング代行として１０社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん

「情報共有」
「品質管理」
「スケジュール管理」

を徹底しております！

こんなお悩みを解決します！

　・デザインはあるけどコーディングは任せたい・・・
　・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
　・納期まできちんとスケジュール管理して安心してお取引したい・・・

このようなお悩みはお任せください！

制作する上のでお約束

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

＊レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
　→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
　　余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
　→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。

②進捗状況の「見える化」を行い納期を厳守します

＊「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
　　情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。

＜案件管理シートの構成＞
１）質問・回答シート
２）スケジュール管理シート
３）品質チェックシート
４）サイト情報シート

スプレッドシートのリンク１つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。

③貴社のコーディングルールに合わせてコーディングします

＊制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。

＜これまでの具体例＞
・BEM設計
・カラム部分のみBootstrap使用
など
　

こんなメリットがあります！

・制作会社提携１０社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応（XD、Figma、illustrator、Photoshop可能）
・納品までの丁寧なスケジュール・質問対応管理
　

▼ご依頼・制作の流れ
①「まずは相談する（無料）」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
（必要時にオンラインでのお打ち合わせも可能です。）
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品

下層ページの追加（別途費用）などあれば気軽にご相談ください。

【最後に】

関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい！
という気持ちで、１つ１つ大切にコーディングさせていただきます。

「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。

一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。

基本情報

• レスポンシブ対応！

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

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

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

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

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

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

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

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

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

はじめてのお客様へ

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

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

【納期】(目安)

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

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

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

◆オプション

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

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

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

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

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

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

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

ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。

私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。

【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp

■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング

【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
　※その他は貴社の規定に従います。

【実務経験】

実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。

(1)LINEマーケター様 LPコーディング
・ボリューム：9224px(問い合わせページ含む)
・担当範囲：ディレクション、コーディング
・実装期間：5日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢

(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム：TOP 1ページ　下層3ページ
・担当範囲：コーディング
・実装期間：7日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢

【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。

・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。

・自主的な報連相と納期遵守にて作業を行います。

円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。

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

こんな方におすすめ

• Webページ 1枚だけの対応で良い方（ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります）
• 1か月の間にHP／LPの頻繁な更新や差し替えがある方
• 他業務が忙しくて、自社のHP修正がなかなかできない方

文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。

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

弊社について

弊社の主な業務内容は下記となります。

• 業務システム開発
• WEBソフトウェア開発
• ブロックチェーンソフトウェア開発
• エンターテイメント
• IoT開発／組込系開発
• 組織開発／チームビルディング／アドバイザリー
• プログラム作成、ツール作成
• ツール開発・修正
• WEBサイト開発

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

営業日時（連絡可能日時）

平日10時～19時（土日祝休業）

Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。

本サービスをご覧いただきありがとうございます。
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デザイナーの方
・費用は抑えてHP・LP作りたい方

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

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

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

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

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

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

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

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

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

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

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

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

こんな問題にお悩みの方必見！

✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。

WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。

■基本パッケージに含まれるもの

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応（3回まで）

■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入（オプションとなります）
スマホデザインが無い場合のレスポンシブ対応（デザインがある場合は無償対応いたします）

■納期

ベーシックプラン：2日程度
スタンダードプラン：7日程度
プレミアムプラン：21日程度

■納品までの流れ

1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品

【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品

■お見積り、納期の参考例

スタンダードプランを選択、
Wordpress導入（投稿機能付き）、
カスタム投稿設定、
お問い合わせフォーム設置の場合

基本プラン　5,0000円
Wordpress導入　4,0000円
カスタム投稿設定　8.000円
お問い合わせフォーム　8,0000円

合計　106,000円

作業日程　 約17日（基本プラン7日、オプション追加3日）