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

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

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

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

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

ごあいさつ

この度、数ある中からサービスの中から見て下さり、
ありがとうございます。

私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。

現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。

私がご提供できること

ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします！

初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます！
もちろん品質も、しっかり仕上げます！

短い納期のご依頼には、睡眠1〜3時間！！
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい！
ーーーーーーーーーーーーーーーーーーーーーーーーーー

サービス内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築

スキル

■HTML/CSS / Sass（DartSass）
・デザインを忠実にコーディングいたします。
・CSS設計手法（BEM・FLOCSS）を使用した保守性の高いコーディングを
　実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
　レスポンシブ対応いたします。

■jQuery / JavaScript
　jQeruyやJavaScriptプラグインを用いたアニメーションの実装
　モーダル、アコーディオンやスライダーなどを用いて、
　サイトに躍動感をもたせることができます。

■Gulp
　タスクランナーを使用して、煩雑な業務を自動化することで、
　納期を短縮することが可能です。

■WordPress
　オリジナルテーマの構築、カスタマイズ。
　お問い合わせページの実装や、
　カスタム投稿、カスタムフィールドを使用した実装により、
　お客様のご要望に寄り添った唯一のWebサイトを構築する
　ことが可能です。
　
■Photoshop
　画像の加工やトリミングなど、かんたんな業務であれば可能です。
　細かな業務でもお任せください。

ご依頼からの流れ

①「まずは相談する（無料）」より、ご依頼内容を詳しくお聞かせください。
　納期の日程や、具体的なお見積りをさせていただきます。

②事前のお打ち合わせ
　ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。

③ご契約・作業着手
　デザインデータ、写真やテキストなどの素材データをお送りください。
　進捗状況はチェックシートを共有させていただきます。
　こまめにご報告をしながら、一緒に制作を作り上げていきます。

④ ご確認（テスト環境）
　 コーディング完了後、品質チェックを行い、ファイルとチェックシートを
　送らさせていただきます。

⑤ 修正
　ご確認をいただき、修正箇所があれば対応いたします。
　※大幅なデザイン変更は追加料金をいただく場合がございます。

⑥ 納品
　 修正が完了いたしましたら、zipファイルデータを納品いたします。
　 サーバーへのアップロードも対応可能ですので、
　お気軽にご相談ください。

ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。

自己紹介

現在はランサーズ外からのご依頼がほとんどですが、複数の制作会社様から継続してご依頼いただいているWEBコーダーです。

【制作歴】

• HTML/CSSコーディング ー 10年
• Javascript ー 10年
• Wordpressー 7年
• Shopify ー 5年

【継続中クライアント様】

• Web開発/制作会社様A（5年）
• Web開発/制作会社様B（5年）
• Web制作会社様C（2年）
  など

対応内容

• 静的コーディング（1ページ〜複数ページまで対応できます）
• Wordpressオリジナルテーマの構築
• Wordpress既存テーマの改修
• Shopifyオリジナルテーマの構築
• Shopify既存テーマの改修

制作の流れ

1. コーディング内容の詳細の打ち合わせ。
   ※齟齬がないように細かくお伺いしますので、ご容赦ください。
   ↓
2. 見積もりとスケジュールの提出
   ↓
3. デザインデータの受領
   ↓
4. コーディング
   ↓
5. テストアップページのご確認
   ※テキスト修正/画像の差し替えは無料対応。
   ※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）

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

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。

▼こんな方へオススメ

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

▼ご提供内容

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

▼制作までの流れ

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

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

ベトナムの優秀なITチームが、御社の課題を解決します！低コストで高品質、スピーディーなシステム開発をお約束します。

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

システム開発コストの削減、開発期間の短縮、品質の向上、日本語でのコミュニケーション不足

発注の流れ

お問い合わせ・ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。どんな些細なことでもお気軽にご相談ください。

企画提案・お見積もり
ヒアリング内容をもとに、最適なシステム構成や開発計画をご提案します。お見積もりも提示いたします。

ご契約
ご提案内容にご納得いただけましたら、ご契約となります。契約内容について詳しくご説明しますのでご安心ください。

開発
経験豊富なエンジニアチームが、迅速かつ丁寧に開発を進めます。進捗状況は随時ご報告いたします。

テスト・納品
開発完了後、システムが正常に動作するか、お客様と一緒にテストを行います。問題があれば迅速に対応します。

運用・保守サポート
納品後も、システムの安定稼働をサポートします。運用方法のご説明や、トラブル対応もお任せください。

対応範囲・価格

Webシステム開発：50万円〜
小規模なWebシステムの開発。例えば、シンプルな顧客管理システムや、社内向けの業務効率化ツールなど。

システム改修・保守：5万円〜
既存システムのバグ修正や機能改善。軽微な修正から、大規模な改修まで対応します。

Excelマクロ開発：3万円〜
Excelマクロの開発、VBAプログラミング。業務の自動化、効率化に貢献します。

Webサイト保守：3.5万円〜/月
Webサイトの保守、更新作業。コンテンツの追加、修正、デザインの変更など。

納期

要件定義後、最短1週間から

制作の流れ

要件定義
お客様からいただいた要件を詳細に分析し、具体的な仕様を決定します。不明な点は、お客様と綿密に連携を取りながら明確化します。

設計
決定した仕様に基づき、システムの設計を行います。最適なアーキテクチャを選定し、効率的な開発を目指します。

開発
設計書に基づき、プログラミングを行います。高品質なコードを心がけ、バグの少ないシステムを構築します。

テスト
開発したシステムが仕様通りに動作するか、徹底的にテストを行います。単体テスト、結合テスト、システムテストなど、多角的な視点から品質を評価します。

導入
テストをクリアしたシステムを、お客様の環境に導入します。スムーズな移行をサポートし、本番稼働まで責任を持って対応します。

サービス内容

ベトナムを拠点とするITアウトソーシングサービスを提供しています。Webシステム開発、ソフトウェア開発、アプリ開発、インフラ構築など、幅広いニーズに対応可能です。日本企業様向けに、低価格・短納期・高品質なサービスをご提供します。

「システム開発、何から始めたらいいかわからない…」「コストを抑えたいけど、品質も妥協したくない…」
そんなお悩みを抱えていませんか？

IT Globalは、ベトナムの優秀なエンジニアチームによる、高品質で低価格なシステム開発サービスを提供しています。

お客様のビジネスを成功に導くために、最適なITソリューションをご提案します。

まずはお気軽にご相談ください。御社の課題解決に向け、全力でサポートいたします！

当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。

\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。

