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

★こんな方におすすめ★
・コーディングだけお任せしたい方
・コーダーのリソースが不足中の方
・繁忙期のみご依頼したい方
・こまめな進捗報告など丁寧なやり取りをご希望の方

★プランについて★
・修正無料です。
（大幅な変更など追加のご要望によるものは別途相談させていただきます）
・（スマホ画面幅）レスポンシブ対応込みです。
・ヘッダー追従、簡易なホバーアニメーション、ハンバーガーメニュー（スマホメニュー）、Q＆Aで使用されるようなアコーディオンメニュー、TOPへ戻るボタンはプランに含みます。デザインのご共有時にご希望お伺いできれば幸いでございます。

★わたしについて★
・平日日中の連絡可能です。
（水曜の午前中や用事の際は連絡が遅れる事もありますが、必ずその日中に返信いたします）
・納期守る、返信は途切れない、とばないなど最低限のことを厳守いたします。
・約一年フリーランスコーダーとして活動し、Wordpress構築やフロントコーディングを担当して参りました。

■サービス出品経緯

【Webサイト制作を依頼したいが、時間と費用がかかる！とお困りではありませんか？】

スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍～2倍程度かかってしまいます。

そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。

■サービス概要

当サービスは、【PCデザインからコーディング（スマホ・レスポンシブ対応）を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。

※当サービスは、「静的サイト（WordPressなし）を前提とした構築」がメインですが、
　WordPress実装の案件も承っております。

　　　　　　　↓　↓　↓

▼【低価格・高品質】WordPress構築＋コーディング（スマホ・レスポンシブ対応）作業を承ります。
　https://www.lancers.jp/menu/detail/1239400

■サービス購入のメリット

【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】

私はデザインとコーディングともに経験を積んできましたが、
コーディング（WordPress構築）をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。

少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

◼︎ご購入の流れ

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

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

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

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

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

■自己紹介

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

■私たちの強み

丁寧なヒアリング

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

柔軟なサイト設計

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

知見を生かしたご提案

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

少数精鋭が叶える低予算

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

■ご契約後の流れ

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

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

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

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

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

⑥制作開始

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

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

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

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

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

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

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

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

【　こんな方におすすめ！　】

・コーディング,WordPress構築を外注できるパートナーが欲しい
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様

などなど

【　サービス内容　】

・HTML、CSS修正案件
・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成

【　料金　】

LPコーディング：30,000円～
Topページコーディング：20,000円〜
下層ページコーディング：8,000円〜
WordPressオリジナルテーマ制作：80,000円〜

基本的に上記金額で承ります。
※ボリューム・機能によって変動しますので、まずはご相談ください。

【　制作の流れ　】

①　ヒアリング・お見積もり
↓
②psd・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品など

【　当サービスの強み　】

■報連相の徹底、早いレスポンスでクライアント様の安心に繋がる仕事を行います。
報連相を徹底することで手戻りなどのロスも減らしていけると考えます。

■17年間の社会人経験で培ったコミュニケーションスキルや業務遂行スキルで案件を確実にこなしていけます。

■平日であれば日中、夜間問わず対応可能です。

■土日でも緊急とあれば対応可能です。（主に夜間業務になります）

【連絡可能時間】

平日・土日共に9時～20時まで基本的には可能です。

HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。

業務内容のご紹介

HP作成やLPなどのコーディングを承っております！

◆◇こんな方にお勧めです◇◆

・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい

など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。

◆◇ご用意していただくデータ◇◆

AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。

◆◇ご料金内対応について◇◆

〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】

〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降　Safari】
【Android5.0以降　Chrome】

〇サーバーアップロード

◆◇ご依頼から納品までの流れ◇◆

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

2. 見積もり提出
お見積もりと納期をご提示します。

3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。

4. 作業開始
作業を開始します。

5. ご確認・修正
完成したサイトを確認していただき、修正いたします。

「まずは相談する（無料）」のボタンからお気軽にご相談ください！

▼こんな方へオススメ
✅ デザイン通りに忠実にコーディングしてほしい方
✅ アニメーションや動きを取り入れたWebページを作りたい方
✅ レスポンシブ対応をしっかり行いたい方

▼サービス内容
デザインデータをもとに、忠実なコーディングを行います。
HTML/CSSのコーディングに加え、JavaScriptやjQueryを使用した動的な実装にも対応可能です。
　✅ 対応可能なコーディング内容
　・HTML/CSS/Sass を使用したレスポンシブ対応のコーディング
　・JavaScript/jQuery を使用した動的な動きの実装
　・アニメーションの追加（フェードイン・スライド・ホバーエフェクトなど）
　・Swiper.js を使ったスライダーの実装
　・ハンバーガーメニューの実装

▼納品形式
コーディング済みの HTML / CSS / JavaScript ファイル一式
必要に応じて、画像やアセットファイルも同梱

▼価格・納期
作業ボリュームによって変動しますのでクライアント様と協議の上確定

▼ご依頼の流れ
1️⃣ ご相談・ヒアリング（デザインデータの確認・要望のヒアリング）
2️⃣ コーディング開始（ご要望に沿った忠実なコーディングを実施）
3️⃣ 納品・修正対応（ご確認いただき、軽微な修正対応）

その他ご不明点などお気軽にご相談ください！
ご希望や仕様に合わせて最適なコーディングを提供いたします！

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
　はじめに
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
ご覧いただき、誠にありがとうございます。

昨今は、どんな業界でもWebサイトを所持するのが当たり前の時代となりましたね。
しかしデザインイメージがあっても、Web上で形にするには様々なハードルがあるものです。

そこで本サービスでは、下記のような方のお手伝いを行っております。
　○ デザインイメージはあるけれど、HTML・CSS・SEOってよく分からない
　○ 独学でHTMLはある程度組めるけれど、マークアップが適切か分からない
　○ 表示が高速なWebページを作りたい
　○ 短期間でWebページを公開したい

お見積もりは無料で行っておりますので、お気軽にご相談ください！

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
　基本サービス内容
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
■ デザイン完全再現のコーディング
　✓HTML、CSS（Sass）を用いたコーディング
　✓レスポンシブ対応
　✓簡単な動き対応※

　※ハンバーガーメニューやアコーディオン、フェードインアニメーションなど、
　　CSSや簡単なJavaScriptで対応可能なものです。
　　スライダーなどJavaScriptが多く利用されているものは、
　　別途お見積もりいたします。

■ メタタグの最適化（必要な場合）
　✓favicon
　✓apple-touch-icon
　✓テーマカラー
　✓OGP
　✓タイトル
　✓ディスクリプション

■ 高速化処理（必要な場合）
　✓CSS・JSサイズ圧縮
　✓クリティカルCSS適用
　✓画像最適化
　✓Webフォント最適化

■ Google Analytics導入（必要な場合）
　✓Google Analyticsトラッキングコード挿入

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
　料金について
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
1ページ10,000円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。

お見積は無料ですので、まずはお気軽にご相談ください！

文章変更による、Webサイトの更新、画像の差し替え、
簡単なトリミングなどを行います。
コンテンツ追加も対応できます。
また、サイトのレイアウト修正もコーディングで対応できる範囲で対応いたします。

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

提案金額は目安です。ページ数の増減、納期の前後などにより調整可能です。

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

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

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

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

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

ーサービスの内容ー

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

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

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

-これまでの制作実績-

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

-ご予算について-

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

-制作の流れ-

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

-最後に-

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

ホームページ（HP）やランディングページ（LP）のコーディングを承ります。デザインを忠実に再現し、SEOやレスポンシブ対応を含むユーザー体験を重視した高品質なサイトを実現します。自衛隊や学校教員の経験を通じて培った責任感と迅速・丁寧な対応を心がけ、お客様のご要望にしっかりとお応えします。

