CSSの依頼・発注・代行

LP制作のデザインからコーディングまで、すべてお任せください

ご覧いただきありがとうございます。
Webデザイナーの坪と申します。

デザインからコーディングまで一貫対応！
「伝わるデザイン」と「正確な実装」で、あなたのサービスや商品が魅力的に伝わるLPを制作いたします。

＼こんな方におすすめです／

✅ LPで集客・売上アップを図りたいけど、やり方が分からない
✅ ざっくりしたイメージから、提案含めて任せたい
✅ 自社で作ったLPが、なんだか物足りない
✅ 商品やサービスの強みをしっかり伝えたい
✅ デザインもコーディングもまとめてお願いしたい
✅ オンラインで相談しながら進めたい

どれか一つでも当てはまった方は、ぜひご相談ください。
あなたのビジネスを後押しする、成果につながるLPを丁寧にお作りします。

◆サービス内容

• デザイン＋コーディング込みのパッケージ
• レスポンシブ対応（スマホ・タブレット対応OK）
• 長さ制限なし（内容が多くても追加料金なし）
• 提案数：1案
• 修正回数：無制限！（納得いくまで何度でも対応）

◆有料オプション

• 画像データの譲渡
• 著作権の譲渡
• 素材探し（無料素材を中心に選定・ご提案）
• アニメーション追加（1箇所）
  　→スクロールに合わせた動きやフェードインなど、印象的な演出が可能です
• サーバーへのアップロード代行
  　→納品後すぐに公開できる状態でのお引き渡しが可能です

◆納品までの流れ（スタンダードプランの場合）

1．無料相談・お見積もり（DMにて）
　気になる点があれば、どんなことでもご相談ください
2．ヒアリング
　目的・ターゲット・掲載内容・デザインのご希望などを丁寧に伺います
3．ご購入
　内容にご納得いただいたうえで、ご購入をお願いします
4．デザインカンプ提出（ラフ案）
　完成イメージをご確認いただきます
5．デザイン修正・最終確認
　修正回数は無制限！安心してご依頼いただけます
6．コーディング作業
　スマホ・タブレット対応のレスポンシブ設計で実装いたします
7．納品（ZIP形式 or オプションにてサーバーアップ）

◆納品方法

HTMLやCSSなどのフォルダをお渡しいたします。

◆ポートフォリオ