★対応範囲と費用につきまして。
・静的コーディング：トップページ￥20,000〜、下層ページ￥15,000〜/1ページ
・レスポンシブ対応（1ブレイクポイント）
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。（要ご相談）
・PHPファイルでの納品可能です。（着手前にご申告ください）
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
（別途サービス出品しております：https://www.lancers.jp/profile/syzmagic/plan/171629）
併せてご依頼いただける場合は、値引きさせていただきます。

★別途有料オプション対応目安（ご相談時にお見積りさせていただければと思います）
・cssアニメーション：￥3,000〜/1バリエーション
※マウスオーバーアニメーションなど（基本的な透過アニメーションなどは無料です）
・JavaScriptによる制御：￥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム：￥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。

★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。（illustrator/Photoshop/XD/Figmaなど）
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品

実機テスト環境は
macOS CatalinaとVentura：Chrome/Firefox/Safari
Windows11：Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。

★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。

その他お気軽にご相談ください。

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

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

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

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

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

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

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

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

【ランサーズ活動開始記念 - 初回１０％OFF！！ - 】

▼こんな方、ぜひご相談ください！

・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など

----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約（仮払い）
③デザイン（ワイヤーフレーム～デザインカンプ）
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
　

▼主な対応可能業務

●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム（contact form 7）
∟ブログ通常投稿（archive,date,category,single,sidebar）
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション（サイトの説明書き）の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
　

▼追加料金なしのアニメーション

●スライダーまたはカルーセル（1つまで）
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
　

▼デザインデータについて

Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
　

▼納品方法

お客様の要望に合わせさせていただきます。
・Wordpressプラグイン　All-in-one WP Migration
・ファイル（ギガファイル便）
・FTPツール
・その他
　

▼動作確認

・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android

※すべて最新版に限ります。
※IE11は対応不可です。

はじめまして。数あるサービスの中からご覧いただきありがとうございます！

【こんな方におすすめ】
・デザイン通りに忠実にコーディングしてほしい
・スマホ対応のサイトを作ってほしい
・ハンバーガーメニューやアニメーションを入れて動きを出したい
・WordPressで更新しやすいサイトにしたい

■ サービス内容
・HTML / CSS を使った静的コーディング
・jQueryによるアニメーション（ハンバーガーメニュー、スライダーなど）
・スマホ・タブレット対応（レスポンシブ対応）
・WordPressサイト構築（オリジナルテーマ、カスタム投稿等）

▶ デザインとの相違による修正は【無制限】で対応します！
納得いただけるまで責任を持って対応いたします。
※デザイン自体の変更は、別途料金が発生する場合があります。

■ コーディング料金目安（レスポンシブ・アニメーション込み）
・トップページ、LP：20,000円〜
・下層ページ：8,000円〜
・利用規約・プライバシーポリシーなどの簡易ページ：4,000円〜

※料金はページの長さやデザイン内容により変動します
※レスポンシブ対応は、PC・スマホ両方のデザインをご提供いただいた場合に限り追加料金なしで対応します
※コーディングは当方のルールに基づいて作業いたします
※詳細はお気軽にご相談ください

■ WordPress対応
・基本料金（オリジナルテーマ）：30,000円〜
・カスタム投稿：10,000円〜
・お問い合わせフォーム実装：10,000円〜
・その他カスタマイズ：要相談

■ 無料対応オプション（ご希望の方はお伝えください）

・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン表示

■ 納期について
平均2〜3週間ほどを目安に対応しております。
お急ぎの場合も、できる限り柔軟に対応いたしますのでご相談ください。
※内容やボリュームにより納期は変動いたします。

■ 納品形式
・zipファイルでの納品
・またはサーバーへのアップロード（※FTP情報をご共有ください）

■ 制作の流れ
1．「見積もり・カスタマイズの相談」からご連絡ください
2．デザインデータの受け取り
3．コーディング作業
4．中間確認・修正対応
5．最終チェック・納品

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

個人事業（1年目）でコーディングとWordPress構築をメインに活動していると権田量作「ごんだ　りょうさく」申します。
現在、制作会社様と継続的なお取引をさせていただいております。

▼こんな方へおすすめ
・デザインデータを正確なコーディングで再現したい制作会社様
・コーディング工程を外注して、業務効率を上げたいデザイナー様
・納期とクオリティを両立できる信頼できるコーダーをお探しの方

▼作業内容
・HTML/CSSコーディング（セマンティックなマークアップ）
・レスポンシブ対応（スマートフォン、タブレット）
・アニメーション実装（CSS/JavaScript）
・Webフォント対応
・各種ブラウザ対応
・W3C準拠のコーディング
・ピクセルパーフェクトな実装

▼特徴（強み）
・レスポンシブデザインの正確な実装
・保守性の高いクリーンなコーディング
・迅速なコミュニケーションと細かな進捗報告

▼制作の流れ

1. お打ち合わせ
   仕様確認、実装範囲の確定をさせていただきます。

2. お見積り・契約
   工数と納期をご提示させていただきます。

3. 制作開始
   進捗報告を欠かさず、スムーズな制作進行を心がけます。

4. 検証・修正
   デバイス/ブラウザチェック、コード品質の確認を行います。

5. 納品
   完成データをzip形式で納品いたします。
   ※サーバーアップロード作業もご対応可能です。

▼納品形式
・HTML/CSS/JavaScript ファイル一式
・各種画像データ（圧縮済み）
・テスト環境のURL（オプション）

▼対応可能なデータ形式
XD、Figma、Photoshop、Illustrator、その他画像形式

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。

こんな方へおすすめ

・検索順位を上げたい。

・専任エンジニアが急用で仕事ができなくなった。

・人手が足りない。

・専任エンジニアが休暇に入ってしまった。

・バグやエラーが出てるけど修正する人材がいない。

持てる技術と知識を最大限に発揮し取り組ませて頂きます。

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

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

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

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

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

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

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

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

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

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

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

⑤最終確認

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

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

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

Webサイトの修正や更新をはじめ、

新規Webサイトのコーディングを１ページから承ります。

◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮

◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策

・ハンバーガーメニュー、スライダーなどの基本的な動きの実装（javascript / jQuery）
・修正無制限（※仕様変更は別途費用がかかります）
※デザインデータはご支給ください。

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

◼︎制作の流れ
ヒアリング
　↓
納品日・金額のご提示

　↓
ご契約
　↓
デザインデータ・素材等の共有
　↓
作業開始
　↓
ご確認・修正
　↓
納品

◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

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

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

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

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

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

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

< 納品方法 >
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で詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)

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

これまで数十社の制作会社・開発会社様と継続的にお取引をしており、
既存サイトの修正から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業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。

◆最後に

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

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

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

■サービス内容
============
・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アップロード)

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

