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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

▼こんな方へオススメ

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

▼ご提供内容

• お好みのデザイン・エフェクトをおよそ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でレンタルサーバーへアップロード）

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

こんな方におすすめ

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

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

ご覧いただきまして、ありがとうございます！
みなさまにご安心してご依頼いただけるよう努めております。

当サービスはデザインデータからWebサイトのコーディングを承っております。

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

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

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

【サービス内容】
・HTML・CSSの静的コーディング
・jQuery/JavaScriptの実装
・CSSアニメーション
・WordPress化(カスタム投稿・カスタムフィールドなどカスタマイズ可能です)
・お問い合わせフォーム実装

【基本料金内】
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・アフターフォロー（納品後1週間以内）
　納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

【基本料金JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど

【料金表】
・トップページコーディング ：20,000円～
・下層1ページ：10,000円～
・複製ページ：2,000円～
・WordPress化：30,000円～

【納期】※デザインにより変動いたします。
・TOPページ：3~5日
・下層ページ：1～3日
※デザインデータ受け取り翌日からの日数です。

【ブラウザ・端末確認一覧】
・PC：Chrome、Safari、Edge、Firefox
・スマホ：Chrome、Safari
・実機確認：Mac、Windows、iPhone、Android
♦品質チェックをしてお渡しいたします。

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

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

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

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

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

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

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

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

ご覧いただきありがとうございます。
デザインデータからのコーディング作業を行なっております。
ご連絡いただきましたら、すぐに返信させていただきます！
お気軽にご連絡お願いします！

制作ページは全てスマートフォン対応のレスポンシブ制作。
PCでもスマートフォンでも質の良いホームページを制作いたします！
コーディングを行う際、デザインのご提供をよろしくお願いいたします。

■ご用意いただきたいもの
・デザインデータ（ Adobe XD( Photoshop・Illustrator ) ）
・画像データ / 動画
・テキストなど

※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。
ご準備が難しい場合はこちらでレスポンシブ対応することも可能です。
納品後の修正期間は２週間までとさせていただきます。
また、作成後のキャンセルはお断りしています。作業開始前にイメージの共有をお願い致します

ご閲覧ありがとうございます！
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。

コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング？何それ？

そんな方はぜひ、ご相談ください！
お安く作業致します。（本職でもコーディングをやっております。）

◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応

◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション

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

現役エンジニアのせなと申します。
現役でホームページ制作・更新・修正、ソフトウェア開発等行なっております。
下記をご覧になり、少しでも気になりましたらお気軽に見積もりくださいませ！

■ 当サービスの内容
・ホームページのコーディング作業
・LP(ランディングページ)のコーディング作業
・アニメーション実装

■ 対応事例・作業内容
・コーディング作業( 修正回数無制限 )
・SEO対策済み
・レスポンシブ対応
・画像挿入
・地図挿入
・お問い合わせフォーム作成
・リンク設置
・ファビコン設置
・アニメーション実装

などなど、上記の応用やそれ以外の対応も可能ですのでご気軽にご相談くださいませ。

■ 料金内訳
基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→１ページのみ）
料金：10,000円

基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→３ページのみ）
料金：25,000円

基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→５ページのみ）
料金：40,000円

■ 作業工程
1.ヒアリング + 見積もり
2.購入
3.デザインデータを共有 + 詰め合わせ
4.コーディング作業
5.実物確認（納得いただけるまで）→修正
6.納品

■ 納期
納期目安：2日 ~ 7日
作業開始日：当日から可能
チャットの返答頻度：基本的に1時間以内に返信致します。

■ 納品形式
コーディングデータ（Html/Css等）をzipファイルで送付
※Wordpressに実装して欲しい等、変更してほしい点がありましたらメッセージをください！

■ 注意点
・ご購入後のキャンセルは不可とさせていただきます。
・1週間以上ご連絡がない場合、正式な回答とさせていただきます。

■ 購入後、下記情報を頂けますとスムーズに作業を開始できます。（　作成に必要な方のみ ）
・作成サイトデザイン

【業務内容】
HTML、CSS、Javascriptを用いてコーディングを代行させていただきます。
あくまで表示の料金は例なので内容によって料金は変動します。
ですので、細かな料金や納期は一度ご相談できればと考えています。

-アニメーション実装
1工程当たり3000円になります。