【納期】
原則５日を頂戴しております。
デザインの内容や業務量、リソースによっては５日以上になる場合がございます。
あらかじめご了承ください。
（有料オプションをご購入の場合は、さらに記載の納期を頂戴いたします。）

【保有スキル】
・HTML
・CSS
・JavaScript
・Sass
・jQuery
・PHP
・WordPress

【特徴】
・迅速なレスポンス
→自衛隊、学校教員の経験から時間管理スキルを培いました。営業時間中は原則１時間以内にお返事いたします。（営業時間外でも、24時間以内にお返事致します。）
・丁寧なコミュニケーション
→学校教員の経験から、分かりやすい言語化スキルを培いました。高品質な商品を提供するため、お客様に伝わりやすいコミュニケーションを実施しています。
・稼働時間が柔軟
→9時から18時まで稼働しております。フリーランスとして活動しているため、柔軟な対応が可能です。
・熱量がある
→自衛隊、学校教員の経験から、目標達成能力を培いました。「目標を達成するためにどうすればよいのか」「どんな準備が必要なのか」を徹底的に計画し、実行する力があります。

【納品までの流れ】
①ご相談
↓
②お見積もりの提出
↓（※ここまで無料です！）
③デザインカンプや素材等のご提供
↓
④コーディング
↓
⑤制作物の確認・修正（テスト環境用意いたします）
（※納品前の修正は無制限で対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。）
↓
⑥最終確認後に納品

購入にあたってのお願い
■ご用意いただきたいもの
・デザインデータ（Figma,Photoshop, Illustrator, XD）
　画像素材、動画、文章などHPに掲載する内容

※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。

■納品形式について
どちらかお選びいただけます。
・データ納品（ファイル一式を zip 圧縮したもの）
・指定のサーバーにアップロードして納品
　（サーバー納品の場合は一般的なレンタルサーバーのみ対応）

ご覧いただきありがとうございます！
プランに迷われたら「カスタマイズ」→「まずは相談する (無料)」
から詳細をお聞かせください

■サービス内容
============
・HTML/CSSを用いた静的コーディング
・WordPress構築(オリジナルテーマ)
・JavaScriptを用いたアニメーション実装

■料金表
======
〇コーディング
　-トップページ：20,000円~
　-下層ページ：11,000円~

〇WordPress導入
　-トップページ：20,000円~
　-下層ページ(固定ページ)：5,000円~
　-ブログページ：9,000円~
　-カスタム投稿ページ：9,000円~
　-個別記事ページ：9,000円~
　-お問い合わせフォーム：11,000円~

〇無料対応
・基本的なアニメーション
　(ホバー、ハンバーガー、アコーディオン、ドロワーメニュー）
・レスポンシブ対応 (全デバイス幅対応)
・基本的な内部SEO対策
・画像の書き出し、圧縮
・品質チェック

■制作の流れ
==========

1. まずは相談する (無料) から詳細をお聞かせください
   　↓
2. 金額や納期に問題なければ、デザインデータをお預かりします
   　↓
3. コーディング開始
   　↓
4. ご確認・修正
   　↓
5. 納品 (ファイル納品またはFTPアップロード)

ご不明な点がございましたら、お気軽にお問い合わせください。

・忙しくてコーディングを誰かに任せたい方…
・デザインはあるけど、コーディングの知識がない方…など

HTMLとCSSのコーディングを代行します！
ランサーズの実績はありませんが、飲食店への営業などでWEB制作実績はあります。
気になる方はポートフォリオをご参照ください。
お客様とご連絡を取り合いながら作業を進めて参ります。

●コーディング
デザインデータを元にHTMLとCSSを使いコーディングします。
アニメーション等はjQueryを使用します。
※実力としては大体のことは対応できます。コーディングの仕様などは具体的に言って頂けると助かります。
※進捗状況などご連絡を取り合いながら進めて参ります。

●納品までの流れ

　①お見積りの確認後、デザインデータを頂きます。

　②制作物を提出
　 (ご確認をして頂き、修正があれば指示を下さい)

　③修正案を提出
　(ご納得行くまで何度でも修正します。)

　④納品
　(完成しましたら納品の手続きを取らせて頂きます。)
　(良い悪いの評価も頂けるも嬉しいです。)

●納期
ご相談させてください。
可能な限り早めの納品を心掛けています。
(ページ数、修正の回数、ご連絡の遅延などで納期が延長する場合があります。)

●納品方法
制作物をzipファイルにて納品。

よろしくお願い致します。

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

ありがたいことに他サイト(cocon○la)ではサービス開始1年で60件以上の販売とプラチナランクを頂きました！！

元接客業の経験を活かし、早いレスポンスとかゆいところに手が届くご提案を心がけております。

"デザインはあるけどコーダーがいない…"
"デザインを形にしてほしい！"
"コミュニーケーションの取れるコーダーを探している…"

という方、お気軽にご相談下さい！

また今は専門ではありませんがWebデザインも学習経験がありますので、多少であれば提案等できますのでそちらも加味していただけると幸いです。

■ サービス内容
・デザインカンプ(XD, AI, PS, figma)からのコーディング
・SEOを意識した適切なタグの使用をしたコーディング
・保守、更新、わかりやすいコーディング
※WordPress化ご希望の方は別途お見積もりをいたします。

■ 制作〜納品の流れ
①ヒアリング・お見積もり

②デザインと画像データなどのご共有

③コーディング・確認・テスト
▼環境テスト
Mac：Chrom, Safari
Window：Chrom, edge

④最終確認・納品

■ 納期の目安
量にもよりますがデータをお預かりしてからの目安のお日にちは下記になります。
・トップページ（2日/1ページ）
・下層ページ（1日/1ページ）
・LP（3日/1ページ）
お急ぎの場合は納期短縮オプションをご選択願います。

■ 納品方法
・基本的にzipファイルでの納品でお願いしております。
購入にあたってのお願い

■ ご用意頂きたいもの
作業を行うにあたって、下記のご提供を頂きます。
・デザインとサイトに使用する画像素材、テキスト等
※デザインデータは、Illustrator / Photoshop / Adobe XD / Figma に対応しております。

■注意事項
・サイト作成を開始した場合のキャンセルは原則受け付けておりません。
・3日以上音信不通の状態が続き、連絡に対しご返信がない場合、その時点で「納品完了」、料金を頂戴します。ご了承ください。

■ お取引後のアフターケア
修正を"納品から1週間"、"２回"まで対応させて頂きます。

また納品後の評価を頂けますと大変助かります。

■営業時間及び休業日
平日・土曜日9:00～19:00の間で対応いたします。
営業時間外でのご連絡はお時間をいただく場合がございますがご了承ください。

ご不明点等がございましたらお気軽にお声がけくださいませ。
ご連絡お待ちしております。

▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様

▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正３回まで無料
・JavaScript（jQuery）を用いた各種アニメーション対応
　- ハンバーガーメニュー
　- スライドショー
　- アコーディオンメニュー

WordPress構築
・オリジナルテーマの作成

▼品質チェック
品質チェックリストを共有します
確認端末：Mac / Windows / iPhone / Android
ブラウザ：Chrome / Edge / Safari

▼対応デザインデータ
Figma / XD / Photoshop / Illustrator

▼納品方法
サーバーへのアップロード / Zipファイルの送付

料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ！

フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。

▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf

【こんな方にオススメ！】

・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方

【費用に含まれているもの】

・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認

【追加でご提供できること】

・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作

【納期】

時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。

【スケジュール】

①ご相談・お見積り・スケジュール確認（無料）
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品（zipファイル納品・テストサーバーアップロード）

サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)

数ある中からご覧いただき、ありがとうございます！
当サービスでは、Webサイトのコーディング代行を承っております。

