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

本サービスをご覧いただきありがとうございます。
Web制作事業Starship 代表の古川です。

◎こんな方におすすめ
「デザインはできるけどコーディングができない」
「綺麗なコーディングをして欲しい」
「案件が多く外注したい」

◎用意していただくもの
・デザインカンプ（Photoshop・XD・Illustratorなど）
・ 素材(ロゴ、画像等)
※サーバーへのアップロードをご希望の場合、必要な情報をご共有お願いいたします。

◎基本の価格に入っているもの
・レスポンシブデザイン（スマホでも綺麗に表示　519px 変更可）
・内部SEO対策（alt,section,h1,h2など）
・1ページ（静的）

◎ 制作の流れ

1. 「メッセージを送る」からデザインと合わせてご連絡ください
2. デザインを基にお見積もりを提示いたします。
3. コーディング開始（毎日進捗報告をいたしますので、いつでも確認していただけます。）
4. 検品
5. 問題が無ければ納品

◎直近の実績　
・Illustratorを基にしたコーディング＋WordPress構築　一部下層ページ
https://chikushin.net/　　　　　　　　　　　制作期間1日　　
・PSDカンプを基にしたコーディング
http://xs384652.xsrv.jp/　　　　　　　　　　制作期間4日　  
・XDカンプを基にしたコーディング
https://ic-incorporated.net/　　　　　　　　制作期間4日　　
※クライアント様の要望のサイズとなっておりますので、1920px以上のPCまたはスマホでご覧ください。

他にも多数実績がございます。
ご希望の場合は、メッセージでお伝えください。

その他、気になること等ございましたらお気軽にご相談ください！
依頼者様のパートナーとして尽力いたします。どうぞよろしくお願いします。

多くのサービスがある中ご覧いただきましてありがとうございます。

このサービスでは【Webサイトが重くならない】コーディングを提供致します。

■Webサイトでなかなか開かないサイトってありますよね？
→ホームページのコーディングで不要なファイルが原因になっている場合が
ございます。

またHPをお持ちの方でも、自分のHPがすぐ読み込まない…
といったお悩みも同じ問題の可能性があります！！

「ホームページがなかなか開かない」問題の一つとして、
例えば、WordPressのようなオープンソースのソフトウェアは一般の方でも使いやすい分、
実際は使用しきれない不要なソフトが実装されていてデータが重くなっています。
（他にも世界中で使用されているソフトウェアは
ハッカーに狙われやすくセキュリティの機弱性が問題視されています。）

集客UPを狙うなら顧客をローディングで待たせてしまうのは、意識を削げてしまう可能性ございます。
本当に多くのWebサイトが重いコーディングになってしまっているのが
私はとても勿体ないと感じております。

この問題を解消し、ページが重くなる原因を避けながら
お客様のデザインをコーディング致します。

【サービス内容】
ーーーーーーーーーーーーーーー
■静的コーディング(HTML、CSS)１ページ〜
ハンバーガーメニュー/スライダー/アコーディオン機能などの
JavaScriptを使った動作デザインの実装は
別途料金になりますがもちろんご相談可能です。

■レスポンシブ対応
１ページのご料金になります。
PC版で作った動作デザインの実装も反映します。

ーーーーーーーーーーーーーーー
【ご相談可能なサービス】

◎複数ページご希望の場合
サービス内容は１Pの価格としておりますが
他ページ（下層ページ）は トップページより複雑なものでなければ
サービス価格でお受けできます。ご相談ください！

◎LPのコーディング
6000px以上のものは１回1000pxで3000円でご案内できます。

◎レスポンシブ対応の下層ページ
複雑なものでなければPC版同様にサービス価格でお受けできます。

◎追加のJavaScriptの機能実装　別途お見積もりになります。

◎お問合せフォームの設置：内容に応じて別途お見積もりになります。

◎WordPress化：内容に応じて別途お見積もりになります。

【納品について】
コーディングしたファイルを納品いたします。
納期につきましては３日〜１４日を予想しております。
ご相談内容によって納期が変動しまスノでお見積もり後に
具体的に何日かかるかをお知らせさせていただきます。

幅広くお客様のニーズに対応できるよう頑張っていきますので
ぜひお気軽にご相談くださいませ！

サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。

◆作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜制限なく複数ページまで作成します）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください）
・お問い合わせフォームの実装
・WordPress化（初期設定やSSL化～カスタム投稿などのカスタマイズまで幅広く対応します）

◆料金表
・トップページ、下層ページのコーディング：10,000円～/ 1ページ
・LPのコーディング：20,000円～
・レスポンシブ対応：上記ページコーディングの半額・又はサービス込みご相談下さい
（例）トップ、下層ページ：5,000円、LP：10,000円
・JavaScriptの機能実装：3,000円～ / 1点
(簡単なハンバーガーメニューやアコーディオンメニューは無料)
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり

＜無料オプション（ご希望の場合）＞
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築（ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です）

◆制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法はご希望に対応可能ですのでお申し付けください。

◆納期
最短で３日〜
ご希望の納期がある場合はご相談くださいませ。

迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

こちらコーディング代行ページになります。
その他サービスも出品しておりますので
お気楽にご相談下さい。
デザインから丸投げ等もお受けしてますのでそちらもご確認ください。

html css でのコーディング
web作成　
レスポンシブ対応

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

こんな悩みを抱えていらっしゃるデザイナー様・制作会社様におすすめです。
・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

そんな方の頼りになるパートナーになります！！！

ー私の強みー

