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

デザインデータ（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テーマカスタマイズ等

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

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

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

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

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

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

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

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

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

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

１時間辺り２０００円ぐらいでコーティングのお仕事があればご応募します。また１週間辺りの業務時間はどれぐらいかかるのか？とかポートフォリオがあれば貼って頂けると幸いです

将来的にはLP製作とかWEB製作を考えていてコーティングよりも単価が上がる可能性があります

この辺は相談という事で考えていますので
機会がありましたら
よろしくお願いします

ホームページの構想やデザインはあるが、ホームページを作る知識がない…
そういう方にピッタリなサービスです。

PSD形式のデータ、参考にしたいサイトのURL、手書きメモの写真などをいただけましたら
できる範囲でHTMLコーディング作業をいたします
納品はHTML、CSSファイルです

【できること】
・HTML、CSS、Javascript
動的サイト、レスポンシブサイトの作成ができます。

・画像加工、ロゴデザイン、バナー作成
追加料金になりますが、訴求バナーなどの作成希望がありましたらご相談ください。

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

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

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

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

◆動作確認
・Chrome, Firefox, Safari

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

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

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

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

ご覧いただきありがとうございます！
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 でのコーディング
web作成　
レスポンシブ対応

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

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

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

ー私の強みー

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

ーサービス内容ー

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

ー制作の流れー

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【提供業務】

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

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

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

===========

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

===========

■ご契約時の流れ

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

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

③制作開始

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

⑤最終確認

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

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

===========

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

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

ご用意いただいたデザインデータ（psd、ai、xdなど）を元に、
HTML・CSSでコーディングを行います。

制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。

ＨＴＭＬ/ＣＳＳテンプレート作成します。
1ページ4000円～承ります。
コーディングのみのご依頼も可能です。

作成物は、画像や見出し、テキストを入れるスペースなどを配置したテンプレートとしてご利用いただける状態です。
テンプレートではなく、実際のテキスト等のコンテンツまですべて入ったウェブページの作成は作業時間の関係でお受けできません。

ホームページ１画面を約１日で作成いたします。
挿入する写真や文章等をお客さまで用意していただけると、時間の短縮が可能です。
ＶＢＡマクロの作成も実施しております。
お気軽に申し込みください。

ホームページからお好みのfacebook（約10点程度に厳選）が眺められるサイトの登場です。
次のダクをhtmlに貼り付けることで、ホームページ画面でフェースブックを覗くことができます。このサイトには2015.12現在10点程度のfacebookを搭載されています。ご自分のパソコンに登録しておけば、いつもラクラク、スピーディにfacebookを見ることができます。工夫により、次々にウエブデザインを展開することも可能です。
以下は、民田工房Facebook例です。
表現タイプは①～⑤お好みのタイプをゲットすることが可能です。

パララックスはオリジナルでライブラリ制作できる程度の知識があります。
パスに沿って動かす等ニッチな表現も可能ですのでデザインの幅を広げることができます。JSの処理に強いのでこんなことできる？といったこともお気軽にお問い合わせください。

実績作り中につき格安！

丸投げ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制作事業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またはスマホでご覧ください。

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

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

◎画期的な効率と最終的な結果を推進する、ユーザー中心の堅牢なソリューションのエンジニアリング
◎ソフトウェアマーケティングキャンペーンのリードデベロッパーおよびディレクターとして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
・必要な画像やテキスト

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

このページをご覧いただき、ありがとうございます。

お預かりしたデザインデータをもとにコーディング作業を代行致します!

○サービス内容
＜基本料金＞
・HTML / CSSでの静的コーディング
・JavaScript(iQuery)の動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー等ご相談ください）
・WordPress対応
・レスポンシブ対応
・下層ページコーディング対応
・サーバー納品対応

①ヒヤリング/お見積り（無料）
②ご購入
③XD・psd・Figmaでのデザインデータのご提供
③コーディング作業
④テスト環境へアップロード
⑤修正（修正回数無制限ですので、もし修正希箇所があればお知らせ願います）、再度テスト環境へアップロード
⑥最終確認後、納品（zipファイル納品）。サーバー納品も可能です、ご相談ください。

・購入後のお客様都合でのキャンセルは原則致しません。
・格安で出させて頂いている事もあり、実績として使わせていただく事をお願いしております。

主にHTML.CSS.JavaScriptを使用したコーディング業務を提供いたします。

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

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

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

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

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

＜ 先着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送信などが可能です。その他の場合もご相談ください。

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

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

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

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

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

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

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

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

コーディング内容

ベース使用言語：HTML、SCSS（CSS）、JavaScript、jQuery
相談内容によって対応可能：PHP、WordPress、BootStrap

サーバーアップについて

基本的にお客様自身にご用意（契約）いただく予定です。
Up対応などは私の方で行うことも可能です。

納品物確認方法

私が契約しているレンタルサーバーに公開範囲を設定してUpし、発行されたURLからご確認いただく流れを想定しております。

▼
・最低価格でコーディング代行
・デザインそのままのコーディング
・何度でも修正可能
・数回のデザイン変更ok
※初心者ですので素早い業務は出来かねます

▼ご提供内容
・HTML/CSS
・jQuery可
・wordpress対応
・レスポンシブ対応

▼ご購入後の流れ

▼製作可能なジャンル

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

▼納期について

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

パッケージ出品をご覧くださりありがとうございます！
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サイトのコーディング、修正作業を外注したい方にオススメ！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

現在、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の際は事前にご連絡いただけますと幸いです。

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

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

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

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

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

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

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

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

■自己紹介

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