[こちらからご覧いただけます](https://www.lancers.jp/profile/tsubo_web_designer/portfolio?ref=more)
過去の実績やデザインのテイストをご確認いただけます。

✨まずは「無料相談ボタン」から、お気軽にご相談ください✨
ヒアリングから納品まで、丁寧かつ誠実に対応いたします。

2024 Top 100 Lancer掲載の認定Lancerがコーディング代行いたします！

コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 外注先をお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

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

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

4. 製作開始

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

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

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【WordPressテーマ化について】

ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている及川 と申します。

========

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

・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様

などなど

========

【　制作の流れ　】

①　ヒアリング・お見積もり（必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます）
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。

========

【　料金　】

トップページ(レスポンシブ・WordPress化込み)　44000円〜
アニメーションや複雑な機能については要相談となります。

========

【　確認環境　】

PC　chrome・Safari・Firefox・Edge（Firefox・Edgeは擬似環境です）
スマホ　chrome・Safari・Firefox・Edge

========

【　当サービスの強み　】

・制作会社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。

・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。

・土日も作業しております！急なご連絡なども対応可能です！

========

ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪

ランディングページのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様で案件が重なり、コーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

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

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

Ankiへ「切取り画像」を入力します（8円／枚）。
━━━━━━━━━━━━━━━━━━━━━━━━
▼見積希望の方、以下5点を必ず連絡ください。
　1. 「電子化した書籍（pdf）のご提出」または
　　「書籍名（amazon URL）のご連絡」
　2. カード入力項目（例）表： 英単語、発音記号
　　　　　　　　　　　　 裏： 意味、例文
　3. 入力単語数（概算でよい）
　4. 端末のOS、画面サイズ
　5. その他　ご希望仕様の詳細（サブデッキ化）等

▼税抜金額　英単語 500語の例
　・合計　17,000円
　・内訳　基本料金　　9,000円（※）
　　　　　画像 500組　(8円×表裏計2枚)×500組
　　（※）カードタイプ作成（HTML・CSS記述）、
　　　　　読込用CSV作成、サブデッキ化など

▼その他
　・納品物： apkgファイル
　・納品日： 基本、10日以内
　・納品後でも初期仕様内であれば、無料で修正。
　・オプション有（音声入力、書籍電子化代行など）
　・特殊な実績：単語カード（5cm×9cm）
━━━━━━━━━━━━━━━━━━━━━━━━
不明点あれば、お気軽にご相談下さい。

ご希望のコーディング作業を承ります！
10年以上の経歴でSEOを意識した正確なコーディング対応！

もちろん制作ページはすべてレスポンシブで制作。
PCでもスマホで最適なHPを作成します！

コーディングにはデザインのご提供をお願い致します。

【制作事例】

多数のオリジナルWordpress制作の経験がございます。
■シンプル
https://shonan-hokulea.org
https://ryt200yoga.com
https://calma-salon.com
■ポップ
https://allure.jp
http://www.oltra.co.jp
http://b-spell.com
■シック
https://sanseed.net
https://koyasu-onsen.com
https://eshakyo.jp

【納期】

最短2営業日前後（ベーシックプラン）で対応致します！

【その他】

HP制作歴は10年以上の経歴がございます！
SEOを意識したスマートなコーディングにて対応して参ります。
ホームページ制作をご検討の際は、是非一度お声がけください！

※納期・費用は仕様やコンテンツ量などにより前後する場合がございますので、予めご了承ください。

【緊急コーディング対応｜最短当日着手】

デザインカンプからコーディングまで、迅速・丁寧に対応いたします。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

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

WEBエンジニアのmatsuguchiと申します。

ホームページやLPをデザインカンプからコーディングしております。
(デザインカンプはXD・Photoshop・Illustrator・Figmaで作成されたものに対応しております)

制作会社に依頼する相場に比べて安価に行いますのでまずはお気軽にご相談ください。

【私からのお約束】
・保守・管理しやすいコードを書きます！
・表示崩れのないコーディングを行います！
・デザイン通りのコーディングを行います！
・アニメーションもお任せください！
・丁寧・安心のサービスを提供します！

【作業内容】
・HTML・CSSによるコーディング
・javaScript(jQuery)によるアニメーションなどの実装
（例）ハンバーガーメニュー・アコーディオンなどの実装、スライドショー、フェードイン・アウトの実装
・レスポンシブ対応(スマホ対応)
・テストサーバーでの動作確認

その他、ご要望に応じて対応させていただきます！

【作業の流れ】
①「まずは相談する」をクリック
②ヒアリング・見積り
③作業開始
④初稿完成
⑤お客様によるご確認
⑥修正
⑦納品

【料金】
トップページ(アニメーションなし)(7000px程度まで)：10000円
トップページ(アニメーションあり)(7000px程度まで)：11000円
トップページ(7000px程度まで) ＋ 下層ページ2ページ：20000円

【納期】
作業開始より5日～となっております

【納品方法】
・ファイルでの納品
・サーバーへのアップロード

【ヒアリング・見積り時に必要なもの】
・デザインデータ(XD・Photoshop・Illustrator・Figmaで作成したもの)

また、下記6つについてヒアリング・見積り時にお聞きしたいのでご準備をお願いいたします。

・ご予算
・ご希望される納期
・ページ数
・アニメーションの有無
・WordPress化の有無
・画像などのコーディングに必要な素材の準備はできているか

※アニメーションやWordPressがどんなものか分からない場合にはヒアリング時にご説明いたします。
些細な疑問にもお答えいたしますので、ヒアリング時にお気軽にお尋ねください。

2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

LP（ランディングページ）でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 下請けをお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

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

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

4. 製作開始

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

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

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

• ドメインとレンタルサーバーのご契約済みであること
• DNS設定が反映されている状態であること
• FTP接続情報のご用意

WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

• レンタルサーバーのコントロールパネルのログイン情報
  または
• phpMyAdminへのログイン情報

※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

ご覧いただきありがとうございます。
本サービスはホームページ、LP、ポートフォリオなどのコーディング代行サービスです。

♦︎こんな方におすすめ♦︎
デザインデータをお持ちの
デザイナー様
制作会社様
ディレクター様
等

♦︎サービス内容♦︎
・HTML・CSSコーディング(レスポンシブ対応込み)
・JavaScript(jQuery)やCSSを用いたアニメーションな実装

♦︎料金♦︎
・LPコーディング(10000pxまで)：25,000円
・トップページコーディング（8000pxまで）：20,000円
・下層ページコーディング(8000pxまで)：7,000円/1ページ
[簡単な下層ページは3000円/1ページ]
・JavaScript(jQuery)アニメーション/1箇所：3,000円
・問い合わせ機能(Googleフォーム)：10,000円～
・WordPress機能実装：要相談

♢無料サービス♢
・基本SEO対策タグの埋め込み
・簡単なCSSアニメーション（ホバーアニメーション等）
・サイト軽量化画像圧縮
・OGP設定

※ レスポンシブ対応込みの価格になります。
※ ページの長さ超える場合は1000px毎に1,000円追加費用発生します。
※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
（お客様にブラウザでご確認いただきます。）
⑥修正
⑦納品

♦︎こちらでのテスト環境♦︎
Mac、iPhone（Chrome/Safari）
Windows（Edge）

♦︎納期について♦︎
通常、ご依頼の着手日から1週間程度で納品いたいします。
※スケジュールの状況により、上記に沿わない場合もございますのでご了承ください。

♦︎納品について♦︎
・zipファイルの送付
※サーバへのアップロード希望の場合は FTP情報共有をお願いします。

ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。

ページをご覧いただきましてありがとうございます。

これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。

コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください！

【作業内容】
HTML・CSSコーディング
js実装

【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品

★プランの内容

・オリジナルがいいけど何をしたらいいか分からない
・起業するので名刺代わりのホームページが欲しい
・綺麗で整ったデザインのホームページを考えている

デザインにこだわり、オリジナルのWebサイトがほしい方におすすめです。

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

★サービス内容

●文章について
基本的にはお客さまにご用意いただいております。
ボリュームが足りない場合などは、資料や他社サイトを参考に、こちらで文章を作成させていただきます。

●素材写真
使いたい写真などがあればご提供ください。
写真が無い、もしくはプロの目から使わない方がいいと判断した場合は、こちらでご用意いたします。

●ロゴ
ロゴがまだ無い場合も大丈夫です。
シンプルなデザインでしたら、無料でお作りいたします。

●ページデザイン
テンプレートは使用せず、ヒアリング内容をもとに、
ご希望に沿った完全オリジナルのデザインで仕上げます。

●コーディング（HTML）
検索エンジンにやさしい、基本的なSEO対策を取り入れた形でコーディングいたします。
※検索結果での上位表示を保証するものではありません

●修正は納得いくまで何度でも
納品までの期間中であれば、何度でも修正対応OKです。
お気軽にご相談ください。

●サーバー・ドメイン取得もおまかせ
オプションにて、面倒なサーバーやドメインのお手伝いいたします。

●アップロード対応
完成したホームページは、こちらでサーバーへアップロードいたします。
そのまま公開までスムーズに進められます。

●アフターサポートも安心
納品後のご質問やちょっとしたご相談は、メールにていつでも無料で対応いたします。
※メールのみ

■その他含まれる内容（ご希望の方）
・スマホ対応（レスポンシブデザイン）
・Googleマップの設置
・お問い合わせフォームの作成 なども標準対応しています。

文章や素材の準備からデザイン、制作、公開まで、すべておまかせください！
「ホームページは初めてで不安…」という方も、安心してスタートできるようしっかりサポートいたします。

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

★プラン内容

◆ベーシックプラン
トップページのみのシンプルなプランです。

会社案内やサービス紹介など、簡潔な情報発信におすすめ。
※お問い合わせフォーム付き（トップページ下部に設置 ※ご希望の方）

◆スタンダードプラン
トップページ＋下層ページ3ページまで制作します。

情報をしっかり掲載したい方におすすめの内容です。

＜ページ構成の例＞
・トップページ
・サービス案内
・会社概要
・お問い合わせページ

または、

・トップページ
・スタッフ紹介
・料金案内
・ご予約ページ(お問い合わせ)

なども対応可能です。

◆プレミアムプラン
トップページ＋下層ページ5ページまで制作。

より充実した構成で、本格的なサイトに仕上げたい方に最適です。

★すべてのプランに含まれる内容
・不足分の文章・写真の補助作成
・シンプルなロゴ制作（ロゴが無い場合）
・完全オリジナルのデザイン
・HTMLコーディング（基本的なSEO対応）
・修正は納得いくまで無制限
・サーバーへのアップロード
・スマホ対応（レスポンシブ）
・Googleマップの設置
・お問い合わせフォーム設置
・納品後のアフターサポート（メール対応・無料）

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

★オプション対応（ご希望に応じて追加可能）
・下層ページの追加
・サーバー取得サポート
・ドメイン取得サポート
・縦長のLP（ランディングページ）制作

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

★お申込み後の流れ

1. 事前のヒアリング、お打ち合わせ
2. 仮払い、データ類のご用意
3. デザインカンプ（仕上がり見本兼ご提案書）の制作
4. 完成したデザインのご確認、修正対応（回数無制限）
5. デザインにOKを頂けましたら、コーディング（htmlページの制作）へ移行
   　 完成したページをご確認、修正対応
6. サーバーへアップロード、完了

ホームページが完成してからのご不安も、いつでもお気軽にご連絡下さい。

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

★ご相談・お見積り

ホームページ制作をご検討されている方は、お気軽にご相談下さい。

【作業内容】
・HTML/CSSを用いた静的コーディング（1ページから大量ページまで対応可能です）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

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

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

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

対象
・ホームページの完成図(デザイン案)をお持ちの方のみに限定させていただきます。
・デザインはFigmaでの共有でお願いします。

修正回数について
・期限内であれば何回でも対応させていただきます。

稼働時間について
・平日 9:00~21:00
※土日祝は基本的に対応不可の時間はありません

必要なもの
・Figmaのデザインデータ(.fig)
・具体的な実装内容(担当の方とお話しさせていただくだけで十分の場合もあります)

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

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

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

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

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

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

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

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

この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。

本サービスはデザインデータからもしくは既存静的サイトのwordpress化を行います。

【こんな方におすすめです】
・デザイナー様
・デザインデータをお持ちの方
・静的サイトのwordpress化をお考えの方

【基本サービス内容】（すべてのプラン共通）
・基本的なSEO対策
・テスト環境（当方契約サーバ）へのアップロードテスト
・実装可能な項目
　＜内訳＞
　問い合わせフォーム１種類（メールフォーム）５項目程度
　投稿ページ
　投稿一覧ページ
　カスタム投稿ページ
　カスタム投稿一覧ページ
　※基本的に管理画面で更新可能にするページは投稿ページとカスタム投稿ページを想定しています。
　　別途要望がございましたら、ご相談ください。

【使用可能（経験）ツール・言語・フレームワーク】
・ツール
　Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
　wordpress、html、css、Sass、JavaScript、php

【納品方法】
ご相談

【表示確認】
納品前には下記ブラウザ全て（バージョンは最新）での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ～ 1920px です。
　その他の画面幅での対応が必要な場合は、別途お見積もりいたします。

サービスをご覧いただきありがとうございます！
サービス出品者の宗谷(そうや)と申します。

【本サービスの内容】
本サービスは、WebデザインをHTML・CSS・JavaScriptでコーディングするサービスです。

【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。

＜ベーシックプラン＞
HTML・CSSを使った制作になります。
アニメーションなどを使わないため、下層ページのコーディングなどにオススメです。

＜スタンダードプラン＞
こちらはHTML、CSS、JavaScript (アニメーション) を含む制作になります。
トップページのコーディングなどにオススメです。

＜プレミアムプラン＞
こちらは静的コーディングの5ページ分の制作になります。
複数ページのコーディングを依頼されたい方はこちらがオススメです。

【納品までの流れ】
１．ヒアリング（内容の詳細をお聞かせください。）
２．お見積もりを提出 (金額と納品日をお伝えいたします。)
３．ご依頼（ご購入）
４．デザインデータのご入稿
５．制作開始
６．テストアップ
７．検収・修正対応
８．データ納品 or サーバーアップロード

【こんな方にオススメ】
＜リソース不足で外注したい方＞
リソース不足は私が解消します。

＜品質を重視してコーディングしてほしい方＞
徹底した品質管理を行い、品質が担保されたサイトを納品します。

＜信頼できるコーダーを探しているWeb制作会社様、Webデザイナー様＞
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。

【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。

/ 宗谷 (そうや)

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

webサイトのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

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

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

こんな方へオススメ

• デザインまでは対応できるが、フルスクラッチ（HTML / CSS / JavaScript）でページを組むコーダーが足りない。
• Webアクセシビリティ(WCAG AA)へできるだけ対応してほしいと言われたが、それに対応できるコーダーが足りない。
• HTML / CSS / JavaScriptのコードを直に修正する必要があるが、それに対応できるコーダーが足りない。

Webアクセシビリティへの対応についての注意点

基本的にセクショニングなどコーダーで調整可能な個所のみ、対応させていただきます。例えば色味によりコントラスト比が足りない場合はデザイナーとの調整が必要になるかと思いますので、対応できかねます。
ページの制作後にアクセシビリティへの適合検査会社に検査依頼を出す場合、審査する人の判断により不適合となる場合がございます。ご了承ください。
例えば、注意文でよく見かける「※」はテキストか、それとも装飾文字として意味のないものとして扱うかの判断が、検査した年度によって異なったという事例が所属していたチームでありました。

制作可能なジャンル

• デザインに基づくフルスクラッチコーディング
• 既存サイトのHTML/CSS/JavaScript修正

依頼～制作完了の流れについて

※デザインの内容や量によって追加費用をご請求させていただく場合がございます。
※まだ会社に所属していない状態での業務に慣れておりませんので、パッケージに記載の納期はやや余裕を持たせています。ご了承ください。
※依頼者様側で特に用意が無い場合は、テストサーバーは私の方で準備いたします。ただし、サーバー側での処理を考慮できない可能性がありますので、できるだけ依頼者様側で用意いただくようお願いします。
※依頼者様側で特に用意が無い場合は、バージョン管理はGitでリモートに接続せずに管理します。その情報（.gitディレクトリ）も納品時にファイル一式としてお送りします。
※ 依頼者様側で特に用意が無い場合は、環境構築が不要な形でコーディングを行います。

■ページ制作の場合

1. 「まずは相談する（無料）」よりお問い合わせください。
2. 要件・予算などに問題が無ければ以下の共有をお願いします。

• デザイン(PSD、XD、Figmaデザイン)
• metaタグの設定などの補足する資料（箇条書き可）、またはそれらが推測できるベースとなるページのURL
• FTPの接続情報（依頼者様でご用意する場合）
• Gitリポジトリへの接続情報（依頼者様でご用意する場合）
• package.jsonなど、環境構築セット（依頼者様でご用意する場合）

3. コーディングしたページをご確認いただき、必要に応じて修正いたします。
4. FIXしましたら、ファイルリストとファイル一式を納品させていただきます。

■既存ページ修正の場合

1. 「まずは相談する（無料）」よりお問い合わせください。
2. 要件・予算などに問題が無ければ以下の共有をお願いします。

• 修正するページのURL
• 修正時に触っても問題ないファイルのURL（依頼者様でわかる範囲で問題ありません）
• FTPの接続情報（依頼者様でご用意する場合）
• Gitリポジトリへの接続情報（依頼者様でご用意する場合）
• package.jsonなど、環境構築セット（必要な場合）

3. コーディングしたページをご確認いただき、必要に応じて修正いたします。
4. FIXしましたら、ファイルリストとファイル一式を納品させていただきます。

戻し対応について

基本的に戻し修正の回数には制限を設けておりません。
ただし、修正の依頼内容を吟味し、品質を維持できないと判断した場合、修正内容に対して代案を用意したり、お断りしたりする場合がございます。ご了承ください。

HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応（レスポンシブ）対応可
・保守性・可読性の高いクリーンなコードを意識しています

LP（ランディングページ）の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です

デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です

軽度のJavaScript実装（オプション）
以下のような簡単な動きに対応可能です：
・スライダー（Swiperなどの導入）
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示（画像拡大など）
・スクロールアニメーション（AOS等ライブラリ）
・日付自動挿入 など

短納期でデザイン通りにコーディングします！

ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください！

【営業時間】
平日 9:30～17:30 （休業日：土日、祝祭日、特定日）

■業務内容

デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。

●サービス内容

・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策

●対応範囲について

本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。

以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置

●制作の流れ

①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。

②デザインデータのお預かり
対応可能データ（Photoshop ・Illustrator・AdobeXD・Figma）
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください

③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。

④確認・修正
テスト環境にて仕上がりをご確認いただきます。

⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。

WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正も安心してお任せください。

デザインの正確な再現性とメンテナンス性、
SEOに配慮したコーディングを強みとしています。

制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。

■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。

→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用に含まれます。

→ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンで表示確認を行い、品質を保証します。

■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。

■ 費用
・TOPページ：36,000円〜
・下層ページ：12,000円〜
・既存サイトの更新・修正：5,000円〜

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。

■ 担当者について
事業会社と制作会社で多数のWebサイト制作・運用経験を持つ制作者が担当いたします。
現在はフリーランスとしてコーディングを中心に案件をお受けしていますが、
ページの画面設計からWebデザイン、WordPressの実装、
コアウェブバイタルのスコア改善、内部SEO対策なども対応可能です。

既存サイトの修正や機能の拡張、不具合対応などを致します。

レスポンシブ対応、静的サイトから動的サイトにしてほしいなど幅広い対応が可能です。
まずはご相談ください。
※平日は会社員として働いているため、納期を長めに確保しております。
※納期には予備日を含んでいるため、基本的には納品まで記載の日数はかからないです。

簡単な静的なサイトを作りたい方におすすめです。

デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(２回ほど)
→
納品

デザインデータからHTML/CSS/Javascript（JQuery）コーディング+WordPressオリジナルテーマ導入を行います。

すでにあるデザインのコーディングを外注したい方におすすめです。
wordpressへの組み込みやお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望とのミスマッチを防ぐため、購入前に一度デザインをご提示していただくか、ご相談いただければと思います。

< 各プランに含まれる内容 >
・レスポンシブ対応（PCサイズ・スマホサイズでの表示変更など）
・3回まで無料修正

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

< 納品までの流れ >
1.ヒアリング・お見積もり（無料）

2. デザインデータ/画像データ/ テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正（3回まで)
6. 最終納品