「デザインはあるけど、コーディングが難しい…」
「コーディングのリソースが足りない…」

そんなお悩みをお持ちのデザイナー様・制作会社様、ぜひご相談ください。
迅速で丁寧な対応を心がけ、安心してお任せいただけるサービスを提供しています。

【 サービス内容 】
・HTML/CSS（Sass）コーディング
・JavaScript（jQuery）を使ったアニメーション実装
・お問い合わせフォーム設置
・WordPressオリジナルテーマ構築

デザインとの相違による修正は、無制限で対応いたします。
気になる点があれば、ご遠慮なくお知らせください。
※制作開始後のデザイン変更は、追加料金が発生する場合があります。

【 料金表 】
・トップページ：15,000円
・下層ページ：8,000円/ 1ページ
・LP：20,000円
・アニメーション：3,000円 / 1実装
・お問い合わせフォーム：8,000円
・WordPress構築：20,000円~
・スポット修正：3,000円~ / 1箇所
※料金はデザインやご要件により変動します。まずはお気軽にご相談ください。

【 無料サービス 】
・レスポンシブ対応
・OGP設定
・ファビコン設定
・画像の軽量化
・基本のSEO対策（titleタグ、見出しタグの設定）
・テスト環境構築（制作中のサイトをご確認いただけます）
※OGP/ファビコン設定をご希望の際は、画像をご提供ください。

【 制作の流れ 】
①お見積もり
②ご購入
③コーディング
④テスト環境アップロード
⑤修正（無制限）
⑥納品

【 納期 】
内容により異なりますが、着手日から1週間程度を予定しております。

【 納品方法 】
制作データ一式をzipファイルでお渡しします。

最後までお読みいただき、ありがとうございました。
顔の見えないやりとりだからこそ、丁寧で誠実な対応を心がけております。
どうぞお気軽にご連絡ください！

デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。

数あるサービスの中からご覧いただきありがとうございます！
Web制作会社在職のMarzine（マージン）と申します。
本パッケージはコーディング代行のサービスとなっております。

◆サービス内容

・HTML/CSSコーディング

・JavaScript/jQueryによるアニメーション実装

・WordPressオリジナルテーマの作成

◆基本料金に含まれるもの

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

・簡単なアニメーション（ハンバーガーメニュー、フェードイン、スライダー、アコーディオン）

・CSSファイル、JSファイルの圧縮

・テスト確認用サーバーの設置（こちらで用意）

・アフターフォロー（納品後1週間以内）
　※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

◆基本料金に含まれないもの

・スマホ用デザインカンプがない場合のレスポンシブ対応

・複雑なアニメーション（「基本料金に含まれるもの」項目以外のアニメーション）

・タブレット用等の3ヶ所以上のブレイクポイント

・お問い合わせフォームの実装

※上記は内容に応じて別途お見積もりとなります。

◆参考料金

・TOPページ：30,000円～

・下層ページ：15,000円～ / 1ページ

・下層ページ（ポリシー系）：7,500円～ / 1ページ

・WordPressオリジナルテーマ制作：80,000円～

・お問い合わせフォームの設置：15,000円～
　※静的の場合のみ。WordPressでプラグインを使用する場合は無料。

◆納期

稼働状況やページ内容により変動しますのでお見積りの際にお知らせいたします。

◆流れ

①内容の確認・お見積り
　見積もりの相談をいただけましたら、内容の確認をしてお見積りいたします。
↓
②デザインデータお預かり
　お見積りにご納得いただけましたら、psd・XD・Figmaでのデザインデータをお送りください。
↓
③コーディング開始
　トップページのコーディングを開始いたします。
↓
④テストアップ（ご確認・修正）
　修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
　※トップページ（1P）のみのご確認となります。
　※1Pのみの場合は⑦へ、下層ページがある場合は⑤へ進みます。
↓
⑤下層ページのコーディング開始
　トップページのコーディングに問題がなければ下層ページのコーディングを開始いたします。
↓
⑥下層ページのテストアップ（ご確認・修正）
　ページ数が多い場合は2、3ページ毎にご確認・進捗報告いたします。
↓
⑦納品
　zipファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
　ご希望の納品方法がございましたらお知らせください。

「コーダーが足りない」
「コミュニケーションをしっかりとれるパートナーと仕事がしたい」という場合から
「シンプルな作業、細かな修正」まで弊社にお任せください。

これまで数十社の制作会社・開発会社様と継続的にお取引をしており、
既存サイトの修正からLP、2〜3ページの小規模な個人事業主・士業・ブログサイト、
10ページ〜20ページ前後の中規模コーポレートサイト、
40ページ以上の大規模ECサイト・ポータルサイトのチーム開発なども手掛けてきました。

また、制作会社としてだけでなく個人のビジネス経験としても
・プロのコーチング資格を保有し200名以上と対話
・リクルート(株)で10年弱の営業、企画、ディレクション・マネジメント経験
・500名以上の実店舗経営者様へのコンサルティング経験
・150名以上のコミュニティ運営
・現役のSNSスクール講師
・現役スキューバダイビングインストラクター
・3棟1区分15戸の不動産経営

などの経験があり、現場視点、経営者視点から、老若男女、様々な仲間やお客様と接しコミュニケーション力、ビジネス力を磨いて参りました。

これまでの経験を活かし、
お相手とのイメージのすれ違いを防ぎながらの迅速でスムーズな対応が可能です。

◆弊社が貢献できること

・コミュニケーションコストを意識した円滑な進行
・作った先を見据えたCSS設計によるコーディング
・制作チェックリスト提出によるお相手の確認や手間の削減
・ご依頼箇所以外に気づいた点の自主修正、提案、報告
…などにより、安心できるプロジェクト進行、リソースの削減をし、事業拡大の支援が可能です。

◆料金

トップページ：50,000円〜
下層ページ：15,000円〜
ランディングページ：80,000円〜
WordPressオリジナルテーマ制作：150,000円〜
レスポンシブ不要分割引：合計金額-20%
特急料金；合計金額+30%

※レスポンシブ込み
※ページの長さ、機能により変動いたします。まずはお気軽にご相談いただければ幸いです。

◆サービス内容

・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / JavaScript / React / Gulp / npm scripts / PHP / WordPress / EJS / Pug / Github / Adobe / Figma

◆制作の流れ

ご依頼内容のご相談
↓
お見積・ご発注・契約書の締結(軽微な案件の場合は省略)
↓
ご確認・必要時は修正
↓
最終確認
↓
納品

◆納品日数

これまでの納品実績は以下の通りです。
（作業環境構築からレスポンシブ対応、制作チェックリストをつけての納品まで）
・2ページ静的サイト：4日
・20000pxのLP：7日
※要件や状況により変動しますが、お急ぎの場合も柔軟に調整いたします。

◆私、ミカミと弊社制作メンバーの人柄

◯ミカミ
・迅速で適切なコミュニケーション
豊富なビジネス経験と制作現場を経てPM、ディレクターとして業務に携わってきており、コミュニケーション力を磨いてきました。お取引先のコミュニケーションコストを考慮した迅速で適切な対応を徹底しています。

・制作の先を見据えた対応
Webサイト制作のゴールは「納品」ではなく「活用」だと承知しています。
事業の目的達成のために貢献できる機能性の高い制作を心がけており、
そのためにより良い方法があれば積極的に提案します。
経営者目線を持ちパートナーとして伴走します。

◯制作メンバー
・コーディング好き
もともと自分の手で何かを作り上げていくことが好きで、コーディングも好きに。
毎日８時間コーディングをしていても飽きることなくずっとできるほどのコーディング好きです。

・飽くなき探究心
わからないことはどこまでも調べ、探求して、できることを増やし技術を磨いてきています。
変化が早いWeb業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。

◆最後に