お客様との信頼関係を築く上で最も大事だと考えており、普段からレスポンスの速さには、
気をつけており、ありがたいことに今までのお仕事させていただいた方々からは、
「日々の進捗状況の報告や質問への解答などが円滑で、スムーズに作業の進行ができた」
「連絡できない時は、事前に連絡くれて、レスポンスがないことに不安にならなかった」などのお言葉をいただいており、今後も継続していきたいと思っております。

ーサービス内容ー

・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応（PC、タブレット、スマホ対応）
・WordPress構築
・お問い合わせフォーム

ー制作の流れー

1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

①静的サイト・LP（ランディングページ）の実装＆カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。

②「WordPress」を使った動的サイトの実装＆カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。

③「Shopify」を使ったショッピングサイトの実装＆カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。

コーディング作業代行いたします！

【こんな人におすすめ】
「リソース不足で案件が対応しきれない」
「コーディングを代行してほしい…」
「デザインはあるがコーディングだけお願いしたい」
「デザインを細部まで再現してほしい」

私はそんな方の味方です！コーディング作業を代行し、お悩み解決いたします.

【サービス内容】
ご覧いただき誠にありがとうございます！
「デザインデータがありコーディング作業は任せたい」
という方に代わってコーディングを行います。

パッケージ料金に含まれる対応
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでSP時の表示を調整致します。
・お問い合わせフォームの設置のみ

PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション（スクロールフェードイン等）は含みで行います。

■このような方はPLASにお任せください
　・デザインはできるけどコーディングが苦手な方
　・コーダー不足でコーディング業務の外注先をお探しの制作会社さま
　・コーディングのできるパートナーを探しているデザイナーさま

■本サービスでこのようなことが提供できます
　・HTML / CSSを用いた静的コーディング
　　(デザインデータはPhotoshop・Illustrator・XDなどに対応)
　・スマホ・タブレット・PC対応
　・スライダー、スクロール、アコーディオン、ハンバーガーメニューなど
　　JavaScript / jQueryを用いたアニメーションの実装

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

お客様の理想を叶えるビジネスパートナーとして事業の発展に貢献いたします。どうぞよろしくお願いします。

デザインデータ（adobeXD,Photoshop,Illustrator）の情報を元に、コーディングによって忠実に再現致します。
納品方法: zipファイル

html/cssでのコーディングを代行します。

実務経験をたくさん積みたいため、スキルは変わらず相場より安くやらさせてもらいます。

アフターフォロー
2週間まで、無料で対応します。

制作の流れ
1　ヒヤリング
2　契約
3　制作
4　確認、修正
5　納品

ご用意いただくもの
・画像素材
・デザインデータ
・デザインカンプ（完成見本など）

サービス内容
・静的コーディング
・LPコーディング
・ECサイト
・簡単なアニメーション
・お問い合わせフォームの作成

⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理（常にバックアップが取れています）
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」

⚫作業内容について
・静的コーディング（1ページ〜）
・レスポンシブ対応（スマートフォン、タブレット）
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。

⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい！

⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。（無料で3回まで）
⑦ご指定のファイル形式にて納品

⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、WordPressテーマカスタマイズ等

⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能

どうぞお気軽にご連絡くださいませ！いつでもお待ちしております。

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

• コーディング,WordPress構築を外注できるパートナーが欲しい
• Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
• どれくらいのスキルがあるのか分からなくて外注できない

などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか？

Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です！

デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

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

参入価格としまして、安価で対応いたします！
制作のご相談・お見積り気軽にご連絡ください。

＜作業内容＞
・HTML/CSSを用いたコーディング
（１ページ〜複数ページ対応可能です。）
・レスポンシブ対応
・JavaScriptによるアニメーション作成
（ハンバーガーメニュー、スライダー、モーダルウィンドウなど。）

＜制作の流れ＞
１．ヒアリング＆ご相談
２．お客様よりデザイン等のご提供
３．コーディング・テスト
４．ご確認・修正
５．最終確認・納品

細部までこだわって作業いたします！
ご相談・お見積りのみでも構いませんので、気軽にご連絡ください。

【提供業務】

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

【再現性・丁寧な対応・高品質】 を重視したコーディングを行います。

■こんな方にオススメ！
・コーディング業務の依頼先をお探しの法人様、制作会社様
・コーディングを任せたいコーダーをお探しのデザイナー様

===========

■作業内容
・HTML / CSSによる静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・品質チェックシートを活用した品質管理
・Wordpress化 *内容に応じて別途ご相談となります。

===========

■ご契約時の流れ

①まずはお気軽に「見積り・カスタマイズの相談に進む」よりお問い合わせください。
お問い合わせいただいた後に、ヒアリングをさせていただきお見積もりいたします。

②お見積もりのご提案
ヒアリング内容をもとにお見積もりの提案をさせていただき、ご納得いただけた場合に契約となります。

③制作開始

④初稿提出・修正（修正回数５回まで）
初稿提出までに不明点がある場合は、随時お打ち合わせなどを設定いたします。

⑤最終確認

⑥テスト環境にアップロード

⑥納品（ZIPファイル or サーバーへのアップロード）
*サーバー契約はお客様の方でご対応いただいております。
サーバー契約のご相談については承ります。

===========

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

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

ご覧いただきありがとうございます！
3S code　代表　庄司　雅幸です。

当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。

■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム（見た目のみ）
ハンバーガーメニュー
タブメニュー
スライダー

■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応

■動作確認
Chrome, Firefox, Safari

■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。

■納品までの流れ
①ヒアリング
②デザインデータお預かり（XD、Figma、Photoshop）
③コーディング
④テストサーバーにアップ（ご確認・修正）
⑤納品（ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード）