【納品までの流れ】
①ヒアリング
詳しくヒアリングをし、クライアント様との認識のずれをなくします。

②お見積もり
デザインとご要望を確認の上お見積りさせていただきます。

③デザインデータの提出
お見積りに納得していただけましたらデータをご提出ください.。
データはxdでお願いします。

④途中経過の確認
1週間に1度、経過具合をご報告させていただきます。
要望がありましたらヒアリングの時におっしゃってください。

⑤最終確認
完成しましたらこちらから連絡させていただきます。
その時に最終確認をお願いいたします。

⑥納品
納品はzipファイルかFTPツールを使用してサーバーにアップロードかになります。

【こんな方向け】
できるだけ料金を安くしたい
でも一定の品質は欲しい方

【自己PR】
時間管理には自信があり納期は必ず守ります。

初めまして。
shinzieと申します。

この度はご覧頂き、誠にありがとうございます。

ご満足頂けるものができるように、日々技術向上に心がけております。ご依頼ご相談など、お気軽にご連絡ください。

今回のお見積もりは実績を積みたいため相場よりもお安くさせていただきます。ご依頼者様とご相談させていただく形になります。

html,css,bootstrapでのコーディングなら自信があるのでこの機会を大切に是非お願いしたくご返事させて頂きました。

ポートフォリオのURLを記載しておくので見ていただけたら幸いです。
http://sinzie.xyz/

納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、何かありましたら、遠慮なくおっしゃって頂ければと思います。

基本的に平日午後8時から午後10時まで作業しておりますので、時間内であれば、１時間以内に返信します。

また過去には生産管理業務をしていた経験がございますので、円滑なコミュニケーション、指示に忠実に沿った制作、納期の厳守には好評を頂いております。

何かありましたら、お気軽にご相談ください。

どんなに遅くても12時間以内には必ず対応致します。

誠心誠意対応させて頂きますので、何卒よろしくお願い致します。

最後までお読み頂いて、ありがとうございました。

Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です！

「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。

「私の実績」
実績
・Wordpressサイトの開発案件 20件ほど
・LPの開発案件 5件ほど
・予算1000万円規模のメインディレクション 3件ほど
・予算200~500万円規模のメインディレクション 10件ほど
などなど

ポートフォリオ
ランサーズに登録しているポートフォリオはこちらになります。
https://www.lancers.jp/profile/yk72__mfs/portfolio

「アフターフォロー」
・追加修正が3回目まで無料

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。

文化祭など、一時的なイベントのためのホームページ、印象いいものにはしたいが何万もかけられない、、
そんなことはありませんか？

現在は異なる職種にいますが、過去html, css, jsコーディングをしてきたものとして、他とは格安で承りたいと思います。

当然、満足いかなければ何度でも変更要望可能です。どうしても満足いただけなければキャンセル・返金の対応を撮らせていただきます。

ぜひお手軽にホームページを作成してみてはいかがでしょうか？少しでも盛り上げるお手伝いができればと思います！

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

パッケージ出品をご覧くださりありがとうございます！
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
その他時間をご希望の際は柔軟に対応させていただきます。

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

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

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

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

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

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

■可能な業務

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

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

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

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

この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。

HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。

• HTML5/CSS3を使用したマークアップ作業
• JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
• PHPを使用したバックエンド開発
• WordPressのテーマ作成、プラグイン開発

これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。

さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。

ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。

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

⭐︎案件について
1.ホームページ開発をしたい
2.LPだけでも作って欲しいな、、
3.ITに関する知識がないので教えて欲しい
4.こんなアプリつくってほしいな、、等

⭐︎特徴
海外在住経験や、プログラミング情報共有コミュニティに参加していることから、情報のキャッチアップには自信があります。
また開発経験もあり、コーディングも行っておりますのでご安心ください
お値段は是非相談してください！

★注意
あくまで、本業がございますので、納期は多少頂くことになりますので、ご了承いただければ幸いです。

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

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

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

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

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

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

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

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

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

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

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

＜ 先着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コーディング
・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を中心に活動してきたので御社に貢献できたら幸いです。
作成したサンプルサイトの画像も添付させていただきますので確認いただけたら幸いです。
チャット等での業務連絡もすぐにレスポンスできるようにしておりますので、
お気軽にご連絡いただければ幸いです。

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

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

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

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

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