高品質なLPで、御社のビジネスを加速させます！デザイン通りの正確なコーディングと、最新技術で差をつけませんか？

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

ランディングページの品質向上、コンバージョン率の改善、最新技術の導入、デザインの一貫性、レスポンシブ対応

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、LPデザインデータ（Figma, Adobe XDなど）、要件、納期などをお知らせください。詳細なヒアリングをさせていただきます。

企画提案・お見積り
デザインデータと要件を基に、最適なコーディングプランとお見積もりをご提案します。技術的な実現可能性や改善点などもご説明します。

契約・制作開始
ご提案内容にご納得いただけましたら、契約を締結し、制作を開始します。進捗状況は随時ご報告し、密なコミュニケーションを図ります。

テスト・修正
完成したLPをテスト環境でご確認いただき、修正点があればご指摘ください。迅速に修正対応いたします。

納品・アフターサポート
最終確認後、LPデータを納品いたします。納品後も、簡単な修正やご質問には対応いたします。

対応範囲・価格

ベーシックプラン：3万円〜
基本HTML/CSSコーディング、レスポンシブ対応、簡単なアニメーション実装。

スタンダードプラン：5万円〜
スタンダードプランの内容に加え、Sass/JavaScriptを用いたより複雑なアニメーション、動的なコンテンツ表示、SEO対策。

プレミアムプラン：10万円〜
プレミアムプランの内容に加え、WordPress組み込み、CMS構築、サーバー設定、パフォーマンス最適化、保守サポート。

納期

1週間〜

制作の流れ

設計・準備
LPデザインデータと要件を詳細に分析し、コーディングの方針や技術的な課題を明確にします。

コーディング
HTML/CSS/JavaScriptなどを用いて、LPを丁寧にコーディングします。デザインの再現性はもちろん、SEO対策やパフォーマンスも考慮します。

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

アニメーション実装
アニメーションやインタラクションを実装し、LPに動きと楽しさを加えます。ユーザーの興味を引きつけ、コンバージョン率向上を目指します。

納品・最終確認
完成したLPをサーバーにアップロードし、動作確認を行います。お客様にご確認いただき、問題がなければ納品完了です。

サービス内容

デザインに忠実なLPコーディング、レスポンシブ対応、アニメーション実装、WordPress組み込みなど、御社のビジネスを加速させる高品質なLPを制作します。

御社のビジネスを加速させる、高品質なランディングページ（LP）を制作します。

「LPのデザインはあるけど、コーディングできる人がいない…」「LPの品質を上げたいけど、どこに頼めばいいかわからない…」そんなお悩みはありませんか？

私は、デザインに忠実なコーディングはもちろん、最新技術を用いたアニメーションやレスポンシブ対応で、ユーザーの心を掴むLPを制作します。IT・通信・インターネット業界に特化し、培ってきた知識と技術で、御社のLPを成功に導きます。

今すぐご相談いただければ、御社のLPを無料で診断し、改善点をご提案いたします。まずはお気軽にご連絡ください。

小さな修正から大規模サイト構築まで、あなたのWebサイトを最適化します！コーディング、デザイン、SEO対策までトータルサポート。

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

Webサイトの修正に時間がかかる、デザインが古くさい、SEO対策ができていない、スマホ対応が不十分、WordPressの管理が難しい

発注の流れ

お問い合わせ
メッセージにてご依頼内容をお知らせください。具体的な修正箇所やご要望をお伝えいただけるとスムーズです。

ヒアリング
ご依頼内容を確認し、詳細なヒアリングを行います。必要に応じて、参考サイトやイメージをお伺いします。

お見積もり
ヒアリング内容に基づき、お見積もりと納期をご提示します。ご納得いただければ、制作を開始します。

制作
修正作業を行い、適宜進捗をご報告します。お客様からのフィードバックを元に、修正を重ねていきます。

納品
最終確認後、納品となります。納品後も、軽微な修正は対応いたしますのでご安心ください。

対応範囲・価格

Webページ制作：1万円〜
HTML/CSSによるWebページ制作（1ページ）

既存サイト修正：3,000円〜
既存サイトの修正（文言変更、色変更、余白調整など）

WordPressカスタマイズ：5,000円〜
WordPressのテーマカスタマイズ、プラグイン設定

スマホ対応：5,000円〜
レスポンシブデザイン対応

SEO対策：1万円〜
SEO対策（キーワード選定、内部対策）

納期

内容により異なりますが、通常1週間〜1ヶ月程度です。お急ぎの場合はご相談ください。

制作の流れ

ご依頼内容の確認
お客様からご依頼内容を詳しくお伺いします。WebサイトのURLや修正箇所など、具体的な情報をご提供ください。

修正箇所の洗い出し
ご提供いただいた情報をもとに、修正箇所の洗い出しや必要な作業を明確にします。不明な点があれば、お客様に確認を行います。

修正作業
修正作業を開始し、HTML/CSSやWordPressを編集します。お客様のご要望に沿って、丁寧に作業を進めます。

動作確認
修正後、動作確認を行い、問題がないか確認します。必要に応じて、お客様に確認をお願いすることもあります。

お客様確認・修正
お客様に修正箇所をご確認いただき、フィードバックをいただきます。修正が必要な場合は、再度修正作業を行います。

納品
最終的な納品物を提出します。納品後も、軽微な修正は対応いたしますので、お気軽にご相談ください。

サービス内容

HTML/CSS、WordPressの修正、Webサイト制作を丁寧に対応します。初学者ですが、誠意をもって対応いたしますので、お気軽にご相談ください。

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

「Webサイトのデザインが古くさい…」「スマホで見ると表示が崩れる…」「自分で修正したいけど、どこを直せばいいかわからない…」

そんなお悩みを、HTML/CSSとWordPressの知識を活かして解決します！

実績作りのため、相場より抑えた価格でWeb制作・修正作業を承っております。

「ちょっとした修正だけ頼みたい」
「まずは相談だけしてみたい」

もちろんOKです！

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

長年の経験を活かし、企業の顔となるWebサイトを丁寧に制作いたします！WordPressのカスタマイズもお任せください。

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

デザインはあるが、コーディングできる人がいない。スマホ対応もしたいが、知識がない。

発注の流れ

お問い合わせ
メッセージにて、ご希望のデザイン、ページ数、納期などをお知らせください。参考となるWebサイトがあれば、URLをお知らせください。

デザイン確認
デザインデータ（Photoshop、XDなど）をお送りいただき、詳細な仕様について打ち合わせを行います。

お見積もり・契約
お見積もりをご確認いただき、ご納得いただけましたら契約となります。

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

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

対応範囲・価格

Webサイト コーディング：5万円〜
デザインデータに基づき、HTML/CSS/JavaScriptでコーディングを行います。スマホ対応も込み。