< 納品方法 >
zipファイル

< 注意事項 >
・購入後のキャンセルはお断りさせていただいております。
・頂いたデザインデータのコーディング作業を開始してからの、大幅なデザイン修正は
　お受けできませんので、ご了承ください。

「デザインを忠実に再現！LP制作・コーディング代行（レスポンシブ対応可）」

サービス内容
「デザインをWebサイトにしたい」「スマホでも見やすいLPを作りたい」そんなお悩みを解決します！
HTML/CSS/JavaScriptを使ったコーディングが得意なKouji Watanabeと申します。
デザインを忠実に再現したLP制作やコーディング代行を承ります。
レスポンシブ対応も得意で、スマホやタブレットでも快適に閲覧できるサイトをお届けします！

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

・スマホ対応のLPを低予算で作りたい方

・既存サイトの修正を頼みたい方

対応可能な内容
・LPのコーディング（HTML/CSS/JavaScript）

・レスポンシブ対応（スマホ・タブレット対応）

・フォームの実装（PHPでの送信処理対応可）

・サイトの軽微な修正（テキスト変更、色変更など）

実績
・カフェサイトやトップページの制作経験あり（ポートフォリオ: https://koujiwatanabe.com/DanranCoffee/topPage_pc.html#）

・コーディング歴約1年ですが、丁寧な仕事でクライアントの期待に応えます。