サービスをご覧いただき、ありがとうございます。
フリーランスをしているSK-Designと申します。

ご提供頂いたデザインカンプ（XDまたはFigma）からコーディングを行い、ZIPファイル送付、もしくはレンタルサーバーへのアップロードにて納品するサービスとなっております。

●こんな方におすすめ
・デザインはできるけどコーディングが苦手
・社内のコーダー不足で外注先を探している
・ホームページを安く作りたい。
・初めてなのでサポートをして欲しい。
・イメージや希望はあるけど、はっきり決まっていないので相談して作りたい。
・TwitterやInstagramなどSNSともリンクさせて集客に繋げたい。
・商品の購入などへ繋げたい。

初めての方でも丁寧にサポートしますのでお任せください！

【コーディングについて】
HTML・CSSでのコーディング(レスポンシブ対応込み)
＊基本は静的HP作成になります。動くページもオプションにて対応可

【納品形式】
html・cssで納品いたします。

●制作の流れ

1. 見積もり相談　
   　お気軽にDMにてお問い合わせください。
   　　　　

2. ご購入・ヒアリング　
   　納期やご支給画像等の確認、素材提案、ご希望当ございましたらお気軽にご相談くだ
   　さい。対応可能であればご購入して頂きます。
   　　　

3. ホームページ制作
   ご希望の納期までに制作させて頂きます。

4. 確認・修正　PC or スマホ　合わせて確認いただきます。
   （修正あれば3回まで無料）

5. データ納品
   最終確認後、問題がございませんでしたら納品させて頂きます。

●納期
ボリュームや内容、いただいた情報量にもよりますが、最短で3日です。
お気軽にお問いあわせください。

●業種ジャンル
基本的にはどのようなジャンルでも対応可能です。

●ご用意いただきたいもの　
〜文章〜
文章は大雑把なものでも大丈夫です。
ヒヤリング時にも伺わせていただいた後、
こちらで作成可能ですのでご安心ください。

〜画像〜
こちらでも無料画像をご用意できますが、
お客様にご用意していただけるとお客様のイメージにより近いデザインに仕上がります。

ホームページのコーディング、ホームページ修正対応します。
こちらのサービスはTailwindCSSを使用したコーティングでございます。

TailwindCSSのメリット

１.
クラス名を考えなくて良い。CSS設計の規則が導入されているプロジェクトだと一つのク ラス名を考えるのに数分とられてしまうのも珍しいことではありません。TailwindCSSではその必要がないです。

2.
CSSのファイルがむやみに増えない。従来の方法だと新しい機能やコンポーネントを追加するたびにどんどんCSSファイルが増えていくことになります。TailwindCSSではCSSを新たに書く必要がないため、CSSファイルの数が膨大になり、管理が大変になるといったことが起きません。

3.
安全に変更が可能になる、HTMLファイルに変更が閉じられるので影響範囲が増えない 例えば「paddingがデザインと少しずれていたので直したら、別の場所のレイアウトが壊れた」なんていう経験は誰しも一度はあるのではないでしょうか？ TailwindCSSであればHTMLに対して直接スタイリングの定義を行うため、上記のような問題は発生しません。

デザインは原則、Adobe illustrator、Photoshop、XDでの支給をお願いしておりますが、それ以外の場合はご相談下さい

デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。

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

今回、既存のWebサイトの修正・追加作業を承ります！！

『ここの文字色を変えたい。』
『画像を入れ替えたい。』
『スマホでも、きれいに表示できるようにしたい。』
『サイトに動きをつけたい。』

などなどと現在お考えの皆様、ぜひ一度ご相談いただけませんでしょうか。

★☆★【内容】★☆★
・コーディングによる既存サイトの修正作業（HTML/CSS）
・レスポンシブ表示の修正
・簡単な動的要素の追加（javascript,jQuery）（ハンバーガーメニュー、スライドショーなど）

★☆★【納品】★☆★
・基本は ZIP ファイルでの納品となります。
・ご利用中のサーバーにアップロードさせていただく事も可能ですので、まずはご相談ください。

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

それでは、ご検討のほどよろしくお願いします。

初めまして。森光太郎と申します。
数多くの出品サービスの中からご覧いただきありがとうございます。

当サービスでは、ITエンジニアでのコーディング経験を活かしご提供いただいたデザインデータを忠実にHTML/CSS、Javascript/jQueryを使用してコーディング作業の代行をします。

■当サービスに含まれる内容
・HTML/CSSを使った静的コーディング
・Javascript/jQueryを使った動的コーディング
・レスポンシブ対応(デザイン指定が無くても対応可能)
・サイト表示高速化のための画像圧縮

■当サービスの流れ
1．ヒアリング
コーディング・実装内容など詳しく把握させていただくため、まず初めにヒアリングをさせていただきます。
制作内容を把握しましたら、対応の可否を判断させていただきます。

2．お見積もり案内/契約
作業の流れ・お見積もり・納品の予定日をご説明しますので、ご納得いただければご購入をお願いいたします。

3．作業開始
デザインデータをご提供いただき作業を開始します。

4．制作内容のご確認
作成したページの内容をお客様にご確認いただきます。
ご満足いただけるよう最大5回まで修正を承っておりますので、お気軽にお申し付けください。

5．納品
お客様の確認ができましたら納品のステップに入ります。
納品方法にご希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

■納期
コーディングの作業量によって納期が変動する場合がございます。
ご希望の納期がある場合はお気軽にご相談ください。

HTMLとCSSを使ってウェブサイトを制作いたします。
スマートフォン・タブレットに合わせたレスポンシブ対応も可能です。

初めまして。
ご覧いただき、ありがとうございます。