WordPressテーマ 制作：16万円〜
Webサイトのコーディング、WordPress導入、サーバー設定に加え、WordPressのテーマをオリジナルで作成。プラグインに頼らない、自由なカスタマイズを実現。

スマホ対応：3万円〜
既存のWebサイトをスマホ対応に最適化。レスポンシブデザインで、どんなデバイスでも美しく表示。

納期

プランによって異なりますが、通常1週間〜1ヶ月程度で納品いたします。

制作の流れ

設計
お客様から提供されたデザインデータと要件を基に、Webサイトの全体構造を詳細に設計します。

コーディング
最新のHTML5、CSS3、JavaScript技術を用いて、Webページを構築します。

レスポンシブ対応
多様なデバイス（PC、スマートフォン、タブレット）でWebサイトが適切に表示されるよう、レスポンシブデザインを実装します。

テスト
制作したWebサイトをテスト環境にアップロードし、動作確認、表示崩れ、リンク切れなどの問題を検証します。

修正・改善
お客様にテスト環境でWebサイトをご確認いただき、フィードバックを基に修正や改善を行います。

納品・公開
最終確認後、Webサイトを本番環境にアップロードし、公開します。必要に応じて、公開後の技術サポートやメンテナンスも提供します。

サービス内容

デザインデータからHTML、CSS、JavaScriptのコーディングを行います。スマホ対応もいたします。スマホ向けのデザインがない場合はPC向けのデザインを調整し、適応させます。

Webサイトのコーディングでお困りではありませんか？

「デザインはあるけど、コーディングできる人がいない…」「スマホ対応もしたいけど、知識がない…」そんなお悩みを解決します！

経験豊富なベテランWebデザイナーが、あなたのWebサイトを丁寧にコーディングいたします。病院、大学関連のWebサイト制作で培った経験を活かし、正確で美しいコーディングをご提供します。

スマホ対応、WordPressのカスタマイズもお任せください。まずはお気軽にご相談ください。

ご覧いただきありがとうございます。Webコーダーのしまと申します。
WordPressを中心に、コーポレートサイトやランディングページ（LP）のコーディングを承っております。

当サービスの強み

• デザインデータを忠実に再現するコーディング
• スマホ・タブレット対応は標準装備
• 読みやすいコード（BEM記法をベースにしていますが、ご希望の方法に合わせられます）
• 初めての方にも分かりやすく説明、やり取りをスムーズに進めます

対応可能な内容

• WordPressサイトのコーディング・組み込み
• HTML/CSS/JavaScript
• レスポンシブ対応（スマホ最適化）

ご依頼の流れ

1. デザインデータやサイトのイメージをご共有ください
2. 内容を確認のうえ、お見積り・納期をご提案します
3. コーディング開始 → ご確認 → 納品

お願い

• デザインデータを必ずご用意ください（※デザイン作成オプションをご利用いただくページについては不要です）
• デザインデータはFigma、PSDは対応可能です。その他の場合はご相談ください
• 写真や文章素材はご支給をお願いしております
• 複雑なシステム開発は対応外となります（可能かどうかご相談いただくことは問題ありません！）

詳細な料金やオプションについてはパッケージをご覧ください。
ご不明点やご相談があれば、まずはお気軽にメッセージください。
「丁寧に、正確に」を心がけて、依頼者様の大切なサイト作りをお手伝いします。

yahooショッピングトップページリニューアル（デザイン・コーディング）を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。

■制作内容
・Yahooトリプル用TOPページ制作（PC/スマホ）

※上記内容内容次第では金額・納期は上下する場合がございます。

Webデザインの各ページ（画面）のHTMLとCSSをコーディングします（レスポンシブデザイン用のJavaScriptのみ。他の機能や他のプログラミング言語のJavaScriptはサポートしていません）。レスポンシブデザインに対応しています。UTF-8とSHIFT_JISに対応しています。

丁寧なコーディングで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サイトに関する幅広い業務を承ります。

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

WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします！
ぜひお気軽にご相談くださいませ！

【　こんな方におすすめ　】

「デザインは制作できるけどコーディングをする時間がない」

・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様

このような悩みを解決いたします！
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。

【　料金　】

・トップページのコーディング：　10,000円〜
・下層ページのコーディング：　6,000円〜/1ページ
・LPのコーディング：　20,000円〜
・アニメーション：　要相談
・WordPress化：　要相談

※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。

【　対応可能データ　】

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

【　納品までの流れ　】

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

【　納品形式　】

・zipファイルの送付
・ご指定のサーバーへアップロード

【　注意事項　】

・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。

※やり取りの間に１週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。（ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。）

ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。

■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー

本サービスでは、静的サイトやホームペーページ（HP）、ランディングページ（LP）を制作しています。ディングに不安を感じている方

■対象
・HP
・LP
・スマホ対応のWebサイト制作（レスポンシブ可）

■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ（ボタンやGoogleマップなど）の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応

■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ（Photoshop、Illustrator、XD、Figma）をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。

・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。

・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。

■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。

②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。

③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。

④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。

⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。

⑥最終納品
修正が完了したら、納品となります。

■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。

■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。FTP情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。

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

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

【業務の流れ】

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

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

本サービスをご覧いただきありがとうございます。
初めまして。フリーランスでWebエンジニアをしておりますRyoと申します。

■このサービスの特徴
・ペライチでは不可能な高度なライティングページをコーディング！
・24時間365日連絡可能！
・修正回数無制限！追加料金なし！
・レスポンシブ対応、アニメーション追加も可能！

■サービス内容
・HTML / CSS / JavaScript コーディング
・運用に必要な各種タグの埋め込み
・画像圧縮による表示速度最適化
・テストアップ後の修正作業

■こんな方にオススメです！
・個人事業主を応援している人や組織
・デザイナーはいるが、コーダーのパートナーがいない個人事業主
・コーディングは全てお任せしたい人や組織
・リソース不足で外注したい人や組織

■納品までの流れ
①ヒアリング（ご相談・スケジュール確認）
↓
②お見積もり提出
↓
③ご依頼（ご購入）
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理

■制作内容の詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
　

※WordPressは別途追加費用が発生いたします。

■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。

■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

■実績

・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始

6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった！」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
　
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守

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

水谷　潤と申します。

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

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

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

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

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

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

納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」は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対策ができていない
そんなお悩みを解決します！
まずはお気軽にご相談ください。

デザインデータ(XD)からHTML/CSSコーディングとWordPress構築で、集客力とブランド力を高めます！

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

更新の煩雑さ、スマホ対応の遅れ

発注の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。理想のウェブサイト像を共有しましょう。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。納得いただけるまでご説明します。