価格の目安
・1ページ（5セクション程度）: 10,000円〜

レスポンシブ対応: ＋1,000円

フォーム実装: ＋1,000円

納期の目安
1ページ: 3日〜7日

修正対応: 1日〜2日

ご注意
・デザインはご用意ください（デザイン作成は対応不可）。

複雑なアニメーションやバックエンド開発は要相談。

メッセージ
納期厳守、丁寧な対応をお約束します！
デザインを忠実に再現し、使いやすいLPをお届けします。
お気軽にご相談ください！

Illustraytorと共に、PhotoShop、Premiere Pro、Fireworks、Dreamweaver、navicatを使いながら、ビジュアルデザイン、コーディングとともにプログラムを開発することも可能です。Html、Cssをはじめ、Javascript、jQuery、PHP、Mysql等の言語を使用できます。

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

本サービスをご覧いただきありがとうございます。
お客様の安心と満足を第一に考え、迅速な対応、定期的な進捗報告、そして誠意を持った丁寧な対応を心がけております。

▼こんな方におすすめ
・コストは抑えたいけど、品質は落としたくない
・デザインに忠実にコーディングして欲しい
・進捗報告をしっかりして欲しい
・デザインは得意だけど、コーディングは苦手
・アクセシビリティに配慮したWebサイトを作りたい
・Webサイトの表示速度を速くしたい