頂いたデザインを元にHTML&CSSコーディングをさせていただきます。

【パッケージに含まれる内容】
◆HTML&CSSコーディング
◆PC / SP レスポンシブ対応
◆JavaScript / jQueryなどを使った簡単なアニメーション
◆納品後1ヶ月以内の無料修正

【対応可能時間】
9:00～23：00
土日祝関係なく作業が可能です。（予定がある日を除く）
頂いたご連絡にはなるべく早く返信することを心掛けます。

誠心誠意の対応を心掛けますので宜しくお願い致します。

実績作り中につき格安！

丸投げOK

本業でプログラマーをしております。
副業としてHTML/CSS/JavaScript(jQuery) etc...を用いてコーディングをいたします。

レスポンシブ込みで作成します！
既にデザイン済みのデータを頂いた後コーディングをいたします。
【作業者について】
IT系中小企業に勤めて３年目(2021年11月現在)になります。
請負という形ではありますが、大手一部上場企業へ常駐し作業を行っています。
主な経験として社内システム開発、ECサイトのカスタマイズ、スマホアプリ開発の経験があります。
この度フリーランスに移行するにあたって実績が必要となるため格安でコーディングをお受けしようと出品いたしました。

【スキルについて】
・HTML/CSS
・JavaScript(jQuery,React,Next.js)
・C#(ASP.net)
・Java
・PHP

【デザインデータについて】
・PSD、AI、XD形式のいずれか
　確認用のJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

【対応内容について】
《料金内で対応可能》
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
・アニメーション（簡易な動き）

《オプションで対応》
・高度なアニメーション
・メールフォームの設置(PHP)
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わる場合がございます。

【ブレイクポイント】
モバイルファーストでCSSのコーディングを行います。
・スマホ → 480px
・タブレット → 768px
・PC → 960px

【動作確認ブラウザ】
《Windows》
・Chrome
・Firefox
・Microsoft Edge

《Android5.0以降》
・Chrome
・Firefox

※いずれも最新版です。

【納品形式】
ファイル送付か指定サーバーへのアップロードになります。

【納期】
標準納期は、「デザインデータ受領から」10日ほどとなります。
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
また、デザインを丸投げの場合はオプションに記載されている期間を合算した日数が納期となります。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
また、プランに沿わないものについてもお問い合わせいただければ対応いたします。

HPを制作いたします。
またLPも可能となります。

はじめまして。
ご覧いただきありがとうございます。
WEB制作会社での実務経験後、
2022年よりフリーランスに転身。

◆料金に含まれるもの
・HTML / CSS　コーディング
・レスポンシブ対応（PC, スマホ）
　タブレットはオプションで対応可能
・ハンバーガーメニュー
・googleフォームの実装

◆納期について
デザインデータ受領翌日からの日数（土日祝は除く）となります。
ご希望納期がある場合はご相談ください。

◆対応データ
・PSD、AI、XD形式

◆動作確認
・Chrome, Firefox, Safari

◆納品形式
・ファイル送付、サーバーにアップロード
　指定がなければファイル送付で納品となります。

業務フロー
１）お客様からデザインデータを頂く
２）デザインデータをもとにZoomなどでヒアリング
３）HP制作
４）データを提出し、修正があればいたします。
５）サーバーにアップ

３）の業務の間に２）をさせていただきより良いサイトを制作します。
４）修正は、可能な限り対応します。

指定されたデザインから忠実にコーディングしサイトを実装します。
デザインカンプがあればその通りに。なければ応相談で対応させていただきます。

WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS バージョン15
　Safari
・Android バージョン11
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

◎画期的な効率と最終的な結果を推進する、ユーザー中心の堅牢なソリューションのエンジニアリング
◎ソフトウェアマーケティングキャンペーンのリードデベロッパーおよびディレクターとして7年以上の経験
◎最適な結果を更新し、献身的に努力して予算通りにお客様に提供します。
◎ソフトウェア開発ライフサイクルのすべての段階で熟練している。ビジネス要件を技術ソリューションに変換する専門家。品質、使いやすさ、セキュ

• https:

• https://"

• http://www.google.com”/

• http://www.google.com”"foo"/

• http://www.google.com/

• https://www.google.com/

• ftp://www.google.com/

• lancers@google.com

• javascript:alert('foo')

javascript:alert('foo')