制作開始
ご契約後、迅速に制作を開始します。進捗状況は随時ご報告し、お客様と密に連携します。

納品・公開
完成したウェブサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品完了です。

対応範囲・価格

HTML/CSSコーディング：1万円〜
HTML/CSSコーディング：既存デザインを忠実に再現し、スマホ対応も実現します。

WordPressサイト構築：1.5万円〜
WordPressサイト構築：オリジナルテーマで、他社と差別化されたサイトを構築します。

WordPressサイト改修：1万円〜
WordPressサイト改修：デザインの修正、機能追加、幅広く対応します。

各種フォーム作成：0.5万円〜
各種フォーム作成：お問い合わせフォーム、資料請求フォームなど、用途に合わせて作成します。

納期

最短1週間

制作の流れ

構成設計
お客様からご提供いただいた情報や素材を基に、ウェブサイトの構成を設計します。

コーディング・テーマ作成
構成設計に基づき、HTML/CSSコーディング、WordPressテーマ作成を行います。

コンテンツ投入・動作確認
WordPressにコンテンツを投入し、動作確認を行います。

お客様確認・修正
お客様にウェブサイトをご確認いただき、修正点があれば対応します。

サービス内容

HTML/CSSコーディング、WordPress構築、サイト改修、フォーム作成など、ウェブサイトに関するあらゆる業務を承ります。

「ウェブサイトをリニューアルしたいけど、何から始めたらいいかわからない…」そんなお悩みはありませんか？

私は、HTML/CSSコーディングとWordPress構築の経験を活かし、お客様のウェブサイトを「売れるウェブサイト」に変えるお手伝いをします。

お客様のウェブサイトを、集客力とブランド力を高めるための強力なツールにしませんか？

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

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

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

◆デザインはできるけどコーディングは苦手…
◆忙しくてコーディングまで手が回らない方
こんな方におすすめです！

作成されたデザインに基づき、Webサイト構築を１ページ～代行いたします。
ジャンル問わず、LP・HPコーディングを承ります。
Wordpress使用のECサイトも可能ですので、ご相談くださいませ。

◇デザインに忠実なコーディング：PergectPixelを使用しながら作業いたします。
◇早いレスポンス：ご連絡には気づき次第すぐに対応いたします。
◇納期厳守：当たり前のことですが、納期は必ず守ります。必要があればこまめに進捗のご報告もいたします。
◇柔軟対応：軽微は修正は回数の制限を設けておりません。お気軽にご相談いただければと思います。

【進め方】
①デザインをご共有いただき、コーディングルールやアニメーション等の概要や納品方法について確認いたします。（オンラインでのお打ち合わせも可能です）
②作業
③初稿提出
④ご確認いただき、修正があればフィードバックしていただきます。
⑤最終納品

【経歴】
・四年制大学卒
・2024年1月までドラッグストア勤務(約5年間)、うち1年半ほど店長を経験
・退職後、Web制作の学習を始めコーディングスキルを修得
・現在は出版社に勤務しつつ、コーディングのお仕事も副業として承っております。デザインも勉強中です。

初心者だからこその丁寧さ！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サイトをご提供いたします。まずはお気軽にご相談ください！

★初めての方へ★
はじめまして。
こちらはWebサイト、ホームページの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決するサービスです。
もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください(^^)

★こんなお悩みを解決します★
・テキストや画像を変更したい
・デザインやレイアウトを一部変更したい
・スマホで見ると表示が変になる
・新規ページやLPをコーディングしてほしい
・Wordpressのオリジナルテーマを作成したい
・デザインはできるけれどコーディングが苦手
・継続的にコーディングをお願いできる外注先が欲しい
など、上記以外にもWebサイトのことならなんでもご相談ください。
丁寧にご対応させていただきます！

★パッケージについて★
【ベーシック】
修正や更新をして欲しいという方向けです。
1箇所3,300円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※複数項目ご依頼の場合は、内容によっては割引も可能です。
※内容によっては対応不可の場合もございます。
※画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。

【スタンダード】
ホームページの新規ページやLPなど1ページのコーディングを希望する方向けです。
18,000円でご対応します。
基本別途費用はかかりませんが、内容によってはご相談させていただきますのでご了承ください。

【プレミアム】
新規ホームページ全体のコーディング、複数のページをコーディングを希望する方向けです。
5ページ以内：68,000円
6ページ以降は1ページ10,000円の追加費用がかかります。
新規ホームページの場合オプション料金+10,000でWordPressの導入もお手伝い可能ですので、ご相談ください。

★納品までの流れ★
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ（ご確認・修正）
　→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品

★納品形式★
・zipファイルの送付
・ご指定のサーバーへのアップロード

★対応可能データ★
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★注意事項★
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

★実績★
企業にて3年以上のデザイン&コーディングの実務経験がございます。
また、ホームページの立ち上げ〜公開までの経験もございます。
使用言語は主にHTML/CSS/Javascriptです。
ポートフォリオについては公開・掲載が難しいものがありますので、お手数ですが個別にお問い合わせいただければと思います。

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

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

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

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

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

wordpressで既存のテーマを使わずに1から制作します。
既存のテーマを改造して作らないので、自由度の高いホームページを制作することができます。
ただ、コーディングくらいしかできないのでデザインは用意してもらいます。
目安の値段は料金表に準じますが、デザイン、導入したいシステムによって変動します。
その代わり、デザインのアニメーション等の仕様はできる限り実装します。

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

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

▼こんな方へオススメ

• 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
• なるべく素早く納品して欲しい
• 自分の提案だけでなく、専門知識を生かした提案も聞きたい
• 確実にデザインが反映されたホームページが欲しい
• 制作後も管理できるモダンでシンプルなコーディングが望ましい

▼ご提供内容

• デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
• アニメーションやレスポンシブは標準料金内で実装いたします
• tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
• テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
• 丁寧なヒアリングを心がけ課題選定や要件定義を行います

▼制作までの流れ

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

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

ご覧いただき、ありがとうございます！
こちらのパッケージでは、Webサイトのコーディングを承っております。

1ページから複数ページまで対応いたします。
コーディングだけを外注したいデザイナーの方や制作会社の方など、お気軽にお問い合わせください！

良いお取引が進められるよう、誠実で丁寧な対応を心掛けております。
何卒よろしくお願いいたします。

◆◇ サービス内容 ◇◆
・HTML/CSSの静的ページコーディング
・Javascriptの実装
・WordPressの導入（※カスタマイズ内容によって別途費用がかかる場合がございます）