▼サービス内容
・デザインデータをもとにHTML・CSSを使用したコーディング。
・レスポンシブ対応
・アニメーション（CSS/JavaScript/jQuery）

▼確認環境
Mac（最新OS）：Chrome、Safari、Firefox、Edge　※各最新バージョン
Windows：Chrome、Firefox、Edge　※各最新バージョン
スマホ：Chrome、Safari

▼無料サービス
・画像圧縮（表示速度の高速化）
・テスト環境の構築
※必要に応じてブラウザにて実際に確認していただくことも可能です。その際は、Basic認証を設定致します。

▼価格について
・トップページ：10,000円〜
・下層ページ：1,000円〜
・LP：10,000円〜
・アニメーション：1,000円〜/1実装
（※ハンバーガーメニュー、スライダーは無料で対応致します。）
※料金は目安となりデザインやご要望によって変動致します。お客様のご予算に合わせた調整も可能ですので、お気軽にご相談願います。

▼サービスの流れ
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング・テスト
④ご確認・修正（回数無制限）
⑤納品

▼納品方法
zipファイルでの納品またはご指定のサーバーにアップロード致します。

▼修正について
・納品後も無料にてご対応
・回数無制限
※デザイン変更や、お客様の編集に起因する不具合の修正は対応外となります。

納期1-3日

WordPressで「格安」「高品質」なホームページを「短期間」で制作いたします！

【ご購入前に必ずメッセージにてご相談ください。】

こんなお悩みございませんか？

・ホームページ欲しいけど何したらいいんだろう、、
・依頼すると高そうだなぁ、、
・時間と手間をかけたくないなぁ、、
・プロが作るようなかっこいいサイトが欲しい！

わたくしに、一度ご相談ください♪

【ご用意いただく物】
・サーバー、ドメイン
・写真/画像素材
・会社やお店のロゴ
・文章

※画像素材は、フリー素材を準備可能です。

高品質&リーズナブルな価格で対応いたしますので、何卒よろしくお願いいたします。

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

サービスをご覧いただきありがとうございます！
本サービスでは、HTML/CSSコーディングをお任せいただけます。
ホームページ・ランディングページのコーダーをお探しの方はぜひご検討ください。

【提供内容】

・HTML・CSSの静的コーディング
(HTML4などの旧バージョンは対応しておりません)
・JavaScriptは一般的に実装されている動作のみ実装(ハンバーガーメニューなど)
・レスポンシブ対応

・修正は３回まで無料

納品時には、プログラムデータなどを圧縮してZipファイル形式でお送りします。

【制作内容】

1ページ(トップページのみ)から複数ページまで承っています。詳しくは料金表をご覧ください。

【納期】

・ベーシック: 3日
・スタンダード: 7日
・プレミアム: 10日

納期はボリューム、稼働状況により変動する場合がございますので、参考としてご確認ください。どのプランにするかお悩みの場合は、 「カスタマイズ」 をお選びください。

サービスの相談、お見積りに関しては、無料です!
お気軽にご相談ください！

「デザインはあるけどコーダーがいない」
「忙しくてコーディングまで手が回らない」
「安い外注に頼んだらひどい仕上がりだった…」

そんなお悩みを、現役Webエンジニアが解決します！

HTML・CSS・jQueryの実装経験は約10年。
現在もWeb制作・開発を本業で行っており、個人・法人問わず多数の案件を手がけています。

Adobe XD／Photoshop／Illustrator／Figmaいずれのデザインデータにも対応可能。
デザインカンプ通り、丁寧で整ったコードを迅速にコーディングいたします。

■基本料金に含まれる内容
・HTML／CSSコーディング（静的コンテンツ）
・WordPress内での静的HTML／CSS実装
・PCまたはスマホどちらか片面の対応
・修正回数無制限（※デザイン変更は別料金）
※レスポンシブ対応はオプションです

■オプションで対応可能
・レスポンシブ対応（スマホ／タブレット）
・jQueryやCSSアニメーションの実装
・下層ページの追加コーディング

■基本料金の基準
ページボリュームにより料金は変動します。以下のサイトが基準です：
【基本料金内】
https://www.tmy-inc.co.jp/
https://kinami-bread.com/

【追加料金対象】
https://yamamori-official-ecshop.jp/
https://service.solairo.co.jp/lp/whatya_202102/index.html

■ご注意
・サーバー／ドメインはお客様側でご用意ください
・必要に応じて操作サポート（有料）も可能です
・Dreamweaverは使用せず、VSCodeなどのテキストエディタで実装します

■私の強み
・スピード感と品質の両立を意識しています
・「とにかく急ぎで1ページだけ作ってほしい」といったご依頼も歓迎
・ヒアリングから丁寧に行い、目的や意図をくみ取ったコーディングを心がけています

はじめて外注される方も、「こういうのは頼める？」というご相談ベースからでも大歓迎です。

どんな小さなことでも、まずはお気軽にDMまたは「見積り・カスタマイズ相談」よりお問い合わせください！