[link](http://www.google.com/)


[jslink](javascript:document.location='http://www.google.com/')

[foo]: /url "title"

<A HREF="javascript:document.location='http://www.google.com/'">XSS</A

<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>

• 123 <a href="https://www.lancers.jp/">alert('foo')</a>

• 123 <script>alert('foo')</script>

• <a href="https://www.lancers.jp/">alert('foo')</a>

• <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>

123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">
alert('foo')
</a>

123<a href="https://www.lancers.jp/">alert('foo')</a>

123<a href="https://www.lancers.jp/">alert('foo')
</a>

<script>
alert('foo')
</script>

123<script>alert('foo')</script>

123<script>alert('foo')
</script>

◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応（スマホ・タブレットに対応）
・WordPress化

◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。

◆料金
コーディング料金
∟トップページ　10,000円(税抜)
∟下層ページ　5,000円(税抜)/1ページ
∟ WordPress化　10,000円(税抜)

☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策（metaタグなど）
・OGP設定
・テスト環境のご提供

◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。

◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。

連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。

初めまして、
mocking_birdと申します。

1ページ1万円で
あなたのWebサイトを
コーディングいたします！
　
動的な動きをつけたい人など
お気軽にご相談ください。

こちらの基本サービスは、

●レスポンシブ対応
●お問い合わせフォームの設置
●Javasprict等での動的なページに変更
●1ページのみ
●html/CSSでの納品など

となります。
⭐︎作成の流れ⭐︎

DIRECTION

Webサイト制作で1番大切なことは
ヒアリングだと思っています。

「こんなサイトにしたい」
「こんな課題がある」

など何でもお気軽にご相談ください。
ご要望にあったものを提案いたします。

お客さまの思いを反映した
ウェブサイトに仕上げます。

DESIGN

お客さまのご要望に沿って、
Webデザインを構築していきます。

「ターゲットユーザーに特化したもの」
「誰が見てもわかりやすいもの」

ご要望に沿ったデザインをご提案。
　

CODING

サイトに応じて
最適なコーディングを行います。

操作性なども加味していき、
さまざまなサイトに対応いたします。

⭐︎ご用意頂くもの⭐︎

・コーディングしたいHTMLやCSS
・必要な画像やテキスト

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

国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします！

Web周りの知識が0の方でも大歓迎です！
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします

現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます！

Webサイトのコーディング、修正作業を外注したい方にオススメ！

コーディングの修正作業からWordPressのオリジナルテーマ作成まで請け負っております！

デザインを丁寧に再現し、レスポンシブ対応まで承ります！
即返信とこまめな連絡を約束し、スムーズに納品まで完了いたします！

【納期】
修正のみ(ベーシックプラン)：1週間
静的サイトコーディング(スタンダードプラン)：2週間
WordPressオリジナルテーマ作成(プレミアムプラン)：4週間

※ページ数や機能の数によって、表記より延長させていただく場合がございます。

【注意事項】
コーディングのみを請け負うパッケージとなっております。

本パッケージをご覧いただきありがとうございます！
デザインデータからのコーディング代行を行っております。

コーディングを行う際は、デザインの提供をお願い致します。
お気軽にご連絡ください！

※また制作後のキャンセルはお断りしていますので、ご了承ください。

※レンタルサーバーの用意や、ドメイン取得はお客様自身でお願いします。

※画像に関してはお客様でご用意お願いいたします。

※ヒヤリング以降の仕様変更等はお断りしております

■こんな方におすすめ
・コーディングが苦手な方、
・コーダーの外注先をお探しの制作会社

■納期
１～１４日ほど、お待ちいただきます。
※注文パッケージや、稼働時間によります。

■納品までの流れ
ヒヤリング（実装機能等の確認）
↓
契約（納期やお見積り等の提示）
↓
デザインデータのお預かり
↓
コーディング
↓
テスト（ご確認、修正等）
↓
納品

簡単な単純作業や雑用作業はお任せください

学生の勉強中の身であるため、複雑な作業よりは簡単で量の多い仕事はお任せください

▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい

▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss

▼納期
ボリュームにもよりますが、だいたい1ページ1日です。

▼料金目安
・ページ単価10000円～　です。

数多くの中からご覧頂きありがとうございます！

現在、WordPress構築をメインに活動している
フリーランス３年目のコーダーの小山田優也と申します。

これまで実務を通して、100件以上のトラブルを解決してきた経験から、
Webサイトのトラブル解決に対して評価をいただいており、
本サービスでも、お客様が抱えているサイトの問題を迅速に解決させて頂きます！

◼️こんなお悩みありませんか？
・サイト更新やメンテナンスで手間取っている方
・Webサイトのトラブルでどうしたらいいかわからない方
・Webサイトを更新/修正したものの、新しくトラブルができた・保守しにくい方

◼本サービスのおすすめPOINT
・迅速なコミュニケーションで、素早く問題を解決できる！
・３年のコーダー歴から、すでにあるWebサイトのシステムに合わせたご提案ができる！
・100件のトラブルシューティング経験から、根本的な問題解決ができる！
・エンジニアとしての経験もあるので、サーバーへのアップも対応できる！

◼お客様の声
・能動的に原因を調査して頂き、問題解決能力があると感じました！
　素早く解決していただいてありがとうございます！

・既存サイトの一部を修正して頂きましたが、既存サイトのコードに合わせて修正頂き、
　高品質な状態で納品いただきました！

・時間がなく、自社サイトを更新できずにいましたが、
　少ないコミュニケーションでも要件を汲み取って更新をしてくださり、
　大変助かりました！またお願いしたいです！

◼サービス内容
プランは３種類、ご予算と必要な作業に応じてお選びいただけます。

｟作業内容の例｠
・コード整理
・画像変更
・テキスト変更
・サイト表示速度の改善
・表示崩れの修正

Webサイトに関するさまざまな作業を提供します。

◼ご依頼の流れ
①ヒヤリング
…お客様の問題や希望納期などをヒアリングさせていただきます。

②契約
…お見積り、対応スケジュールをご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
…制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
…ご確認いただき、問題なければ、制作物を納品させていただきます。
　納品形態は、作業内容に合わせて柔軟に対応させていただきます！
　

どんな小さなことでも、お気軽にご相談ください。
Webサイトの問題を一緒に解決し、お客様のビジネスをさらに前進させるお手伝いをさせていただきます。
まずはメッセージでのお問い合わせお待ちしております！

ディレクターとしての実績もございますため、
クライアント様のご要望を汲み取ったデザインを起こすことに力を入れております。

「計算式やシュミレーションを搭載したい」
「デザインはPCのみだけれど、スマホにも対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

このような場合でも対応いたします！
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

【対応可能データ】
・Adobe Photoshop
・Adobe XD
※↓相談必須、場合により対応可能↓
・Adobe Illustrator
・Figma

【プランに含まれるもの】（オプションで選択のもの有）
・HTML/CSS（Sass）/JSを使用し静的にて構築（scssファイルは納品いたしません。）
・レスポンシブ対応
・ハンバーガーメニュー
・スライダ（1ヶ所まで）
・アコーディオン
・出現アニメーション
・トップへ戻るボタン
・スマホデザインがない場合、コーディングベースにて柔軟に作成
・ファビコン作成
★WordPress構築
★ライトボックス
★その他アニメーション
★スクリプトやPHPを使用したシュミレーション・フォーム ※※
（★は別途費用となる場合がございます。ご相談ください。）

※※シュミレーション機能について
計算式や、スロットのような動き、問題形式など様々なものに対応可能です。
金額感は変動がありますので、事前にご相談ください。

【プランに含まれないもの】
・サイト公開対応（可能な場合もありますのでご相談ください）
・サイト引っ越し
・ドメイン設定
・データベース作成
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

【納品までの流れ】
①ヒアリング（ご相談・スケジュール確認）
②発注
③素材、ある場合デザインデータご入稿
④制作開始
⑤確認・修正対応
⑥納品

【対応できる時間帯】
フリーランスのためスケジュール、リソースに空きがあれば基本柔軟に対応可能です。原則期日は2週間前でお願いいたします。ただし、継続契約の場合別途相談ください。
また、私と契約のあるパートナーへ委託する場合ございますので、NGの際は事前にご連絡いただけますと幸いです。

【修正について】
基本こちらの不備である場合は対応いたしますが、
依頼の際より大幅なデザイン変更や仕様変更など、此方に不備が場合は別途相談させていただきます。

【その他】
・納品後の修正は別途相談させていただくことがあります。
・正当な品質不足以外の途中キャンセルの場合、対応分はお支払いいただきます。
・フリー素材の契約はなく、ほとんど所持しておりません。素材はご提供ください。

▼こんな方へおすすめ
とにかく安価にホームページを作成したいと考えている方

▼やすくできるための理由
テンプレートを利用した作成のため、安く作成ができます。

▼サーバーへのアップロード
サーバーへのアップロードはお客様にてお願いいたします。
サーバー構築、サーバーへのアップロードをご希望のお客様は、別料金にはなりますが対応可能ですので、おっしゃってください。

▼注意事項
テンプレートを使用していますので、内容確認時点では著作権表示があります。
著作権表示は、ご入金後に、削除いただくことが可能です。(削除したものを納品させていただきます)

数あるサービスの中から、ご覧いただきありがとうございます！

＜ 先着10名様限定のモニター価格＞

現在ランサーズでの実績を積むため、先着10名様限定の特別価格でご提供しております。
お見積もりは無料となっておりますので、ぜひお気軽にご相談ください！

■こんな方におすすめです！
・ WEB デザインはできるけど、コーディングが難しい方
・ コーディングだけ誰かにお願いしたい方
・ 既存サイトを改修・補修されたい方
・・・など上記以外でも、お気軽にご相談ください。

【各プラン料金に含まれるもの】
•　レスポンシブ対応（PC / Tab / SP）
•　簡単なjQuery/JavaScriptのアニメーションの実装※1
•　画像の圧縮
•　表示確認・品質チェック（W3C Validation Service）

※1　簡単なアニメーションの範囲
ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ スライダー
など。オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

【オプション料金で対応可能なもの】
•　WordPress構築
•　お問合せフォームの実装（WordPressプラグインで対応）
•　JavaScript（jQuery）を使った複雑な動きの実装
•　下層ページの追加
•　Illustrator、Photoshopのデザインカンプからのコーディング

【料金表】
・コーディング（トップページ・LP 縦6000px前後）※1：￥20,000～/ページ
・コーディング（下層ページ 縦3000px前後）※2：￥10,000 /ページ
・Photoshop, Illustratorのデザインカンプからのコーディング: プラス￥1,000 /ページ
・アニメーション（複雑なもの）：￥3,000円/1実装
・WordPress化： ￥5,000円/ページ
・カスタム投稿タイプなど更新機能追加：プラス￥10,000円～
・お問い合わせフォーム追加：プラス￥10,000円
※1,2デザインカンプ追加縦1,000pxにつき1,000円加算させていただきます

【納品までの流れ】
①ヒアリング・お見積り
デザインデータの詳細確認、素材（画像・ロゴ・テキスト）の確認、希望納期等のお打ち合わせ
　　　↓
②お見積りご案内・ご契約締結
作業内容・見積もり・納品予定日をご提示いたします。（ここまでは無料です）
　　　↓
③必要な情報・データの受取
デザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
④コーディング開始
　　　↓
⑤ご確認・必要に応じ修正
テスト環境にページをアップ
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
⑥最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【納期について】
約2週間（既存ページの一部修正は、3日～1週間）
※ページ数やボリュームにより変動する場合がございます。
※既存ページの軽微な修正は、修正内容により納期を早めることが可能です。お気軽にご相談ください。
お急ぎの場合は、事前にお問い合わせください。

【検証ブラウザについて】
コーディング後の表示確認は、以下のブラウザで確認いたします。
■パソコン（Windows）
Chrome、Firefox、Edge、Safari
■スマートフォン（iOS）
Chrome、Safari

【納品方法】
基本的に HTML / CSS / JavaScript(jQuery)ファイルを ZIP ファイルでお渡しいたします。
※サーバーへのアップロードをご希望の際は、必要な情報を共有いただきます。

【連絡方法】
Chatwork、Slack、Discord、Zoom等対応可能です。
その他ご希望の連絡方法がございましたら、ご相談ください。

最後まで ご覧いただき、ありがとうございました！まずはお気軽にご相談ください。

【作業内容】
・WordPressを用いた 企業サイト制作、LP作成
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロール、アニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

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

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

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

■可能な業務

・HTML/CSS（Sass）/jQueryを用いた実装

・Gulp
→画像圧縮、Sassファイルのコンパイル、CSS・JavaScriptファイルのミニファイ、ベンダープレフィックスの自動付与など。

・CSS設計（BEM）
→わかりやすく拡張性の高いコーディングをおこないます。

・デザインを忠実に再現
→パーフェクトピクセル（chrome拡張機能）を用いて確認いたします。

▼こんな方へオススメ

• コーダー不足
• なるべく素早く納品して欲しい
• 確実にデザインが反映されたホームページが欲しい
• 制作後も管理できるモダンでシンプルなコーディングが望ましい

▼ご提供内容

• お好みのデザイン・エフェクトをおよそ3日/ページでコーディングいたします
• 変更点に即対応し、満足いくまでブラッシュアップしていきます
• サーバーへのアップロードといったHP・LP制作の流れをまんべんなくサポートします
• アニメーションやレスポンシブ (ブレイクポイント無制限)、SEO対策は標準料金内で実装いたします
• scssやtailwind.css等を利用した操作性のよいCSS設計ができます

▼制作までの流れ

1. webミーティングでヒアリングを行います
2. デザインを元に実装開始
3. テスト環境にて検証
4. 修正内容確認後に検収
5. ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)

ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。

ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。