◆◇ 基本料金に含まれる項目 ◇◆
・レスポンシブ対応
・CSSやJavaScriptを使った簡易なアニメーションの実装（※下記に実装例）
・画像圧縮（WebP対応）
・SEO対策（metaタグの設置、構造化マークアップなど）
・安全なテスト環境のご用意
・データ納品＆サーバーへのアップロード・公開作業など

◆◇ 簡易なアニメーションの例 ◇◆
・ボタン・リンクのホバーアニメーション
・スクロールアニメーション（スクロールと共に項目が現れるなど）
・ハンバーガーメニュー
・アコーディオン（クリックで隠れていた項目が表示）
・スライダー／カルーセル（クリックや一定時間経過で画像や画面が切り替わる）
・ポップアップ／モーダルウィンドウ（クリックで画面上に別ウィンドウが開くなど）
・タブで表示切り替え
・指定場所までゆっくりスクロール
・一定時間経過後にメッセージを表示
（※複雑なアニメーションは別途お見積りとさせていただく場合がございます）

◆◇ 基本料金 ◇◆
・トップページ　：30,000円〜／1ページ
・下層ページ　　：10,000円〜／1ページ（※使い回せる箇所が多い場合は5,000円〜／1ページ）
・WordPress導入：20,000円〜
・お問い合わせフォームの設置：内容に応じて別途お見積もりさせていただきます
（※デザインの内容、ボリュームによって変動する場合がございます）

◆◇ 納期 ◇◆
・トップページ　：3日〜
・下層ページ　　：2日〜
・WordPress導入：2日〜
（※デザインデータを受領した翌日からの日数です。デザインの内容、ボリュームによって変動する場合がございます）

◆◇ 納品までの流れ ◇◆
①コーディングのご希望について詳細をお聞かせください。
②金額と納期をお知らせいたしますので、ご了承いただけるかご検討ください。
③ご発注いただけるようでしたら、コーディングに必要なデザインデータや素材等をお送りください。
　〜コーディングを開始し、初稿が完成し次第、ご連絡差し上げます〜
④テスト環境にて作成したWebサイトをご確認いただき、お気づきの点等をご指摘ください。
　（※修正については基本無料で対応いたしますが、仕様変更等は別途費用が発生する場合がございます）
⑤完成データ一式の送付、またはサーバーへのアップロード作業にて納品物をお受け取りいただきます。

◆◇ 表示確認ブラウザ・デバイス ◇◆
・Google Chrome
・Microsoft Edge
・Safari
・Firefox
・Windows/Mac/iPad/iPhone/Android

ご提供するサービスが満足いただけるものになるよう、最後まで責任をもって対応させていただきます。
ご不明な点がございましたら、お気軽にお問い合わせください。

＼デザインを持っているがコーディングして欲しい／

ぜひご相談ください！

こんな方におすすめ

✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」

制作の流れ

1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認（お客様にてご確認いただきます）
6.納品

WordPressについて

作成したページをワードプレス化することも可能です。

◼ご用意いただくもの

• ご自身がお持ちのデザインカンプ

▼こんな方におすすめ！
・サービスをスモールスタートしたい。
・月額コストをかけたくない。
・あわよくば自分で修正したりしてフォームを管理したい。

▼納品内容　
■下記２ページ分
フォーム入力画面
フォーム送信後画面

▼ご利用後の流れ
打ち合わせをzoomまたは直接お会いして行う。
制作をする内容をヒアリングさせていただき、すり合わせを行います。
↓
制作を開始します。
↓
初稿を提出いたします。
↓
修正内容を反映し再度提出いたします。
↓
内容が問題ないことを確認し納品。

▼オプション
フォームを２個以上制作したい場合、
２個目からは、フォームの数分の料金から5000円引きをさせていただきます。
例：3万円プラン３つフォームを制作の場合、３万＋2万5千円＋2万5千円=8万円

コーディングのプロが、あなたのウェブサイトを快適な空間に変身させます！

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

ウェブサイトの表示速度が遅い、スマホ対応ができていない、デザインが古い、SEO対策ができていない

発注の流れ

お問い合わせ
まずは、お気軽にご相談ください。ウェブサイトの現状や課題、ご要望をお聞かせください。

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

制作開始
ご契約後、必要な情報や素材をご提供いただきます。構成案やデザイン案をご確認いただき、修正を重ねながら進めます。

納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。

対応範囲・価格

HTML/CSSコーディング：10,000円〜
HTML/CSSコーディング代行：既存サイトの修正や更新を迅速に対応します。1ページあたり

WordPressサイト構築：50,000円〜
WordPressサイト構築：オリジナルテーマで、SEOに強く、集客に繋がるサイトを制作します。初期設定、プラグイン導入、基本操作レクチャー込み

レスポンシブ対応：30,000円〜
レスポンシブ対応：スマホ、タブレット、PCなど、あらゆるデバイスで最適に表示されるように調整します。既存サイトのレスポンシブ化も

SEO内部対策：20,000円〜
SEO内部対策：キーワード選定から内部構造最適化まで、検索順位アップのための施策を行います。現状分析、改善提案、実装

Webサイト保守・更新：10,000円〜
Webサイト保守・更新：定期的なバックアップ、セキュリティ対策、コンテンツ更新など、サイトの安定稼働をサポートします。月額

納期

1週間〜

制作の流れ

ヒアリング
お客様のウェブサイトの目的やターゲット層、デザインの好みなどを詳しくヒアリングします。

構成案・デザイン案作成
ヒアリング内容に基づき、ウェブサイトの構成案やデザイン案を作成します。

コーディング
構成案・デザイン案にご納得いただけましたら、コーディング作業に入ります。

テスト・修正
完成したウェブサイトをテスト環境でご確認いただき、修正点があれば修正します。

公開・納品
最終確認後、本番環境にウェブサイトを公開します。

サービス内容

HTML/CSSコーディング、WordPressサイト構築、レスポンシブ対応、SEO内部対策、Webサイト保守・更新など、ウェブサイトに関する様々なサービスを提供します。

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

「ウェブサイトを作りたいけど、何から始めたらいいかわからない…」
「今のウェブサイト、デザインが古くて使いにくい…」
「スマホで見たとき、文字が小さくて見づらい…」

そんなお悩みをお持ちのあなたに、コーディングのプロがお手伝いします！

✔️ 最新技術で、美しく使いやすいウェブサイトを制作
✔️ スマホ、タブレット、PC、どんなデバイスでも快適表示
✔️ SEO対策で、検索順位を上げて集客アップ

まずは、お気軽にご相談ください。お客様の課題を解決する最適なプランをご提案します。

WEBサイト・LPのコーディングを行います。
お客様の想いを形に！心を込めたコーディングで、理想のWebサイトを実現します。
ぜひお気軽にご相談くださいませ！