■私たちの強み

丁寧なヒアリング

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

柔軟なサイト設計

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

知見を生かしたご提案

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

少数精鋭が叶える低予算

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

■ご契約後の流れ

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

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

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

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

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

⑥制作開始

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

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

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

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

・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

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

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

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

ご覧いただきありがとうございます。
コーギーとコーディングが大好き、仲間由紀生 と申します。

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

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

◆料金表
・コーディング 1ページ10,000円～
※レスポンシブ、jQueryなどのアニメーション実装、基本のSEO対策などの対応込み
・画像、YouTubeなど動画の埋め込み
・Googleマップの埋め込み
・SNS のリンクや記事の埋め込み
につきましては基本料金内でお作りいたします。

＜無料オプション（ご希望の場合）＞
・テキストが必要になった際の文章作成サポート
・万が一、なにか不具合があった際の対応

◆納期
作業量によって異なりますが、基本的には１週間ほどお時間いただいております。
作業量が多くなれば、もう少しお時間を頂きます。
ご希望の納期がある場合はご相談くださいませ。

連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談ください。
よろしくお願いいたします。
すべて読む
購入にあたってのお願い
サーバーレンタルとドメイン取得は、個人情報が必要なためお客様ご自身でしていただく必要がございます。ご不明点などは事前にお問い合わせ下さい。

【事前にご準備いただくもの】
・サーバー契約とドメイン取得
・掲載する文章
・必要な方は、ロゴデータ（背景透過処理がされたpng形式のもの）
・掲載する写真
・必要な方は動画やイラスト

【必ず一読ください】
・トップページのデザインが決まった後での大幅なデザイン変更や同一ページの３回以上(文章の差し替え含め)の修正には追加料金がかかります。
・購入後のキャンセルはできません
・突然連絡が途絶え７日以上ご返信いただけない場合は制作途中であっても正式な回答を送って（納品）やり取りを終了させていただきます。スムーズなやり取りにご協力をお願い致します。

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

こんな方におすすめ

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

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

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

弊社について

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

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

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

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

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

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

デザインカンプからのコーディングを専門としております。

【このような方にオススメ】
デザインに注力したい方、コーディングを外注したい方、案件が多く手が回らない方。

【共通認識】
デザインカンプからのコーディング業務を承っております。

【プラン】
ベーシック：デザインカンプからの静的コーディング、レスポンシブ
スタンダード：デザインカンプからの静的コーディング（複数ページ）、レスポンシブ
プレミアム：デザインカンプからの静的コーディング、レスポンシブ、WordPress導入

【オプション】
プランは基本セットになります。追加で必要な項目が出てきた場合を想定して作成しております。

【使用ツール】
・photoshop
・adobe XD
・figma
・Git
その他のツールも柔軟に対応致します。
1度ご相談ください。

【納期について】
一般的な目安になります。デザインや1Pのボリュームにより変動しますので、ご相談ください。

■可能な業務

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

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

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

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

・ホームページを作りたいけど、まず何から始めたらいいのかわからない...
・Webサイトを作りたいけど、相談できる人がいなくて困っている...

そんな個人事業主・中小企業の方の気持ちに寄り添った、ホームページのの制作代行を
しております。
制作には新しく誕生した日本発のWebサイトデザインツールの「STUDIO」を使用致します。

STUDIOで制作することで、低コスト・高品質・短納期を実現します！

従来のウェブサイト制作方法
・大きなコストがかかる
　→ヒアリング後のデザイン作成、コードの作成、さらにはバックエンドの開発など、
それぞれの工程で専門の担当が必要になるため
・コストパフォーマンスが悪い
　→価格の割にクオリティや集客が思ったほど伸びない、サイトの修正にも追加費用が
かかる
　
STUDIOでの制作方法
・コストを抑えられる
　→デザインフェーズのみでのサイト公開が可能なため、工数が削減でき、必然的に
人件費が抑えられるので、従来のホームページのクオリティを維持しながら、価格を
大幅に削減したサイトの制作が可能
・運用面でもおすすめ
　→ページの変更もリアルタイムでお客様ご自身でも可能
　（近年ではメルカリや官公庁などでもSTUDIOを用いたサイト制作が行われているため、
安心してご利用いただけます。）

納品までの大まかな流れは以下の通りです。
①ヒアリング
・どんなデザインにしたいか
・どのようなページを作りたいか
・誰に何を伝えたいか
・ホームページを作る目的
など、ヒアリングを行います。
まだイメージが決まっていなくても問題ありません。

②画像・文章・ロゴのご準備をお願いします。
ご用意がない、どうしたらいいかわからないという方もご相談ください。
フリー画像のご用意など丁寧にサポートいたします。
（サーバーはSTUDIOとセットになっているため、ご準備は不要です。）

③ご確認
こちらで制作したホームページをお送り致しますので、ご確認ください。
修正・変更等のご希望があればお知らせください。
（修正は基本、3回とさせていただいております。）

④納品
ご自身で行う場合の修正や更新方法をお伝え致します。

実際にZoomなどのビデオ通話で打ち合わせしないと不安ということもあると思い
ますので、お気軽にご相談ください。
無料で承っております。

□サービス内容
LP・HPを制作いたします。
お客様からいただいた＊デザインデータをもとに、忠実にサイトのコーディングをしてお渡しいたします。
＊XD、Figmaに対応しております。

・HTML、CSS（Sass）を用いたコーディング
・Wordpress構築
・レスポンシブ対応
・＊簡単な動き対応

＊ハンバーガーメニューやアコーディオン、フェードインアニメーションなど。