【製作事例】
カードローンタイム
https://www.cardloan-time.com/gr/lp.html

三洋貿易株式会社様
https://www.sanyo-trading.co.jp/ir/investor/

株式会社Zene様
https://www.zene.co.jp/

ヴァーチャルオフィス「FIRM」様
https://co-firm.biz/

株式会社テックビルケア様
https://www.techbuilcare.com/dpass/

小田急くらしサポート「ふとん丸洗い＆保管キャンペーン」
https://odakyu-kurashisupport.jp/futoncleaning/

【このようなお悩みの方におすすめです！】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様

【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・Retinaディスプレイ対応
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料

【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。

【対応可能データ形式】
・Figma、PSD、AI、XD形式のいずれか
　確認用のJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

【ブラウザ・端末確認一覧】
・Windowsパソコン
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iphone
　Safari
・Android
　Chrome

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

ご不明な点は、お気軽にお問い合わせください。

こんな方におすすめ

└人手不足で手が回らない
└新しい人材を試してみたい
　└新しい人材を教育したい

自分は実務経験ほぼないです。
そのため経験を積むべくこうしてパッケージの出品というものをしてみました。
そんな自分勝手な人材ではありますが、ゆくゆくは立派なエンジニアになりたいので、チャンスの機会をくれる方がいらっしゃるのでしたら、よろしくお願い致します。

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

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

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

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

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

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