最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。

よろしくお願いいたします。

水谷　潤と申します。

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

大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。

●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作

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

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

●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。

納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。

クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。

総ページ数10,000ページ超！
シンプルなページのコーディングを、
最短3営業日（※）で代行いたします！
お客様の事情に合わせた柔軟な対応をさせていただきます。

■サービス内容
・HTML＋CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript

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

「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った！」
「後から修正が入ってしまった！」
「ページを追加しているうちに結局割高に！」
ということがよくありますよね。

▼デザイナーだから融通が効く！
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。

デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171

▼おおまかな制作の流れ

1. お問い合わせ
   「まずは相談する」ボタンよりお気軽にご相談ください。
   デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。

2. デザインデータの送付・コーディング開始
   確定したデザインデータをお送りください。

3. コーディングデータのご確認
   弊社テストサーバーにて、コーディングデータをご確認いただきます。
   修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。

4. 納品
   ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。

■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。（PC/スマホ）
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。

サービス内容
サービス内容
ご閲覧いただきありがとうございます！

▼ こんな方にオススメです！
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる

▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正（HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます）
　
▼コーディング料金（レスポンシブ対応込み）
・トップページ：10,000円〜
・LPコーディング：1,0000円〜

・下層ページ：5,000円〜
・基本的なJavaScript（スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど）1箇所：2,000円程度
・お問い合わせフォーム・メール送信システム実装（PHP）：5,000円程度

▼WordPress構築費用
・要相談

▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置（データをいただけた場合）
・修正

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

▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください

▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます

▼デザインデータ
Figma、Xd、Photoshop、illustrator など

丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ（Figma・Photoshop・Illustrator・XD... 等）
・画像素材 / 動画 / 文章

自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します！

納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。

初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。

ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。

HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか？

◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・

そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。

◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です

エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。

迅速かつ丁寧な対応で、あなたのWebサイトの課題を解決します！

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

Webサイトの修正に時間がかかる、デザインの微調整を依頼しづらい、コーディングの品質に不安がある。

発注の流れ

お問い合わせ
メッセージにて、修正内容、ページURL、希望納期などをお知らせください。可能であれば、デザインデータや参考サイトをご共有ください。

お見積もり・内容確認
詳細な内容を確認し、対応可能かどうか、お見積もり、納期をご連絡いたします。

コーディング作業
デザインデータに基づき、コーディング作業を開始いたします。進捗状況を随時ご報告いたします。

納品・検収
完成したHTML/CSSファイルを納品いたします。動作確認後、問題がなければ完了となります。

対応範囲・価格

クイック修正プラン：5,000円～
HTML/CSSの簡単な修正、テキスト変更、画像差し替えなど。1ページ内の軽微な変更に対応します。

スタンダードコーディングプラン：30,000円～
ランディングページのコーディング、既存サイトへのパーツ追加、デザインに合わせたコーディングなど。デザインデータからのコーディングも承ります。

プレミアムフルコーディングプラン：100,000円～
Webサイト全体のフルコーディング、レスポンシブ対応、JavaScriptによる動的な表現の実装など。SEO対策を考慮した高品質なコーディングを提供します。

納期

即日対応可能（デザインデータ提供後）

制作の流れ

設計・準備
お客様からいただいたデザインデータや指示書を基に、Webページの構造を設計します。SEO対策も考慮します。

コーディング
HTML、CSS、JavaScriptを用いて、Webページをコーディングします。クロスブラウザ対応、レスポンシブ対応も行います。

テスト・修正
コーディングしたWebページをテスト環境で確認し、修正点があれば修正します。お客様にも確認していただきます。

納品・完了
最終確認後、Webページを納品します。納品後も、軽微な修正には対応いたします。

サービス内容

HTML/CSSコーディング、Webサイト修正、ランディングページ制作を迅速丁寧に行います。お客様とのコミュニケーションを重視し、ご要望に沿ったWebサイトを制作します。

Webサイトの修正、更新作業でお困りではありませんか？
「どこに頼めばいいかわからない」「ちょっとした修正なのに費用が高い…」
そんなお悩みを解決します！

私は、HTML/CSSコーディングを専門としており、迅速かつ丁寧な対応でお客様のWebサイトの課題を解決します。小さな修正からランディングページの制作まで、幅広く対応可能です。

「修正したい箇所があるけど、自分でやるのは難しい…」
「デザインは出来上がっているけど、コーディングを依頼したい…」

そんな方は、ぜひ一度ご相談ください。
お客様のWebサイトをより良くするために、全力でサポートさせていただきます。

納品前のチェックシートの活用と、GoogleChromeの拡張機能である「ピクセルパーフェクト」を使用して、あなたのデザインを忠実に、正確にコーディングいたします！

まずはお見積りをお願いいたします。

☆こんな方におすすめです☆
・コーディングの手が足りていないディレクター様
・コーディングの苦手なデザイナー様

◇サービス内容について
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・必要に応じたアニメーション実装（ライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューetc）
※サービスは”コーディングのみ”となっております。
※WordPress化は別途ご相談ください
※下層ページは有料オプションよりご注文ください
※ページ数が足りない場合はお手数ですが、有料オプションを組み合わせてご注文ください
対応できるものとして、Web作成、HP（ホームページ）、LP（ランディングページ）、ポートフォリオなどです。

◇料金
・トップページ：9,000円/P~
・下層ページ：6,000円/P~
・LP：18,000円~

◇サービスの流れについて
①ヒアリング
└デザインの確認、担当範囲確認、納期確認、修正回数の確認、必要データの確認
②お見積り
③作業開始
④確認・修正
└テスト環境→Mac、Windows（GoogleChrome、Firefox、Safari、edge）
⑤最終確認
⑥納品確定
ご不明・ご心配な点はご相談ください！
こちらで確認を行い、内容の確認をお客様にしていただきます。

◇納期
最短5日
お見積り時にヒアリングさせていただきます

ご相談やお見積りのみでも結構です！
その他、疑問点がございましたらどのようなことでもお気軽にご相談ください。

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

本パッケージでは、以下の内容に対応可能です。

■ HTML/CSSコーディング
デザインデータ（Figma, XD, PSDなど）からのコーディング。レスポンシブにも対応します。

■ JavaScript実装
スライダーやアコーディオン、モーダルウィンドウ、スクロールアニメーションなど、フロント側の動的な実装も対応可能です。

■ PHP実装
フォームの実装もご相談ください。

■ WordPress実装
静的HTMLからのWordPress化、オリジナルテーマの構築、カスタム投稿タイプやACF（Advanced Custom Fields）の導入なども承ります。

＼細かな修正や相談も柔軟に対応します！／
気になる点があれば、お気軽にご相談ください。

あなたのWebサイトを、最新技術とデザインで魅力的に変身させます！HTML/CSSコーディングの基礎から、丁寧なサポートで理想のWebサイトを実現しましょう。

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

Webサイトの見た目を改善したい、HTML/CSSの知識がない、費用を抑えてWebサイトを制作したい、スマホ対応ができていない、Webサイトの更新・修正に時間がかかる。

発注の流れ

お問い合わせ
メッセージにてご要望をお伺いします。Webサイトの目的やイメージ、予算などをお知らせください。

お打ち合わせ
詳細なヒアリングを行い、お客様のニーズに最適なプランをご提案します。

ご契約
お見積もり内容にご納得いただけましたら、ご契約となります。

制作開始
コーディング作業を開始します。進捗状況は随時ご報告いたします。

納品
完成したWebサイトをご確認いただき、修正点があれば修正いたします。

対応範囲・価格

HTML/CSSコーディング（基本）：1万円〜
基本的なHTML/CSSコーディングを行います。簡単な修正や更新作業に最適です。