Makeshopでお困りの方、是非ご相談ください！
テンプレートのカスタマイズがいまいち分からなかったり、
新しくページを追加したいなど、どんなことでもまずはお伺い致します。

某有名アパレル会社にて元ECサイトのマーケティング / 開発者などを経験し、現在WEBデザイナーとしても働いております。
今までの知識を活かし、お手伝いできればと思いますので、お気軽にお申し付け下さいませ。

（　カスタマイズ例　）
・テンプレートのカスタマイズ
・新しいページを追加
・商品登録
・デザイン変更
・画像の差し替え

Wordpressで「高品質」なホームページを制作いたします！

ホームページ制作でこんなお悩みございませんか？

◼️お悩み
　ーホームページ欲しいけど何したらいいんだろぅ
　ー依頼すると高そうだなぁ
　ー時間と手間をかけたくないなぁ
　ープロが作るようなかっこいいホームページが欲しいなぁ

◼️解決策
　ー丸投げ可能！
　ーご予算にあわせて安価にご対応！
　ー最短2週間で納品可能！
　ーデザインは納得いくまで何度でも修正！

◼️作業内容
　ートップページ + インナーページ
　　計5ページまでは基本料金で対応いたします。
　ーコーディング
　ースマホ対応
　ーお問い合わせフォーム

◼️ご用意いただく物
　ーサーバー/ドメイン
　ー写真/画像素材
　ー会社やお店のロゴ
　ー文章

　※画像素材につきましては、こちらでもフリー素材を準備することが可能ですので、
　　打ち合わせの際に擦り合わせさせていただきます。

◼️サービスの主な特徴（強み）

　①短納期
　　ホームページを納品するまで最短2週間で納品いたします。
　　短納期が実現できる理由としては、平日、土日問わず作業を行えるためです。

　②安価
　　本サービスは新規でホームページが欲しい方が
　　気楽に導入することを目的としている為、安価な料金を設定しております。
　　また、個人でヒアリング、企画、デザイン、制作を一貫して行うためこの価格が
　　実現しております。

　③高品質
　　20年以上のシステム開発経験がある為、品質は自信を持って保証いたします。

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

デザインは既にあるコーディングのみの対応から、WordPress対応、webデザイン対応まで幅広く承ります。

■サービス内容■
・HTML・CSSを用いた静的コーディング
・レスポンシブ対応(スマホ・PC)
・JavaScriptを用いた動的ページの制作
・テスト環境構築

作成データをzipファイルで納品致します。
ドメインの取得、サーバーの開設などは承っておりません。お客様側でお願い致します。
価格はお見積もりになります。御相談に応じますので、お気軽にお問い合わせください。
納期は作業量に応じてご相談させて頂きます。
お急ぎの場合はその旨お伝えください。

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

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

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

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

▼こんな方へオススメ
• Webサイトの修正・改善が必要な方（軽微な修正や機能追加を含む）
• 現在のWebサイトを改善して使いやすくしたい方
• 短期間でシンプルなWebサイトを構築したい方
• テンプレートを活用し、低コストでWebサイトを作成したい方

▼ご提供内容
①ベーシックプラン:
内容：小規模なWebサイトの修正・改善
• HTML/CSSのデザイン調整
• 軽微なバグ修正やコード改善

②スタンダードプラン
内容：既存Webサイトの部分的な機能追加や動作改善
• PHPやJavaScriptを使用した機能追加
• パフォーマンスやユーザビリティの改善

③•プレミアムプラン
内容：テンプレートベースでのシンプルなWebサイト構築
• HTML/CSS/JavaScriptを活用したサイト構築
• レスポンシブデザイン対応
• カスタマイズ可能なテンプレートの選定・使用

▼ご購入後の流れ

1. 事前ヒアリング: 必要な作業内容や要望を詳しく伺います。
2. 素材のご提出: 必要なテキストや画像素材をご用意ください（プレミアムプランの場合、テンプレートの選定も行います）。
3. 作業開始: プランに応じた修正・改善・構築を進めます。
4. 納品前確認: 作業完了後、確認用の成果物をご提示します。
5. 修正対応: プラン内の修正回数に応じてご要望を反映します。
6. 最終納品: 確認完了後、最終成果物を納品します。

▼制作可能なジャンル
• コーポレートサイト
• ランディングページ
• ブログページ
• ポートフォリオサイト

▼料金プランやオプション
• ベーシック: 20,000円（納期: 5日）
• スタンダード: 40,000円（納期: 7日）
• プレミアム: 70,000円（納期: 14日）

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

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

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

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

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

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

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

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

⚫︎期間限定割引オファーです
私自身、駆け出しのため実績を積むことを念頭に置いております。
リスポンシブLPデザイン&コーディング対応は約10万円〜が一般的ですが、
今回３名様限定で５万円にて賜ります。

⚫︎クオリティが心配。。
実務経験15年以上、実績2,000件以上のプロの現役LPデザイナーの方へ
弟子入りし、その方のお墨付きをいただいております。
また、その方のディレクションのもと進めますので、クオリティは保証します。

⚫︎お早めに
他媒体でも同時に限定オファーを宣伝しております。
1月に無料企画をしましたが、1ヶ月で５件以上受注したため
こちらのオファーも早めに埋まる可能性があります。
お早めにご相談いただければ幸いです。

⚫︎お客様へご準備、ご協力いただきたいこと

• 原稿のご準備
  　セールスライターからお探しの場合は、ご紹介することも可能です。
  　その場合は、別途ご料金がかかります。
• 写真
  　商品写真やプロフィール写真、ロゴ写真など掲載したいものがある場合
• 参考LP、競合他社様のURL（もしあれば）
• 納期の確認
• ポートフォリオへの実績掲載
• お客様の声

⚫︎サービス概要

• レスポンシブデザイン対応
• HTML, CSSコーディング
• 有料画像素材
• 修正無制限
  　※急な原稿の差し替えなど大幅なデザイン変更を伴う場合は、オプション料金がかかります。
• レスポンシブデザインでコーディングも含む場合：納期約1ヶ月
  　※掲載しております納期は目安となりますので、お急ぎの場合などはご相談ください。

⚫︎サービスの流れ
①まずはご相談ください
　テキストベースでもオンラインMTGでお話し伺うこと、可能です。
　オンラインの場合Google Meetを使用予定です。