【納期】
　・最短即日納品

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

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

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

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

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

▼以下の3つでお困りでしたら、まずはお気軽にご相談ください！
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします！

▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能！

▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード

◆こんな人におすすめ！
・デザインできるけど、コーディングは外注でお願いしたい人
・代わりにホームページを更新してほしい人
・既存ホームページの修正したい人※
※デザインやライティングにつきましては、こちらからデザイナーとライターを別途紹介します。

◆ご提供内容
・HTML設計
・BEM記法でのCSS設計
・jQueryでアニメーション実装
・WordPress構築

◆ご購入の流れ
私宛へご連絡⇒ヒアリング⇒見積書の提示⇒同意⇒作業開始⇒納品

この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
HTML/CSSのコーディングを代行させて頂きます。

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

「 デザインはあるけどコーディングする時間がない」
「スピーディーにコーディングしてくれる人を探している」
などコーディングに関する様々なお悩みがあるかと思います。
どんなお悩みをお持ちの方でも、ぜひ一度、弊社にご相談ください！

■自己紹介

私達はTECHCARAVAN合同会社という千葉県にある制作会社です。エンジニア1人とデザイナー1人という少数精鋭で日々、様々な業種のお客様のクリエイティブのご相談に乗っております。

■私たちの強み

丁寧なヒアリング

実際にコーディングするエンジニア・デザイナーが直接ヒアリングいたします。間に営業が挟まらないので密でスピーディーなコミュニケーションが可能です。不安な事は何でも聞いてくださいね。

柔軟なサイト設計

「こんな機能を追加して欲しい」「SNSを連携したい」などお客様のご要望に柔軟にお応えいたします。まずは「こんなことできる？」とご相談ください。

知見を生かしたご提案

弊社はホームページ制作だけでなく小売の店舗も運営しています！集客や店舗運営の知見を活かしたホームページのご提案ができます。ホームページ以外の知見をホームページに活かせるのも弊社の強みです。

少数精鋭が叶える低予算

弊社はエンジニア1人、デザイナー1人の少数精鋭でホームページ制作をしています！少ない人数なので、予算を抑えた対応が可能です！

■ご契約後の流れ

①お客様から弊社にご連絡
ご希望のプランを選択して「まずは相談する（無料）」のボタンからご連絡くださいませ。

②弊社からご連絡
お問い合わせいただいた内容を確認し、弊社からご連絡いたします。
追加の質問や必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。
※対面でのお打ち合わせはよくある質問をご確認ください

③事前のヒアリング・お見積もりの提示
詳細な希望をヒアリングし、プラン以上の金額になる場合はお見積もり提示いたします。

④契約・仮払い
ご提案内容にご納得頂けましたら、この段階でご契約・仮払いとなります。