ホームページ、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回まで無料対応いたします。

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

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

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

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

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

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

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

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

インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。

【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装：17,000円〜
　「PHP工房」のメールフォーム使用

▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811

▼こんな方へおすすめ
Webページのデザインをしてみたけど、具現化できない方。

▼オプション
DBを持ちたい、サーバーにDeployしたい、クラウドで運用したい等の相談も受け付けます！
使用する技術が変わるので、料金は別途相談。
（React,Typescript,Postgres,node.jsで対応させていただきます）

▼パッケージ内容

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

▼コーディング料金

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

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

▼納品までの流れ

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

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

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

【1ページ30,000円→15,000円】ランサーズ出品記念として先着５名様で半額キャンペーン実施中！

　
本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行サービスを提供しております。
手軽にウェブサイトを作りたい方、制作会社様、フリーランスのWebデザイナー様におすすめです。

✅デザインはできるけれども、コーディングができない。
✅デザインを忠実に再現してほしい。
✅スマホ用デザインを制作する時間がない…。でもレスポンシブに対応してほしい。

こうしたお悩みにお答えし、あなたに最適なプランで問題解決を実現いたします。

サービス内容

• HTML／CSSコーディング
• レスポンシブ対応
• 簡単なjQuery/JavaScriptのアニメーションの実装（2つまで）※1
• テスト環境のご用意
• 納品前の確認作業

※1　簡単なアニメーションの範囲（2つまで）
→ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ TOPへ戻るボタン ／ スライダー

納品までの流れ

1. 出品者へDM（ダイレクトメッセージ）で連絡
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容、ご質問等をお送りください。

2. 出品者から相談者様へ返信
　送っていただいた内容について回答・質問を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 制作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

料金

• トップページ・LPのコーディング：￥15,000〜 【先着5名様限定価格】

• 下層ページのコーディング：￥15,000〜/ページ
【先着5名様限定価格】
• 複雑なアニメーションの実装：￥5,000円/1機能

• WordPress化：￥10,000円/ページ
• カスタム投稿タイプなど更新機能の追加：￥15,000円～

• お問い合わせフォームの実装：￥5,000円


※縦5,000px以上の場合、1,000pxごとに1,000円が追加料金となります。

対応可能データ

PSD、AI、XD、Figmaのいずれか
その他データをご希望の場合はご相談ください。

納品形式

ファイル送付、またはご指定いただいたサーバーへのアップロード

納期について

標準納期は、「デザインデータ受領から」10日となります（ベーシックプランの場合）
サービス購入からデータのご提供までの日数は、納期には含まれておりませんので、予めご了承ください。

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

人手不足解消にお役立ていただければと思います。

まずはお気軽にお声がけください！

WordPress（ワードプレス）で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。

こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。　
　
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など

【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい（見せる要素の変更、フィルタ項目の変更）
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など

【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など

まずはご相談ください！
プランごとの作業時間目安
ベーシックプラン：3時間程度
スタンダードプラン：6時間程度
プレミアムプラン：9時間程度

ご発注から納品までの流れ

1. ご相談
   各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
   ※作業時間がわからない場合はメッセージでご連絡をお願い致します。
   ※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
   内容を確認の上、納期と見積金額をご提示します。

2. ご発注・仮払い
   納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
   ログイン情報をお預かりいたしますのでご準備をお願い致します。

3. 作業開始
   不明点などありましたら随時メッセージ連絡を取りながら進めます。
   指定納期での作業し完了報告を致します。

4. 検証・お支払い
   作業内容がよろしければ完了報告を受領ください。

個人事業者やWEBが苦手な中小企業のご担当者様など、
コミュニケーションを取りながらホームページやSNS運用、
名刺作成やロゴ制作まで承ります。

【サービス内容】
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。

〜 こんな方におすすめ 〜
・コーディングをお願いしたい制作会社様、デザイナー様
・忙しくて時間が割けないのでコーディングを代行したい方

【ご準備していただくもの 】
・デザインデータ（Photoshop・XD・figma）
・画像、動画、文章

【サービス内容 】
・HTML・CSSで静的サイトをコーディング
・レスポンシブ対応
・CSSやJavaScript(jQuery)を用いたアニメーションの実装