Webサイトデザイン修正・レスポンシブ対応：3万円〜
既存Webサイトのデザイン修正や、レスポンシブ対応を行います。スマホ表示を最適化し、より多くのユーザーにアピールできます。

新規Webサイト コーディング：5万円〜
新規Webサイトのコーディングを、要件定義から行います。デザインカンプからのコーディングも可能です。

納期

最短1週間

制作の流れ

要件定義
お客様のWebサイトの目的やターゲット層、デザインイメージなどを詳しくヒアリングします。

構成案作成
ヒアリング内容に基づき、Webサイトの構成案（ワイヤーフレーム）を作成します。

コーディング
構成案に基づき、HTML/CSSコーディングを行います。

テスト
コーディングしたWebサイトをテスト環境でご確認いただきます。

納品
問題がなければ、本番環境にアップロードし、納品完了となります。

サービス内容

HTML/CSSコーディングを通じて、お客様のWebサイトをより魅力的で使いやすいものにするお手伝いをいたします。未経験だからこそ、お客様の目線に立ち、丁寧なコミュニケーションを心がけています。Webサイトに関するお悩みやご要望を、ぜひお気軽にご相談ください。

Webサイトの見た目を少し変えたいけど、どこから手をつけていいかわからない…そんなお悩みはありませんか？HTML/CSSコーディングの知識がなくても大丈夫！あなたのWebサイトを、より魅力的で使いやすいものに変身させるお手伝いをします。未経験だからこそ、お客様の目線に立った丁寧な対応を心がけています。まずは、お気軽にご相談ください！

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

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

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

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

丁寧なコーディングでWebサイトの価値を最大化！

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

Webサイトの表示崩れ、更新の煩雑さ、デザインの古さ、SEO対策の遅れ

発注の流れ

お問い合わせ
メッセージにて、ご依頼内容やご希望のイメージ、納期などをお知らせください。参考となるWebサイトやデザインデータがあれば、共有をお願いします。

お打ち合わせ・ヒアリング
お送りいただいた情報を元に、最適なプランをご提案します。お見積もりや納期についても、詳しくご説明します。

ご契約
提案内容にご納得いただけましたら、ご契約となります。着手金として、料金の半額をお支払いいただきます。

制作開始
コーディング、WordPress構築、サイト更新などの作業を行います。進捗状況は随時ご報告し、お客様のフィードバックを反映させながら進めます。

納品・検収
完成したWebサイトをご確認いただき、修正点があればお気軽にお申し付けください。修正後、納品となります。残りの料金をお支払いいただきます。

対応範囲・価格

HTML/CSSコーディング：3万円～
HTML/CSSコーディング：デザインデータ（Figma/XD）を元に、W3Cに準拠した高品質なコーディングを提供します。レスポンシブ対応で、スマホやタブレットでも美しい表示を実現します。

WordPressサイト構築：10万円～
WordPressサイト構築：既存サイトのWordPress化や、新規サイトの構築を承ります。SEO対策、セキュリティ対策も万全です。更新しやすいカスタムテンプレートを開発します。

サイト更新・修正：5千円～
サイト更新・修正：Webサイトのテキスト修正、画像差し替え、デザイン調整など、細かな修正から大規模な改修まで対応します。迅速な対応で、Webサイトの鮮度を保ちます。

納期

最短3日～

制作の流れ

要件定義・企画立案
お客様からいただいた情報やご要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。

設計・デザイン
Webサイトの構成、デザイン、コンテンツなどを具体的に設計します。必要に応じて、ワイヤーフレームやプロトタイプを作成します。

実装・開発
設計に基づいて、HTML/CSSコーディング、WordPress構築、JavaScript実装などを行います。W3Cに準拠した、高品質なコーディングを心がけています。

テスト・品質チェック
完成したWebサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。SEO対策やセキュリティ対策も実施します。

納品・公開
お客様にWebサイトをご確認いただき、修正点があれば修正します。最終的な確認が完了したら、納品となります。

サービス内容

Web制作会社での8年の経験を活かし、HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化します。

Webサイトのことでお困りではありませんか？

「Webサイトが古くて見栄えが悪い…」「更新作業が難しくて手が回らない…」「スマホでの表示が崩れてる…」

そんなお悩みを、Web制作会社で8年の経験を持つフリーランスコーダーが解決します！

丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化。

HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。

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

10年の経験で培った技術で、あなたのWebサイトを最新の状態に保ちます！

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

• Webサイトの更新作業に手が回らない
• Webサイトのデザインが古く、リニューアルしたい
• スマートフォン対応ができていない
• SEO対策ができていない

発注の流れ

お問い合わせ
Webサイトの現状、修正・更新したい内容、ご予算、納期などをお伺いします。お気軽にご相談ください。

お見積もり
お伺いした内容に基づいて、具体的な修正・更新プランとお見積もりをご提示します。

ご契約
プランとお見積もりにご納得いただけましたら、正式にご契約となります。着手金としてお見積金額の50%をお支払いいただきます。

制作開始
修正・更新作業を行います。進捗状況は随時ご報告いたします。

ご確認
修正・更新完了後、お客様にご確認いただきます。修正点があればご指摘ください。

納品
修正が完了しましたら、納品となります。残金をお支払いいただきます。

対応範囲・価格

Webサイトの小規模修正・更新：5,000円〜
HTML/CSS/JavaScriptを使用したWebサイトの小規模な修正・更新を承ります。テキストの修正、画像の差し替え、リンクの修正などが含まれます。

WordPressサイトのカスタマイズ：30,000円〜
WordPressを使用したWebサイトのテーマカスタマイズ、プラグインの導入・設定、コンテンツの追加・修正などを承ります。レスポンシブ対応やSEO対策も考慮します。

Webサイトのデザインリニューアル：100,000円〜
Webサイト全体のデザインリニューアルを承ります。HTML/CSS/JavaScriptを使用したコーディング、レスポンシブ対応、SEO対策、WordPress導入などが含まれます。デザイン案の作成も可能です。

納期

内容によって異なりますが、小規模な修正であれば3日〜1週間、大規模なリニューアルであれば2週間〜1ヶ月程度です。

制作の流れ

企画・設計
お客様からいただいた情報をもとに、Webサイトの構成やデザイン、必要な機能などを検討します。

デザイン
Webサイトのデザインを作成します。お客様にデザイン案をご確認いただき、修正点があれば修正します。

コーディング
デザインをもとに、HTML/CSS/JavaScriptを使用してWebサイトをコーディングします。レスポンシブ対応やSEO対策も考慮します。

テスト
Webサイトをテスト環境にアップロードし、動作確認を行います。お客様にも動作確認をしていただき、修正点があれば修正します。

公開
Webサイトを本番環境にアップロードし、公開します。

サービス内容

Webサイトの更新・コーディングを承ります。HTML/CSS/JavaScript、WordPressに対応しており、レスポンシブ対応やSEO対策も可能です。

Webサイトの更新、デザインでお困りではありませんか？
10年の経験を持つフロントエンドエンジニアが、HTML/CSS/JavaScript、WordPressを駆使し、あなたのWebサイトを蘇らせます！
✅デザインが古く、リニューアルしたい
✅スマートフォン対応ができていない
✅SEO対策ができていない
そんなお悩みを解決します！
まずはお気軽にご相談ください。

デザインデータから高品質なWebサイトを制作し、お客様のビジネスを加速させます！

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

Webサイトのデザインはあるけど、コーディングできる人がいない。レスポンシブ対応でスマホでも綺麗に見せたい。SEO対策も考慮してWebサイトを制作したい。

発注の流れ

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

ヒアリング
デザインデータやWebサイトの構成、機能などについて詳しくヒアリングさせていただきます。

お見積もり・プラン提案
ヒアリング内容を元に、最適なコーディングプランとお見積もりをご提案します。

ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。