【　こんな方におすすめ　】

・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様

ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。

【　サービス内容　】

・HTML / CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー・スライダー等）
・レスポンシブ対応
・WordPressの構築（オリジナルテーマ）

【　料金　】
・LPのコーディング：　15,000円〜
・トップページのコーディング：　10,000円〜
・下層ページのコーディング：　5,000円〜/1ページ
・お問い合わせ機能：　10,000円〜
・アニメーション：　5,000円〜
・WordPress化：　要相談

※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はご相談くださいませ。

【　納品までの流れ　】
１　ヒアリング・お見積り
２　ご契約・デザインデータお預かり
３　コーディング
４　ご確認・修正
５　最終確認・納品

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

サービス内容
サービスについて
ご覧いただきありがとうございます。
ご相談等いつでもお受けしていますのでお気軽にご連絡ください。

◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)

◆料金表
<基本料金>
・TOPページのコーディング -　10,000円〜
・下層ページのコーディング(1P) -　5,000円〜
・LPサイト制作 -　38,000円〜
・WordPressサイト制作 -　80,000円〜

※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
　また、ご予算に応じて調整など柔軟に対応いたします。

<オプション>
・JavaScriptを用いた仕掛け実装 -　5,000円〜
・お問い合せフォーム -　12,000円〜
・サーバー/ドメイン取得代行 -　5000円

<無料オプション>
・レスポンシブ対応
・SEO対策
・サイトの軽量化(画像圧縮やコーディングファイル圧縮による表示速度の高速化)
・Googleアナリティクス連携
・Googleサーチコンソール連携
・スパム対策(reCAPTCHA)
・セキュリティ対策 ※WordPressの場合

◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト＆ご確認、修正
↓
⑥最終確認、納品

※納品方法についてはご希望があればお申し付けください

◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。

◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください

・ランサーズ： 7件
・ココナラ：　12件
・クラウドソーシング：　1件

◆ひとこと
納期やご予算につきましては柔軟に対応しますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー＆ペーストできるものでご準備をお願いします。
・サーバー/ドメインについてはお客様でご契約ご準備ください。
　※サポートが必要な場合は遠慮なくご相談ください

数多いプラン、サービスの中からこちらを見つけて、
ご覧いただきありがとうございます！

「デザインはしたけど実際にWebサイトとして表示させるやり方がわからない」
「Web制作において、コードを書くリソースがない」
「最後までやり切る保証のある信頼できるコーダーがいない」

そんなお悩みをお持ちでしたら、
ご依頼するしないに関わらず、
ぜひ一度お問い合わせください！

ご要望に合わせて納期、金額、守備範囲等柔軟にご対応します。

○HTML/CSS

○スマホ対応(レスポンシブ)

○CSS設計(基本BEMで対応。ご希望があればFlocssも可能)

○予測、再利用、保守、拡張しやすいコード

○WordPress組み込み用のphpコード、ファイル作成

○１ヶ月間修正対応無料（大幅な変更等は別途ご相談ください。）

○稼働時間
　深夜などを除き日中、夜間を問わず柔軟に対応させて頂きます。
　急ぎのお仕事等も調整可能ですので、
　お気軽にご希望をお聞かせください。

・安心感をご提供するコミュニケーション
・品質を担保する確実な納品
・守備範囲の広い柔軟な対応
を心がけております。

「こんなこと可能かな？」少しでも疑問がありましたら、
発注いただくか否かに関わらず
まずはご相談ください。

お話をお聞きして最善の方法をご提案させていただきます。

サービスについて
ご覧いただきありがとうございます。
サイトのちょっとした困りごと解決を目的にサイト修正承っております。
「サイトの雰囲気を変えたい」や「こうゆう機能が欲しい」、「なんか表示がおかしい」など
ちょっとした困りごとがあれば、ご相談等いつでもお受けしていますのでお気軽にご連絡ください。

◆作業内容
・新規ページ追加
・既存ページの内容変更(テキストや画像、デザイン変更)
・ブログ機能の追加
・お問い合せ機能追加
・JavaScriptを用いた仕掛け追加（スライダーやアコーディオン、モーダルウィンドウ）
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)

◆料金表
<基本料金>
・一部カスタマイズ(見出しなど一部パーツの装飾) -　2,000円〜
・既存ページの修正(テキストや画像、デザイン修正) -　2,000円〜
・JavaScriptを用いた仕掛け実装 -　5,000円〜
・新規ページ追加(1P) -　10,000円〜
・お問い合せフォーム -　12,000円〜
・WordPress化 -　30,000円〜

※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
　また、ご予算に応じて調整など柔軟に対応いたします。

◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③サイト修正作業
↓
④テスト＆ご確認、修正
↓
⑤最終確認、納品

※納品方法については柔軟に対応可能ですのでご希望があればお申し付けください

◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。

◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください

・ランサーズ： 7件
・ココナラ：　12件
・クラウドソーシング：　1件

◆ひとこと
納期やご予算につきましては柔軟に対応いたしますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー＆ペーストできるものでご準備をお願いします。
　※サポートが必要な場合は遠慮なくご相談ください

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

このようなお悩みをお持ちの方はございませんか？

・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい

全てお任せください！！

・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です


※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。

■サービス内容

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

・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション

・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築（ソースコードのお渡しも可能です。）
・gitでのコード管理

■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)

・レスポンシブ対応(タブレット・スマホ込み)

・画像圧縮による表示速度最適化(Webp対応あり)

・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料

■無料JavaScript実装一覧
・簡単なスクロールアニメーション

・ハンバーガーメニュー

・アコーディオンメニュー

・カルーセル/スライダー

・モーダルウィンドウ

・スムーススクロール

・タブ切り替えなど、webサイトでよく実装されている動き。

■基本的な納期｜デザイン、ボリュームにより変動いたします。

・トップページ：2～3日

・下層ページ：1日～


※デザインデータを受け取った翌日からの日数になります。

■納品までの流れ
ヒアリング

↓

デザインデータお預かり

↓

コーディング

↓

テストアップ（ご確認・修正）

↓

納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■ブラウザ・端末確認一覧

・Google Chrome　Mac/Windows/iPad/iPhone/Android

・FireFox、Microsoft Edge　Mac/Windows

・Safari　Mac/iPad/iPhone


各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。

ご満足いただけるよう、責任をもってご提案・対応させていただきます。
ご不明点は、お気軽にお問い合わせください。

最後に

私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。

まずは一度お問い合わせくださいませ。

【 先着3名様まで！通常価格より30％引きでお受けいたします！ 】

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

◆ただいま【 無料相談 】を実施中です！