②オンラインまたはオフラインにて打ち合わせ
　基本的にオンラインでのご対応をお願いしておりますが、
　オフラインご希望の際は別途ご相談ください。

③制作スタート
　お客様より写真素材など材料が揃い次第、FVから作成。
　FVをご確認いただき方向性を確認いただいたら
　FVに続くボディ部分のデザイン制作へ進みます。

④納品
　ZIPファイルをお送りするか、こちらでサーバーへアップするかをお知らせください。

⚫︎まずはご相談を！
ここまでご確認いただきありがとうございます。
頼むか迷っていたり、サービス内容など
ご不明点ありましたら、まずはお気軽にご連絡ください。

デザインをご提示いただければ、スムーズに対応致します。

◆こんな方にオススメ！
・デザイナー・マーケター
　デザインは得意だが、HTMLやCSS、JavaScriptでのコーディングを外注したい人。
　LPやキャンペーンページを素早く制作したい人。

・Web制作会社
　短納期の案件を抱えており、外部のコーディングサポートが必要な会社。

◆対応内容
HTML/CSS/JavaScriptコーディング
Adobe XD、Figma、Photoshopなどで作成されたデザインデータからコーディング。

レスポンシブ対応
スマートフォン・タブレット・PCの各デバイスで美しく表示されるよう調整します。

SEO・パフォーマンス対策
検索エンジンに最適化されたコードと、高速表示を実現する軽量な設計を心がけています。

LP制作やECサイト構築
セールスに強いページのコーディングもお任せください。

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

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。

▼こんな方へオススメ
• 新しくコーポレートサイトを立ち上げたい方
• 既存サイトをモバイル対応させたい方
• JavaScriptを使った動的なウェブページを作りたい方
• シンプルで軽量なコードで、パフォーマンスの良いサイトを構築したい方

▼ご提供内容
• HTML、CSS、JavaScriptを使用したウェブサイトのコーディング
• レスポンシブ対応で、スマホ・タブレットからの閲覧も快適に
• 動的な要素（アニメーション、スライダー、フォームのバリデーションなど）の実装
• パフォーマンス最適化（読み込み速度の改善、コードの軽量化）

▼ご購入後の流れ

1. ヒアリング
   ご要望やサイトのイメージについて詳しくお伺いします。
2. デザイン確認（必要に応じて）
   既存デザインの確認や、必要であれば簡単な提案を行います。
3. 制作開始
   ヒアリング内容を元にコーディングを行います。
4. 納品・修正
   完成後、最終確認をいただき、必要であれば修正対応を行います。
5. 最終納品
   修正が完了次第、最終データを納品いたします。

▼制作可能なジャンル
• 企業ホームページ
• 個人ブログ・ポートフォリオサイト
• イベント告知ランディングページ
• サービス紹介用ウェブページ

▼料金プランやオプション
• 基本プラン：¥50,000〜
• 1ページ構成のシンプルなウェブサイト
• レスポンシブ対応込み
• 追加オプション
• ページ追加（1ページごとに+¥10,000）
• JavaScriptの高度な機能実装（1機能あたり+¥5,000〜）
• 納期短縮（要相談）

▼納期
• 基本プラン：7日〜10日程度
• 規模や内容によりご相談に応じます。

このフォーマットに合わせて、具体的な実績やオリジナルのポイントを加えると、より魅力的になります！

ご覧いただきありがとうございます。
Webコーダーの しゅんえい と申します。

日々新しい技術をキャッチアップし、様々なご要望に応えられるよう、常に学習と成長を続けています。

このサービスでは、デザイン作成に特化したいデザイナー様や、多忙でコーディング作業の時間が取れない方向けに、コーディング作業を代行いたします。
あなたのデザインに忠実かつ、魅力的なサイトに仕上げますので、ご期待ください！

✨️提供サービス
・デザインの魅力を最大限に引き出す、精密なコーディング
・検索エンジンに評価される、セマンティックなHTML構造
・パフォーマンスを考慮した効率的なCSS設計
・JavaScriptを使用した、印象的なアニメーションの実装
・スマートフォン、タブレット、PCに対応したレスポンシブデザイン

✨️料金目安
トップページ：15,000円～
下層ページ：7,000円/ページ
JavaScriptアニメーション：3,000円～
※詳細な料金は、デザインの規模や複雑さに応じて個別にお見積りいたします
※制作物をポートフォリオに掲載OKの場合は、10%割引を適用いたします！
※期間限定で、最初の2名様に10%割引を適用いたします！
※ポートフォリオに掲載OK+期間限定の場合は、15%割引を適用いたします！

✨️サービス提供の流れ

1. [ご依頼者様]お問い合わせ、デザインデータの共有
   ・デザインカンプの形式は、Figmaでお受けいたします
   ・有料フォントなどの素材は、ご提供いただくか、ご相談ください

2. [しゅんえい]デザインデータの確認、お見積り
   ・確認事項が発生しましたら、お打ち合わせさせてください

3. [両者]お見積り確定、契約
   ・お見積りにご納得されましたら、作業を開始いたします

4. [しゅんえい]コーディング作業
   ・ある程度形になりましたら、テストサイトを用意して、ご確認いただけるようにします

5. [ご依頼者様]成果物のご確認
   ・納品前に完成版をテストサイトにアップします。十分にご確認ください

6. 納品
   ・納品物：HTML / CSS / JavaScript / （提供された画像）
   ・納品形態（いずれか）：ZIPファイル / GitHubリポジトリ / サーバーへのアップロード（FTP情報などを共有いただきます）

デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。

ご覧いただきありがとうございます！
コーディングを中心にWeb制作のフリーランスとして活動中です。

ランサーズでのコーダーとしての実績はまだありませんが、今まで10年件以上、
Web制作会社でサイト、LPのコーディング・改修をしておりました。

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

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードインなど

・WordPressの構築
・各種SNS、googleマップ、動画の埋め込み
・お問い合わせフォームの設置

【料金表】
・トップページ　20,000円～
・下層ページ　10,000円～
・アニメーションやJQueryの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【無料サービスに含まれる内容】
・titleタグ、description、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最低限のSEO対策
・最初に頂いたデザインに対しては修正無制限
※デザイン変更については、別途料金が発生する場合がございます。

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