制作開始
コーディング作業を開始し、進捗状況を随時ご報告いたします。

最終確認
完成したWebサイトをご確認いただき、修正点があればご指示ください。

納品・アフターサポート
修正後、納品となります。納品後も、軽微な修正は無料で対応いたします。
※3回まで

対応範囲・価格

HTML/CSSコーディング：1万円〜
HTML/CSSでのコーディング代行。デザインデータ（Figma/XD）を元に、忠実に再現します。

WordPressテーマ化：4万円〜
WordPressテーマ化。既存サイトのデザインを元に、WordPressのオリジナルテーマを作成します。

STUDIOサイト制作：8万円〜
STUDIOによるWebサイト制作。デザインからコーディング、公開まで一貫して対応します。

レスポンシブ対応：要相談
レスポンシブ対応。PC、スマホ、タブレットなど、あらゆるデバイスで最適に表示されるように調整します。

SEO対策：要相談
SEO対策。SEOを意識したマークアップ、alt属性やhタグの最適化を行います。

納期

内容により1週間〜

制作の流れ

デザイン分析・設計
お客様からいただいたデザインデータや仕様書を丁寧に分析します。

コーディング
HTML/CSS/JavaScriptなどを用いて、Webサイトの構造を構築します。

動作確認・レスポンシブ対応
様々なデバイスで表示を確認し、レスポンシブ対応を行います。

SEO対策
SEO対策として、適切なマークアップやalt属性の最適化を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。

修正・最終調整
フィードバックを元に修正を行い、最終的な納品物を完成させます。

サービス内容

HTML/CSS、WordPress、STUDIOを用いたWebサイト制作を承ります。FigmaやXDなどのデザインデータからの正確なコーディング、レスポンシブ対応、SEO対策も得意としております。お客様のWebサイト制作をトータルでサポートいたします。

Webサイトのコーディングでお困りではありませんか？デザインはあるけどコーディングできる人がいない、レスポンシブ対応でスマホでも綺麗に見せたい、SEO対策も考慮してWebサイトを制作したい。そんなお悩みを解決します！私はHTML/CSS、WordPress、STUDIOを用いたWebサイト制作を承っており、FigmaやXDなどのデザインデータからの正確なコーディング、レスポンシブ対応、SEO対策を得意としています。まずは、お気軽にご相談ください。お客様のWebサイト制作をトータルでサポートいたします。

コーディングスキルで、あなたのビジネスを加速させます！

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

Webサイトのデザインが古く、モバイル対応もできていない。ブログを始めたいが、技術的な知識がない。

発注の流れ

ヒアリング
お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりも、この段階で提示いたします。

ご契約
プランと料金にご納得いただけましたら、ご契約となります。ここから制作がスタートします。

制作・修正
お客様のご要望に応じて、デザインの修正や機能の追加を行います。納得いただけるまで、何度でも修正いたします。

納品
完成したWebサイトを、お客様にご確認いただきます。問題がなければ、納品となります。

対応範囲・価格

Webサイトコーディング：3万円〜
HTML/CSSコーディング：デザインデータから、高品質なWebサイトを制作します。レスポンシブ対応も万全です。

WordPressカスタマイズ：5万円〜
WordPressテーマカスタマイズ：既存のテーマを、お客様のブランドに合わせてカスタマイズします。機能追加も可能です。

LP制作：8万円〜
ランディングページ制作：コンバージョン率の高い、魅力的なLPを制作します。A/Bテストによる改善も可能です。

バナー制作：5千円〜
バナー制作：目を引くバナーを制作し、広告効果を最大化します。修正は3回まで無料です。

納期

契約から1〜3週間

制作の流れ

設計
お客様から提供されたデザインデータや、参考Webサイトなどを参考に、Webサイトの設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。

テスト
コーディングしたWebサイトを、様々なデバイスでテストし、表示崩れや動作不良がないか確認します。

修正
テストで発見された問題点を修正し、Webサイトの品質を高めます。

納品
修正が完了したWebサイトを、お客様に納品します。

サービス内容

Webサイトのコーディング、WordPressテーマのカスタマイズ、ランディングページの制作、バナー制作など、Web制作に関する幅広いサービスを提供します。

Webサイトのデザインが古くて困っていませんか？スマホ対応もできていない？ブログを始めたいけど、技術的な知識がない？

そんなお悩みを、私が解決します！

HTML、CSS、JavaScript、React、Node.jsなどの技術を駆使し、お客様のビジネスに最適なWebサイトを制作します。デザインからコーディングまで、全てお任せください。

まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。

ご連絡、お待ちしております！

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー

■基本料金に含まれるもの
・HTML／CSSコーディング
・レスポンシブ対応
・アフターフォロー（納品後1週間以内）
→納品後のテキストや画像の差し替えは無料

■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円

■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。

稼働目安：1ページあたり約2～3営業日

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

■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。

このパッケージはwebページのコーディングの代行サービスです。

デザインカンプがなくてもAIを活用してお好みのデザインを実現いたします。
個人様でも、企業様でもご利用いただけます。

☆こんなお客様にオススメです☆

「個人ページが欲しいけど時間が取れない…」
「デザインはあるけどHP制作の経験がない…」
「『こんな感じのデザイン』というふわっとした指標しかない…」

そんなお悩み、解決いたします。
相談回数は無制限です。ご要望には可能な限りお応えいたします。

☆料金につきまして☆

以下、メインのプラン料金です。

・TOPページの作成 (html/css)　¥20000 ~
　┗※下層ページの作成（オプション、html/css） + ¥10000~
・ランディングページの作成 (html/css)　¥30000 ~
※ javascriptを使用したアニメーション(オプション)　+¥応相談

すでに作成済みのwebページの修正依頼も承ります。お気軽にご相談ください。

☆デザインカンプにつきまして☆

デザインカンプのデータですが、pngもしくはjpgなど一般的な画像データであればありがたく思います。
デザインの画像のほか、要素の余白px数やフォントなどを指定していただけますと、その指定が細かければ細かいほど確実なコーディングが可能です。

デザインカンプをお持ちでないお客様につきましては、コーディングを行いながら都度ご相談させていただき、細かく修正を行いながら作業を進めさせていただきます。
・webページの全体的な雰囲気、色味など
・埋め込みたい画像、配置したい位置など
上記のような情報は大変参考になりますので、ぜひご提示くださいませ。

☆納品までの流れにつきまして☆

①ヒアリング、お見積り
②ご契約、データのお預かり
③コーディング
⇅（ご相談と修正）
④実装テスト
　┗github Pagesでのテストを想定しております。お客様にもブラウザ上にてご確認いただきます。
⑤最終確認、納品

☆納品の形式につきまして☆

zipファイルによる納品もしくはgithubからのダウンロードを予定しております。
後者の場合、納品確定後にリポジトリのurlとダウンロードの手順を送付いたします。

☆注意事項につきまして☆

①webページ作成にあたり、業務の高速化、効率化のために生成AI（chatGPT, Geminiなど）を活用いたします。ただし、お客様よりご提供いただいた画像、デザインカンプなどを画像生成AIへの学習に利用することは決していたしません。
②コーディングに関して、ルールがある場合は事前にお伝えくださいますよう、お願い申し上げます。
③コーディング完了後に大幅なデザインの変更がある場合、追加料金及び納期の遅延が発生する場合がございます。
④ご相談など相互確認を伴う作業中に１週間以上ご連絡がつかない場合、キャンセルさせていただく場合がございます。
⑤最終確認の際、納品物をポートフォリオへ掲載しても良いかお尋ねいたします。ご許可くださる場合、納品後に私のポートフォリオに掲載させていただきます。

ご満足いただけますよう努めます。不明点などございましたらお気軽にご相談くださいませ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方