【納品までの流れ 】
①ヒアリング&お見積り（ご相談・スケジュール確認）
②デザインデーターお預かり
③作業開始
⑤ご確認・修正
⑥納品（zipファイル納品）
購入にあたってのお願い
【購入にあたってのお願い】
・頂いたデザインデータに沿って作業させて頂きますので、画像の本番化や途中でのレイアウト変更、仕様変更がある場合は別途お見積りとさせて頂きますので、トラブルを避ける為確定後のデザインデータをお送りください。
※クライアント様の都合上事前に修正等が必要とわかっている場合は、事前にお伝えください。
※コーディング着手後にデザイン変更があった場合、追加料金が発生する場合がございます。
・48時間以上ご連絡が途切れた場合はトークルームをクローズさせていただきますのでご了承ください。なおその場合のご返金は致しかねます。
・ コーディングのルールがございましたら事前にお知らせください。
・ Wordpress構築やカスタマイズの対応は行なっておりません。

【サービス内容】
・React, TypeScript, Next.jsを使用した静的コーディング
・1ページから大規模サイトまで対応可能
・既存サイトの修正にも対応
・レスポンシブデザインに対応
・JavaScriptを用いた動的機能の実装（スライダー、ハンバーガーメニューなど）

【制作プロセス】
・ヒアリング・お見積り：お客様のニーズを丁寧にヒアリングします。
・デザインのご提供：お客様よりデザインデータをご提供いただきます。
・コーディング：提供されたデザインを忠実に再現し、高品質なコーディングを行います。
・ご確認・修正：コーディングした成果物をご確認いただき、必要に応じて修正を行います。
・最終確認・納品：最終確認を経て、納品とさせていただきます。納品方法はお客様のご希望に合わせて柔軟に対応いたします（GitHubコミット、zip納品、FTP送信など）。

【納期について】
実装内容により異なりますが、基本的には1〜2週間以内での納品を心がけております。
お客様のご希望の納期がある場合は、お気軽にご相談ください。
お約束した納期は厳守いたします。
まずはお気軽にお問い合わせください。

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

この度はパッケージをご覧いただき、誠にありがとうございます。
デザイナー様向けに、デザインカンプから、コーディングを承ります。

サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。

▼ こんな方におすすめ

• コーディングする、リソースがない
• デザインだけに集中したい

▼ スタンダードプラン・プレミアムプランに共通で含まれるもの

• レスポンシブ対応のサイト
• お問い合わせフォーム
• 簡単なアニメーション
  ・ハンバーガーメニュー
  ・ふわっと出てくる
  ・スライダー
  ・アコーディオン
• 修正無償

▼ お問い合わせから制作の流れ

①提供予定のデザインをもとに打ち合わせ
　基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
　その後、正式なお見積もり金額を提示いたします。

②仮払い
　お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。

③素材の提供
　対応可能なツール
　・Figma
　・XD
　・Photoshop
　・Illustrator

④制作開始

⑤初稿提出・修正
　テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。

⑥本番環境にアップロード、納品
　FTPでの納品か、zip形式のファイルでの納品になります。

◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方

◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
　(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
　(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。）
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。

　中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
　新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。

こんな方におすすめ▼
お試し感覚で依頼をしてみたい方

ご提供内容▼
既存サイト、新規サイトのhtml/cssコーディングをいたします

価格▼
既存サイトの修正：￥10000
新規静的サイト：￥15000
CMS構築：￥20000

オプション▼
下層ページ+1枚：￥5000
手直し(3回目以降)：￥1000/1回

申し込みから納品まで▼
お申し込み▶デザインファイル(XD, Figma, Photoshop, Illustrator)送信▶デザインファイル受け取り▶コーディング▶納品▶手直し(3回まで無料)▶完全版納品

あなたのデザインのコーディングを代行いたします！

「デザインはできるけどコーディングはできない」
「忙しくてコーディングに手が回らない」

上記のようなお悩みを解決いたします。

■当サービスの強み

✔デザインの忠実な再現
デザインデータからキレイにコーディングいたします。当然レスポンシブ対応込みです。
また私自身Webデザイナーとしての経験もあるためPC版のデザインデータのみしかご用意がない場合でも、スマホ版のコーディングが可能です。

✔アニメーションの実装
フェードアニメーションやスライドアニメーション等のアニメーションを料金内で対応させて頂きます。
詳しくは下の「アニメーションについて」を御覧ください。そこに書いてないものでも簡単なものであれば料金内で対応可能ですのでご相談ください。

✔SEOを考慮したマークアップ
divやspanは極力使わず適切なタグを使い可能な限りSEOに配慮した構築を心がけております。

✔アクセシビリティの配慮
2024年4月に障害者差別解消法の改正法が施行され、今まで民間事業者では努力義務であった「合理的配慮の提供」が義務化されました。
デジタル庁の公開しているウェブアクセシビリティ導入ガイドブックに則り、WAI-ARIA等を利用して最大限アクセシビリティに配慮した構築を料金内でさせて頂きます。アクセシビリティに関しては複雑な部分も多く、私自身まだまだ勉強中のみなのでその点はご理解ください。

■対応可能データ
・Figma、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

■アニメーションについて
【料金内で対応可能】
・フェードアニメーション（表示領域に入ったら発火など）
・ホバーアニメーション
・スムーススクロール
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

■動作確認ブラウザ
・PC
　Chrome、Firefox、Microsoft Edge、Safari
・スマホ
　Safari、Chrome

※いずれも最新版です。

■納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品

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

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

サービス内容

ご覧いただきましてありがとうございます！
コーディング業務を承っておりますやすゆきと申します。

キャンペーン期間中！
1名様限定3,000円でご対応いたします！

【サービス内容】
・HTML、CSSを用いた静的コーディング
・レスポンシブ対応（PC、タブレット、スマートフォン）
・JavaScript（jQuery）を用いた簡易アニメーション
　スライダー、スクロール、ハンバーガーメニュー
・各種SNS連携
・納品後1週間修正対応

【料金】
・TOPページコーディング：5,000円（5,000px目安）
・下層ページコーディング：3,000円（5,000px目安）
・レスポンシブ対応：基本無料（既存ホームページのレスポンシブ対応のみ：3,000円）
・アニメーション：基本無料（スライダー、スクロール、ハンバーガーメニュー以外のアニメーション1点：2,000円）
・サーバーアップロード：基本無料

※料金は目安となり、作業内容により前後する場合があります。
　事前の相談により正確なお見積をいたします。

【納品までの流れ】
1.ヒアリング（「見積り・カスタマイズの相談」から業務内容のヒアリングをさせていただきます）
↓
2.お見積り
↓
3.ご契約
↓
4.デザインデータのご提供
↓
5.コーディング業務開始
↓
6.初稿提出（テストサーバーにてご確認いただきます）
↓
7.修正対応（無制限にてご対応いたします）
↓
8.納品（zipファイルでのデータ納品or指定サーバーへのアップロード）

【納期】
作業開始より7日を目安に納品いたします。
※構造により前後いたしますので「見積り・カスタマイズの相談」にてすり合わせさせていただきます。
購入にあたってのお願い
■お客様にご準備いただきたいもの
・デザインデータ（Figma・Photoshop・Illustrator・XD）
・書き出しできない画像やテキストデータ

ご覧いただきありがとうございます！
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。

本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。

・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい

このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。

▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装

▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。

▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。

▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品

▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)

どちらでも柔軟に対応させていただきます。

納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください！

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

都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。

こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ（figma、xd、psd、ai）をお送りください。
お見積りさせていただきます。

こんなときもご相談ください！

• スマホデザインが完成していない…
• TOPのデザインはあるけど下層ページが完成していない…
• デザインはあるけどアニメーション演出の方向性が定まらない…
  →デザインルールを踏襲して実装させていただきます。まずはご相談ください。

オプションで以下も対応可能です

• WordPress構築
• サイト全体のアニメーション演出
• canvasでの2Dアニメーション作成

ご依頼・制作の流れ

1. 「まずは相談する（無料）」よりお問い合わせください。
2. デザインのご共有：ご相談時はデザインが未完成でも問題ございません。
3. デザイン確定：コーディングを開始します。
4. ご確認・修正：必要に応じて対応いたします。
5. ご納品：zipでの納品・サーバーへのアップなど対応いたします。

パソコン/スマホ兼用のページを作成をさせて頂きます
デザインデータはご用意ください。
ページ内スクロール等の軽アニメーションは含めます。
大きなアニメーション等が伴うもの、javascript(jQuery)/PHP等が伴う場合は別途ご相談ください（要お見積り）。
基本平日夕方～夜間、土日祝日中の対応になります。