【制作の流れ】
1．ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。

2．購入
3．デザインデータのご共有
4．コーディング開始
5．ご確認後、内容にご了承いただけましたら納品

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

本パッケージはホームページのコーディング代行サービス（静的サイト、WordPress、LP対応）です。

こんな方にオススメです

• コーダー不足で外注先を探している方
• WordPressが苦手
• WordPressが難しくて自分でできない
• コーディングが苦手なWebデザイナー様
• ディレクションやデザインに集中したい方
  など

納期

7日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。

納品までの流れ

1. ヒアリング
2. お見積り
3. ご契約、仮払い
4. デザインや素材のご提供
5. 着手開始
6. 納品（初稿）
7. 検収・修正
8. プロジェクト完了

コーディング代行サービス｜経験を積むため最低価格で対応中！

コーディングが必要な方へ。こんなお悩みはありませんか？
「PC用のデザインしかないが、スマホやタブレットにも対応させたい」
「社内でコーディングするリソースや時間が足りない」
「将来的に特定の部分を簡単に更新できるようにしたい」

これらの課題を解決するため、丁寧かつ迅速なコーディングサービスを提供いたします。まずはお気軽にご相談ください。あなたのニーズに合わせた最適なプランをご提案し、満足いただける成果をお約束します。

対応業種は問いません！
飲食店、士業（法律・税務など）、美容・ヘアサロン、建設・不動産、スクール・教育機関など、幅広い業種のコーディングを承ります。

なぜ今がチャンスなのか？
現在、実績を積むため、特別に最低価格でサービスを提供中です。高品質なコーディングをリーズナブルな価格でご利用いただけます。

まずはお気軽にご相談を！
『見積もり・カスタマイズの相談』ボタンから、お問い合わせください。あなたのプロジェクトを成功させるために、全力でサポートいたします！

あなたのビジネスを次のステージへ導くお手伝いをします。
ぜひこの機会をご活用ください！

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

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：20,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：30,000円〜 / 1ページ
・WordPress-下層ページ：10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイルでの納品。

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

ご不明点があればお気軽にご連絡ください。

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

宜しくお願い致します。

当社は、どんなに単純でも複雑でも、お客様のアイデアを実現することに特化しています。当社の専門チームは、組織的で透明性のあるアプローチを使用して、プロジェクトが効率的に実行されるようにします。

当社が提供するサービス:
スクリプト: ワークフローを合理化し、ソフトウェアのパフォーマンスを最適化するカスタム ソリューション。

スケーラブルなバックエンド システム: お客様のビジネスに合わせて成長するシステムを設計し、信頼性とメンテナンスのしやすさを確保します。

クラウド統合 (AWS および GCP): シームレスな運用のために、主要なクラウド プラットフォームのパワーを活用します。

データベース管理: リレーショナルから NoSQL まで、効率的で安全かつスケーラブルなデータ処理を保証します。

当社を選ぶ理由：
クラウドの熟練度: AWS と GCP に関する当社の専門知識を活用して、最新のクラウド統合バックエンドを作成します。

将来を見据えたソリューション: ビジネスの拡大に合わせてシステムが適応できるようにします。

明確なコミュニケーション: プロジェクト全体を通じて、定期的な更新とオープンで透明性のあるコミュニケーションで最新情報を入手します。

HTML/CSSを入力する時間の無い方。
急ぎでない案件の方。
Wordで文章を書いて欲しい方。

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

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

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

■こんな方におすすめ

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

■プランに含まれるもの

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

■事前にご用意するもの

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

■納品までの流れ

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

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

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

④制作開始

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

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

■その他

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

★業務内容

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは静的サイトのコーディングを行います。
ご相談いただければWordPress構築も対応いたします。

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

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

・LPコーディング：10,000円～
・トップページ：10,000円～
・下層ページ：3,000円～/1ページあたり
・アニメーション：1,000円～/1実装
・問い合わせ機能：5,000円～
・WordPress構築：要相談

★納品までの流れ

１．ヒアリング、お見積り
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

★納品方法

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

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

ホームページやLPのコーディング代行サービスです。
これまで、制作会社様と連携し、月に20本以上のペースで
コーディングの対応経験もあり、質の高い制作を提供いたします。

◇ こんなお悩みをお持ちではありませんか？
・デザインに集中したいけど、コーディングに時間を取られてしまう…
・デザインの意図が伝わらず、スムーズに対応してくれるコーダーがいない…

◇ そのお悩み、解決いたします！
Webデザイナーとして活動しているため、デザインの意図を汲み取ったコーディングを提供いたします。

■対応内容
・静的コーディング1ページ
・レスポンシブ対応
・画像圧縮による表示速度の最適化
・簡易的なアニメーション対応
・テストサーバーでの確認環境提供

＜オプション＞
・jQueryとCSSアニメーションの組み込み
・下層ページのコーディング
・お問い合わせフォームの実装

■納期
最短5営業日で初稿ご案内いたします。(納品ではありません。)
急な案件も調整可能な場合がありますのでご相談ください。

■制作の流れ
１．ヒアリング＆お見積り
まずはメッセージにてご要件をお聞かせください。ご希望に沿った最適なお見積もりをご提案いたします。

２．デザインデータのご提供
お見積もりにご納得いただけましたら、トークルームでデザインデータをお送りください。スケジュールの詳細を共有いたします。

３．コーディング（テスト含む）

４．初稿提出→ご確認・修正
テストサーバー上で初稿をご確認いただき、修正が必要な場合は対応いたします。

５．最終確認・納品
修正が完了したら、最終確認を行い納品いたします。ご希望の納品形式で提供いたします。

■納品形式
お客様のご希望の方法で納品可能です。
例：ソースコード一式をzipファイルでお渡し、サーバーへのアップロードなど

■ご準備いただくもの
・デザインデータ（Adobe Photoshop、Illustrator、XD、Figmaなど）
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。
・サイトのタイトルと説明文

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

現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。

Web関連の業務経験はトータルで8年ほどになります。（2022年現在）
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します！

こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。

ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。

※実績として掲載させて頂く場合がございますのでその際はご相談させてください。