▼ご提供内容
・HTML＋CSSによるコーディング（1ページLP）
・レスポンシブ対応（スマホ・タブレット）
・軽微なJavaScript（メニュー、アコーディオン等）
・alt属性や構造を意識したマークアップ対応
・ファイル納品（HTML/CSS/JS/画像）

▼ご購入後の流れ
① ヒアリング（デザイン・構成・希望納期など）
② 作業開始（進捗は随時ご報告）
③ 初回納品 → ご確認・修正対応（2回まで）
④ 最終納品・クローズ

▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど

▼料金プランやオプション
・ライト：¥10,000（3セクションまで）
・ベーシック：¥15,000（5〜6セクション）
・プレミアム：¥20,000〜（7セクション以上＋動き）
・セクション追加：＋¥2,000〜

▼納期
・ライト：7日以内
・ベーシック：10日以内
・プレミアム：14以内（応相談）
※副業対応のため、事前にスケジュール確認をお願いします。

初心者だからこその丁寧さ！Figmaデザインを忠実に再現し、お客様の想いを形にします。

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

Webサイトの立ち上げ、リニューアル、デザインデータのコーディング

発注の流れ

お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。

お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。

テスト・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。修正点やご要望があれば、お気軽にお申し付けください。

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。

対応範囲・価格

HTML/CSSコーディング：30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。

JavaScript実装：10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。

WordPressカスタマイズ：20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。

Node.js/Expressサイト制作：30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。

納期

要相談（案件により柔軟に対応）

制作の流れ

Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。

HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。

JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。

テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。

納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。

サービス内容

FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。

Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます！実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください！

【制作会社様・デザイナー様向け】足りないリソース外注しませんか？

保守性の高いコーディングを提供します

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

「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。

【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。

【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ（ベーシックは除く）
・3回までの修正対応（こちら側のミスは除く）

【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。

【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください

②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。（サーバーにアップ不要であれば本情報は不要です。）

③トップページ制作
※3回まで修正可能

④下層ページ制作
※3回まで修正可能

⑤最終確認

⑥本番環境（クライアント様のサーバー）で公開（納品）またはファイル形式でお渡し

【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。

業務内容

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

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

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

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

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

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

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

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

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

数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます！

個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。

まずはお気軽にご連絡ください。

■こんな方におすすめ

• ☆繁忙期でリソースが足りない制作会社様
• ☆デザインはできるけどコーディングは他の方にお願いしたい

■プランに含まれるもの

• レスポンシブ対応
• アニメーション：ハンバーガーメニュー/アコーディオン/スライダー
• お問い合わせフォーム：ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
• 修正無制限無料（大幅なデザイン変更はご相談ください）

■事前にご用意するもの

• デザインデータ（XD/figma/Illustrator/Photoshop）　
• 画像データ（JPG/PNGなど）

■納品までの流れ

①ご相談・お見積もり
　デザインデータと画像データを元にチャットでお打ち合わせを行います。
　その後、お見積り金額を提示させて頂きます。

②仮払い
　ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。

③デザインデータをご用意ください
（プラン日数はご提供頂いてからの日数になります）

④制作開始

⑤初稿提出〜修正
（テスト環境の情報をお伝えしますのでそちらでご確認ください）

⑥納品
（ファイル形式を添付し納品、またはサーバーにアップロードいたします）
　※サーバーにアップロードの場合はFTP情報をご準備ください。

■その他

※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。

デザインカンプから高品質なWebサイトを迅速に「「お安く」」コーディング！

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

　デザインはあるけど、コーディングしてくれる人がいない。レスポンシブ対応が難しくて困っている。WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。よく分からない部分や不安な点があって相談しづらい、といった方でも問題ありません！
　是非お気軽にご相談いただき、不安を解消しながら完成させていきましょう。

発注の流れ

1. お問い合わせ

　メッセージにて、コーディングしてほしいWebサイトのページ数やデザインカンプの形式、納期などのご要望をお知らせください。

2.デザイン確認

　デザインカンプ（Figma, XD, PSDなど）をご提供いただき、Webサイトの構成やデザインの詳細について確認します。

3. お見積もり

　デザインカンプの内容とご要望に基づいて、お見積もりと納期をご提示します。金額と納期にご納得いただけましたら、ご契約となります。

4. コーディング

　お支払い確認後、コーディング作業を開始します。進捗状況は随時ご報告いたします。ご要望に応じて修正も可能ですが、内容によってはプラスでお時間をいただく場合がございます。

5. 納品

　完成したWebサイトのコーディングデータをお渡しします。納品後も、軽微な修正であれば無償で対応いたします。

対応範囲・価格

・Webサイト コーディング：1万円〜
　デザインカンプ（Figma, XD, PSDなど）を元に、高品質なHTML/CSSコーディングを行います。

・レスポンシブ対応：３千円〜
　スマホやタブレットでも表示崩れなく動くようレスポンシブ対応を行い、より多くのユーザーに快適な閲覧体験を提供します。

・SEO対策・アクセシビリティ対応：１千円〜
　SEO対策、アクセシビリティ対応など、Webサイトのパフォーマンスを向上させるための作業を行います。
　SEOやアクセシビリティへの配慮は、集客やユーザビリティの向上にも直結します。
　長く使われるサイトになるよう、構造面からサポートさせていただきます。

　具体的には、
・適切なHTMLタグの使用（<main>, <article>, <header>など）

・適切な見出しタグ（<h1>～<h3>など）の構造設計

・alt属性の適切な設定

・titleタグやmeta descriptionの設定

・内部リンクの適切な記述
　などになります。

納期

　　最短７日〜

制作の流れ

1. 設計

　デザインカンプを基に、Webサイト全体の構成を把握し、必要なHTML要素やCSSスタイルを洗い出します。WebアクセシビリティやSEO対策に必要な要素も検討します。

2. コーディング

　設計に基づいて、HTML/CSSコーディングを行います。デザインの再現性を重視し、細部のズレも見逃さず、丁寧にコーディングします。

3. 動作確認

　スマートフォンやタブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。必要に応じて、CSSを修正し、レスポンシブ対応を行います。

4. 最終確認

　WebアクセシビリティやSEO対策に必要な要素が正しく実装されているか確認します。必要に応じて、HTML/CSSを修正します。

5. 納品

　完成したWebサイトのコーディングデータを納品します。納品後も、軽微な修正であれば無償で対応いたします。

サービス内容

　デザインカンプからのHTML/CSSコーディング、レスポンシブ対応、Webアクセシビリティ、SEO対策まで、Webサイト制作に必要なコーディング業務をトータルでサポートします。

　Webサイトのコーディングでお困りではありませんか？デザインはあるけどコーディングしてくれる人がいない、レスポンシブ対応が難しくて困っている、WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。そんな悩みを解決します！

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

◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・外注しづらい軽微なコード修正 or 下層１ページだけ頼みたい…
・0からコーディング、WordPressオリジナルテーマ化まで実装してもらいたい…

このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。

【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScriptを用いた動的実装
　└ハンバーガー / ドロワー / ページトップ / モーダル / アコーディオン / タブ / スライダー
・レスポンシブ対応
　└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・WordPressを用いたオリジナルテーマ制作、カスタマイズ
　 └カスタム投稿・カスタムタクソノミー・カスタムフィールドなど
・お問い合わせフォームの実装

※無料オプション
・表示速度の高速化のための画像圧縮
・内部SEO対策
・テスト環境の構築

【業務進行において】
・CSS設計（ 予測・再利用・保守・拡張）を意識し、FLOCSSによりコーディングします。
・Gulp、Sass（Scss）を使用します。
・複数ページに及ぶ場合Pug・EJSなども使用します。
・gitでソースコード管理を行いながらコーディングをします。