⑤お客様からの素材提供・追加のヒアリング
写真やテキストなどの素材をご提供いただきます。
必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。

⑥制作開始

⑦制作サイトの確認と修正
お客様に制作サイトをご確認いただき、修正が必要な箇所をご指示いただきます。
修正は3回まで無料対応いたします。

⑧納品
最終チェック作業を行ったあと納品。

下記記載の【注文時のお願い】【よくある質問】もぜひご覧ください！

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

食べることが大好きなコーダー、田中と申します。
　

▶︎サービス内容　

・HTML・CSSコーディング
・jQuery/JavaScriptを用いたアニメーション実装
・WordPress構築
・お問い合わせフォーム実装

▶︎基本料金内

・jQuery/JavaScriptを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・長期メンテナンスしやすいCSS設計（BEM記法）

▶︎制作の流れ

①ヒアリング
チャットやビデオ通話によるご相談・スケジュール確認させていただき、お見積もりいたします。
②契約
問題がなければご購入をお願いいたします。
③制作・確認
制作物のご確認をお願いいたします。
修正点ございましたら可能な限りご対応させていただきます。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。

ご用意いただくもの

・デザインデータのご用意(XD、Photoshop、Illustrator、Figma)
・FTP情報(レンタルサーバーへのアップロード納品ご希望の場合共有お願いいたします。)

▶︎注意事項

①作業開始後のデザイン変更は工数が発生するため、追加料金をいただく場合がございます。
②ブレイクポイントは基本的に768pxで設定します。＊ご要望あればご相談ください。
③品質確認(対応ブラウザ)
PC：Chrome、Safari、Edge、Firefox
スマホ：Chrome、Safari
実機確認：Mac、iPhone、Android

フリーランスとして活動中で平日と土日の作業可能です。
HTML、CSS、Bootstrapのコーディングを得意としております。
私はHTMLとCSSを中心に活動してきたので御社に貢献できたら幸いです。
作成したサンプルサイトの画像も添付させていただきますので確認いただけたら幸いです。
チャット等での業務連絡もすぐにレスポンスできるようにしておりますので、
お気軽にご連絡いただければ幸いです。

クライアント様の想いをくみ取り一生懸命対応させていただきます。
何卒よろしくお願いいたします。

当サービスをご覧いただきありがとうございます！
こちらはHTML・CSSを使用して、ホームページのコーディングを行うサービスです。

○デザインはあるけどコーディングができない
○コーダーが足りない
○制作会社に依頼したら高そうでできない
などといった方々におすすめのサービスです！

【作業内容】
・WebサイトのHTML／CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・作成したフォルダのサーバーへのアップロード
・納品後1週間まで修正無料！

【制作の流れ】
① デザインのご提供(お客様)、事前確認
② 制作
③ 確認・修正
④ 最終チェック
⑤ 納品

お客様に事前にご準備いただくものがございます。
・デザインカンプ（XD、Photoshop、Illustratorなど）
・素材データ（画像、イラスト、ロゴ、文章）
※
・サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい

ご相談だけでも構いません！
お気軽にお問い合わせください。

▼こんな方にオススメ
簡単なコード改修をお願いしたいけど、最安価格が希望と合わない
もっと安くコーディングしてくれる人を探している

【安心丁寧対応！コーディング業務を外注しませんか？】

パッケージ出品をご覧くださりありがとうございます！
Webデザイナー・コーダーの菅井と申します。

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

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

私にコーディング業務をお任せください！
しっかりと要件を伺って真摯に対応させていただきます！

ーサービスの内容ー

・静的コーディング
　→ LPやホームページなどの静的コーディングが可能です。
　　レスポンシブ対応も可能となっています。

・WordPressのオリジナルテーマ開発
　→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。

その他にも
・JavaScript/jQueryを使用したアニメーション
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。

-これまでの制作実績-

・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作

-ご予算について-

記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ！

-制作の流れ-

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

-最後に-

最後までご覧いただきありがとうございました！
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください！

・データ入力
・業界、業種の調査業務
・英語翻訳
・マークアップ言語を使用したサイト作成
・動的サイトの作成

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

貴社でご準備されているデザインカンプを
デザインに忠実に、保守性を重視してコーディングします！

円滑なコミュニケーションを意識しており、
お客様からのご連絡には最長でも半日以内にお返事しております。
また、最後まで責任を持ってお仕事させていただきます。

＊ 基本サービス ＊
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境での確認
・品質チェック（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・指定のサーバーへのアップロード
・納品後１週間以内の修正対応（大幅なデザイン変更を除く）

＊ オプション ＊
・お問合せフォーム ¥10,000
・内容によっては、+¥2000 or +¥5000の追加料金をいただいております。
(これ以上の追加料金はございません！)

＊ 制作の流れ ＊
① ヒアリング・お見積り
② デザインデータ（psd, xd, figma）をお送りいただく
③トップページ制作・修正
④問題なければ下層ページコーディング
（必要であれば、ページごとに確認、進捗報告します）
⑤テストサーバーでの表示、動作確認
⑥問題なければ品質チェックシートを添えて納品
（zip、FTPを使用して直接サーバーへアップロード）
※修正回数に制限はございません（大幅なデザイン変更はできません）

＊ 稼働時間 ＊
AM10:00~PM4:00
PM10:00~PM2:00
その他時間をご希望の際は柔軟に対応させていただきます。

WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!

【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方

【制作環境】
■BEMをベースとしたCSS設計が可能（予測・拡張・保守・再利用しやすい）
■Gulp使用（CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与）
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能（SEO対策、セキュリティ対策、サイトパフォーマンス向上も可）

レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます！

【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。

【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。

最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。