• 制作リソースが足りずに困っている。。
• 一緒に制作をしてくれるパートナーがほしい。。
• 最後までやりきってくれるか不安。。
• コミュニケーションが取れずに困っている。。

制作会社様、フリーランスのディレクター様、デザイナー様など、
このようなお悩みを抱える方々からのご依頼を承ってまいりました。

前の制作者と連絡がつかなくなってしまった案件をフォローしたり、
炎上してしまった案件の解決に参画させていただいたりと、
数多くのお困りごとに取り組み、解決してまいりました。

お困り事がございましたら、まずはお話をお聞かせください。
解決策を一緒に考えさせていただきます。

■提供可能なこと

• デザインを忠実に再現し、保守・運用がしやすいコーディング
• ユーザー目線に立った積極的なご提案
• クライアント様の運用を考えたWordpressの構築
• 管理シートを用いての案件管理・スケジュールや確認事項の共有

■制作内容の詳細

・静的コーディング（1ページ〜）
・各種アニメーションや機能の実装
・お問い合わせフォームの設置と実装（HTML、WordPressのどちらでも可）
・WordPress化
　
※WordPressの導入については、別途追加費用が発生いたします。
※アニメーションや機能の実装については、ボリュームによって別途追加費用が発生する場合がございます。

■ご予算について

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

■購入の流れ

１．無料相談
　　ご依頼の内容についてお伺いいたします。
２．ご提案
　　内容を整理し、実装方法や具体的なお見積もり、納期についてご提案いたします。
　　ご準備いただくもの（デザインデータや素材など）についても確認させていただきます。
３．ご契約
　　内容を互いに確認したのちに、契約をさせていただきます。
４．作業開始
　　実際に作業を開始いたします。
　　定期的に進捗をご報告しつつ、ご不明点はその都度確認させていただきながら進めてまいります。
５．初稿提出〜修正対応
　　コーディング完了後ご確認をいただき、修正点があれば対応してまいります。
６．納品
　　最終チェックを完了したのち、データ納品となります。
　　納品後の管理・運用については、ご希望に合わせてレクチャーなどを行うことも可能です。

■私について

９年間高校の教師として勤めたのち、独学でWeb制作のスキルを習得いたしました。
現在は複数の制作会社様のWeb制作専門外部パートナーとして活動しており、

【 WordPressサイトやLP 】を、
【 デザインからコーディングまで一貫した体制 】で制作しております。

1500名以上の生徒や、保護者や地域の方々との関わりの中で培ってきた「信頼関係を構築するプロ」としての経験がございます。

• 丁寧なヒアリングと用件のすり合わせ
• 積極的なご提案
• 不安を与えないコミュニケーション
  これらをWeb事業にも活かし、ディレクター様やデザイナー様から高評価をいただいております。

ここまでお読みいただきましてありがとうございました！
ご不明な点がございましたら、いつでもお気軽にメッセージをいただければ幸いです。
ご連絡をお待ちしております！！

HTML/CSSコーディング代行サービス

🎯 サービス概要

15年以上のIT実務経験とAdobe製品20年の使用実績を活かし、デザインファイルから高品質なWebサイトを制作いたします。医療・金融機関での基幹システム構築経験により、企業レベルの品質とセキュリティを重視したコーディングを提供します。

💪 私の強み・差別化ポイント

✅ 業界特化の実績

• 医療機関: 県立総合病院で8年間のIT全般・システム管理
• 金融機関: 基幹システム構築・保険会社ルーター設定実績
• 公共機関: 自治体システム基盤更改プロジェクト参加

✅ デザイン解釈力

• Adobe製品熟練: Photoshop・Illustrator 20年以上の使用経験
• 多様な形式対応: Adobe XD・Figma・PSD・AI・Sketch対応可能
• 仕様書なしOK: デザインファイルから要件を的確に読み取り

✅ 技術の幅広さ

• フロントエンド: HTML5・CSS3・JavaScript・jQuery
• バックエンド理解: PHP・MySQL・LAMP構成経験
• 現在学習中: React・TypeScript・AWS

🛠 対応可能な業務

基本サービス

• レスポンシブコーディング: PC・タブレット・スマートフォン完全対応
• クロスブラウザ対応: Chrome・Firefox・Safari・Edge動作検証
• SEO基本設定: title・meta・alt属性・構造化マークアップ
• アクセシビリティ配慮: WCAG準拠の基本的な配慮事項

JavaScript実装

• アニメーション: CSS3・jQuery・GSAP使用
• インタラクション: ハンバーガーメニュー・スライダー・タブ切り替え
• フォーム機能: バリデーション・送信処理・エラーハンドリング
• 外部API連携: GoogleMaps・SNS埋め込み・お問い合わせフォーム

品質管理・最適化

• コード品質: BEM記法・モジュール化・コメント充実
• パフォーマンス: 画像最適化・CSS/JS圧縮・キャッシュ設定
• セキュリティ: XSS・CSRF対策・セキュリティヘッダー設定

📋 制作フロー

1. 要件確認（1-2営業日）

• デザインファイル・仕様の詳細確認
• ブラウザ対応範囲・機能要件のすり合わせ
• スケジュール・納期の最終調整

2. 環境構築・設計（2-3営業日）

• ディレクトリ構造設計
• CSS設計・命名規則策定
• レスポンシブブレークポイント設計

3. コーディング実装（プランに応じて）

• HTML構造実装
• CSS・レスポンシブ対応
• JavaScript機能実装

4. 検証・最適化（3営業日）

• 各ブラウザでの表示確認
• レスポンシブ動作検証
• パフォーマンス・アクセシビリティチェック

5. 納品・サポート

• ファイル一式のzip納品
• 簡易的な更新手順書提供
• アフターサポート（プランに応じて）

🎯 得意な案件・業界

医療・ヘルスケア

• 病院・クリニックサイト
• 医療機器メーカー
• ヘルステック企業

金融・保険

• 銀行・信用金庫
• 保険会社・代理店
• フィンテック企業

公共・教育

• 自治体・公的機関
• 学校・教育機関
• NPO・社会福祉法人

IT・製造業

• システム開発会社
• SaaS・ITサービス企業
• 製造業・建設業

🚀 こんな方におすすめ

• デザインはあるが、コーディングリソースがない
• 品質重視で、長期運用を見据えたサイトを作りたい
• 医療・金融など、セキュリティが重要な業界
• 仕様書作成から相談したい
• レスポンシブ対応で悩んでいる

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

些細なことでも構いません。要件定義から運用まで、Webサイト制作に関するお悩みを何でもご相談ください。15年の実務経験を活かし、最適なソリューションを提案させていただきます。

HTML/CSSコーディング代行

ランディングページのHTML/CSSコーディングを代行します