【制作の流れ】
1　ヒアリング&お見積り（※まずはご相談下さい）
2　お客様からデザインのご提供
3　コーディング＆テスト
4　ご確認・修正
5　最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

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

◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…

このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。

【これまでの実績】
・写真展LP（掲載しているもの）
・化粧品LP（掲載しているもの）
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;

【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript（Vanilla.js）を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
　└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装

※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築

【業務進行において】
・CSS設計（ 予測・再利用・保守・拡張）を意識し、FLOCSSによりコーディングします。
・Gulp、Sass（Scss）を使用します
・Gitでソースコード管理を行いながらコーディングをします。

【制作の流れ】
1　ヒアリング&お見積り（※まずはご相談下さい）
2　お客様からデザインのご提供
3　コーディング＆テスト
4　ご確認・修正
5　最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

### その表示不具合、すぐ解決できるかもしれません。
まずはご相談ください。

html/cssの表示不具合については、根が深い問題と、
ちょっとした修正で解決するものがあります。

リモート常駐の案件を担当していたときにPGさんとか他メンバーの業務報告を見てとても感じたのが、
なれてる人なら1時間位で解決できるものを、数時間、数日かけている方が
思っている以上に多いことです。
そのことから、本サービスを始めさせていただきました。

※解決を100%保証はできません。
経験上解決できない問題はほとんどないです。
しかしながら、表面上の解決はできても根本解決には別途作業のご依頼が必要な場合もあります。
もし解決に至らなくても、問題の切り分けまでは最低限行います。
その8割は短時間で解決します。

根が深い問題に関しては、
ご相談の上追加料金いただければ解決に向けた調査を継続させていただきます。
場合によっては作り直した方が早い場合もあると思います
(デザイン含めたフルリニューアルもワンストップでご対応可能です。)

ご相談にあたって、ご用意いただくもの

• あるべき正しい姿をご提示ください。デザインなど。
• 最低限ブラウザで確認できる状況が必要です。
• ベストは私のローカル環境で再現できるデータ一式のご提供です。

私の確認可能な実機環境
・MacBookPro 16 2019 MacOS Monterey 12.6 Chrome最新 Safari最新 Firefox最新
・Windows11 EDGE最新 Chrome最新 Firefox最新
・iPhone11 / iPhone12 OS最新
・Sharp AQUOS 4 lite Android12

上記以外については実機での確認はできません。
それ以外の実機確認が必要な場合、レンタルなど必要になりますので、
別途ご相談となります。

■私のこと
約20年くらいWEB業界に身をおいております。
現在はディレクター案件も多いですが、現役でWEBデザイン/コーディング/WP構築も行っております。
昔から炎上案件に火消し役でアサインされることも多く、様々なトラブルの経験知はあると思っております。
意外とその不具合、簡単かもしれません。
ここに時間かけるより、もっと他の事業や本業、コンテンツ制作にお時間を使っていただきたい、
そのように考えております。

一緒に対策考えませんか？

まずはお気軽にご相談ください。
何卒よろしくお願いいたします。

【対応内容】
・HTML/CSSによるコーディング
・レスポンシブ対応（スマホ・タブレット対応）
・JavaScriptを用いた簡単なアニメーション（フェードイン、スライダー等）
・お問い合わせフォームの設置（ご希望があれば）

【ご用意いただきたいもの】
・デザインカンプ（Figma、XD、Photoshop、画像など）
・使用する写真や文章などの素材
・サイトの目的やご希望のイメージ（必要に応じて）

【業務の流れ】

1. ご依頼内容のヒアリング
   　（ページ数・用途・ご要望などを確認します）
2. デザインデータと素材のご提供
3. コーディング作業開始
   　（レスポンシブ対応やアニメーションも含む）
4. 確認・修正
   　（軽微な修正は無制限で対応いたします）
5. 納品
   　（HTML/CSSファイル一式、またはサーバーへアップロード）

【修正対応について】
・軽微な修正（文字の打ち間違い、色の微調整など）は回数無制限で対応いたします。
・大幅なデザイン変更や追加作業は、別途料金をお願いする場合があります。

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

『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください！！！

"20,000円～/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。

まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。

スキル感はポートフォリオをご覧ください

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

■コーディング料金
・基本料金：20,000円〜
・レスポンシブ対応：無料
・jQuery & CSSアニメーション：点数無制限で一律5,000円

■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。

◆制作の流れ
1、ヒアリング&お見積り（※まずはご相談下さい！）
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

■私の強み
①納期厳守
　納期は必ず守ります。
　定期的に作業の進捗を報告致します。
②細部へのこだわり
　どんな方でもわかるようなコーディング
③ヒアリング重視
　Webサイトによって何を実現したいのか目的を共有させていただきます。
　目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
　フリーランスであるため、平日休日問わず対応が可能です。
　すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。

■こんな方にオススメです！
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。

■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード（無料）
・納品後の修正作業（無料）

ご閲覧いただきありがとうございます！
当サービスでは、ホームページを1万円〜、最短7日でご提供しております。

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

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

■制作期間
必要データをご提供いただいてから最短7日で納品いたします。
※ページ数やデザイン・要件によってかかる日数は異なります。

■アフターサポート
納品後１週間は無償で修正対応させていただきます。

ご不明点等ございましたら、メッセージからお気軽にお問い合わせください！

この度は数ある中から、当サービスをご覧いただきありがとうございます！
Webコーダーをしております、souと申します。
高品質な制作物、丁寧なコミュニケーション、迅速な対応と納期の遵守には自信があります。
お気軽にお問い合わせください。

【 こんな方におすすめ】
「格安で実現したい」
※現在、開設記念につき3,000円で対応してます！

【 サービスの内容 】
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応（スマホ・タブレットに対応）
・オリジナルテーマでのWordPress化

【 価格 】
基本料金　 3,000円

【ご用意いただきたいもの】
・デザインデータ（相談可能。参考サイトでも可。）
・画像素材

【納品までの流れ】
ヒアリング・見積もり
↓
ご購入
↓
コーディング作業開始
↓
ご確認・修正
↓
最終確認
↓
納品

【納期の目安】
・3〜7日間

【納品方法】
・相談可能。

・HTML&CSSを使ったレシポンシブでのサイト構築
・お知らせや単一ページのみCSM化を行い、サイト構築後にマニュアル要らずの管理画面構築
・WordPressへのサイト組み込み
・JavaScriptなどご要望の動作、自動見積もりなどのスクリプトを作成

中小企業様向けにサービスを展開しております。

既存で大手企業様の自動見積もりシステムからコーディングなどの案件を受注している経験から
中小企業様がWEBサイトを構築後の運営までどの様にしたら良いのか、一緒に寄り添い
ただ案件を承るだけで無い、カユいところに手が届くサービスを展開しております。

【経験】
・エンジニア／25年
・ディレクター／25年
・コンサルティング／25年
・撮影部門・ブライダルでのエンドロール撮影、舞台撮影

【得意分野】
・コーディング
・業務系Webシステム開発
・Webに関するコンサルティング全般

【スキル】
・PHP
・HTML5、CSS3
・JavaScript、jQuery
・Wordpress、EC-CUBE

ランサーズ初登録でございます。
現段階での評価はございませんが、誠心誠意の対応を行いますので何卒よろしくお願い申し上げます。

ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを１ページから承ります。

制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。

【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応（ブレイクポイント１箇所）
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装（javascript / jQuery）
・各種ブラウザ動作確認（Chrome、Firefox、Edge、Safari ※最新版）
・修正無制限（※仕様変更は別途費用がかかります）
・画像圧縮

※デザインデータはご支給ください。

【 ご予算・納期について 】
各プランの価格・納期は目安です。
ご要望により変動いたしますので、まずはお問い合わせください。

【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策

【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品

【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。