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

ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください！

■作業内容
　●デザインカンプからの静的コーディング（HTML・CSS）
　●レスポンシブ対応、Javascript対応（ご相談）

■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。

1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認（修正箇所の確認）、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品

■納品方法
コーディングデータをzipファイルにて納品させて頂きます。

■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。

■納期
お急ぎの場合など納期についてのご相談も可能です。

■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox

ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。

WordpressやLPのコーディングをお願いしたい！と少しでも思った方、お気軽にご相談ください♪

【低価格の理由】
ランサーズでの出品が初めてでランサーズ内での実績が少ないため低価格で出品しています。
2名様限定で実績が付き次第、本来受注している料金まで上げる予定です。
低価格での出品は現在だけですのでご了承ください。

【修正回数無制限！】
実際にコーディング後に「ここをもう少し変えてほしい・・・」などの要望がございましたら、何度でもご納得いただけるよう修正いたします！
※大幅なデザイン変更は別途追加費用をいただきます。

【ピクセルパーフェクト】
デザインに忠実なコーディングを心がけます。

【WordPressオリジナルテーマ構築】
1からのオリジナルテーマ構築も承ります。お気軽にご相談ください！

◆ 基本内容 ◆
・HTML / CSSでの静的コーディング
【以下追加費用が必要になります】
・JavaScript (JQuery) での動的実装
・Wordpress構築

◆ 制作費の目安 ◆（全てレスポンシブ対応込み）

・HTMLコーディング1P　10000円～
・サイトへのWordPress入れ込み 3万円
・LPコーディング　3万円～
・WordPressサイトコーディング（10ページ）　7万円～

◆ 制作の流れ ◆
１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認
６. 納品

◆ 納品方法 ◆
zipファイルもしくはサーバーへのアップロードなどご相談ください。

その他ご不明な点がありましたらお気軽にダイレクトメッセージでお問合せ下さい。

★★★最安値で柔軟な高品質の提供に挑戦中★★★

ご覧いただきありがとうございます！
以下、サービス内容をご確認ください。

■こんな方向けのサービスです
・デザインカンプはあってコーディングを依頼したいデザイナー様
・リソース不足のコーダー様、WEB制作会社様

■サービス内容・対応範囲
◎デザインカンプからのHTML/CSSを用いたコーディング
◎JavaScript(JQuery)を用いたアニメーション実装
◎WordPress化
◎レスポンシブは320px以上の画面幅ですべて綺麗に表示されるようにします。
◎こまめで柔軟なコミュニケーションと、丁寧なコーディングを心がけます。

■料金
<基本料金>
・基本的なコーディング一式 -　10,000円〜

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

<無料オプション>
・レスポンシブ対応
・最低限のSEO対策
・サイトの軽量化(画像圧縮やコーディングファイル圧縮による表示速度の高速化)

<オプション>
「サービス内容・対応範囲」に記載のないものに関しては適宜ご質問、ご相談ください。

まずはDMもしくはお見積もり相談よりご連絡くださいませ。
ご相談だけでも問題ありませんので、お気軽にお問い合わせください。

■制作の流れ
①ヒヤリング(※今回のご依頼の目的やお困りごとの内容などお聞かせください)
②お見積
③デザインのご提供
④コーディング（適宜進捗のご報告をいたします）
⑤成果物の確認、修正対応
⑥最終確認、納品

■納品方法
圧縮ファイル（ZIP）での納品。
※直接サーバーにアップロードをご希望の場合はご相談ください。

■納期
工数によって変動しますが、ご希望がありましたらご相談ください。
他のお仕事と調整しつつ対応いたしますが、可能な限り早い納品を心掛けます。

■ご準備いただくもの
以下のデザインカンプをご準備いただき、どのファイルになるか事前にお知らせください。

・AdobeXD
・Figma
・Photoshop
・Illustrator

■サーバー/ドメインについて
お客様でご契約ご準備ください。
※サポートが必要な場合は遠慮なくご相談ください

■最後に一言
納期やご予算につきましては柔軟に対応しますのでご相談ください。
個人だからこそできる、小回りの利いた、柔軟なコミュニケーションを心がけていきますので、HP制作に関するちょっとしたお悩みでもお気軽にご相談ください！

webサイトのコーディングを承ります！
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。

【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。

【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。

【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。

【ご依頼・制作の流れ】
①「まずは相談する（無料）」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正：コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品：データでの納品・サーバーへのアップなど対応させていただきます。

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

※デザインの内容や量によって費用の追加をお願いする可能性がございます。

デザインデータからWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。

◆ サービス内容
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作 / カスタマイズ)
・WordPressのお問い合わせフォーム実装

◆ 基本料金内
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・修正無料
・アフターサポート
納品後14日以内のテキストや画像の差し替えなど、軽微な修正可能。

web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください。

◆ページ料金目安
・トップページ：30,000円～
・下層1ページ：10,000円～
・複製ページ：2,000円～
・LPコーディング：50,000円～
・WordPress実装：要相談

◆ こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方

サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。

◆ 製作の流れ
①ご相談・ヒアリング

②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。

③制作開始

④ご確認・修正

⑤納品

「デザインは用意できたけど、コーディングができる人を探さなきゃ...」

その悩み、解決いたします！
デザイン通りのコーディングをいたします！

jQueryを用いたものや、WordPress化まで対応！まずは気軽にご相談ください

★★★最安値で柔軟な高品質の提供に挑戦中★★★

ご覧いただきありがとうございます！
以下、サービス内容をご確認ください。

■こんな方向けのサービスです
◎HTML/CSSでコーディングされた既存サイトに修正を加えたいが知識がないため対応をお願いしたい方
◎リソース不足のコーダー様、WEB制作会社様

■サービス内容・対応範囲
◎既存ページの内容変更（テキスト修正、画像差し替え、デザイン変更など）
◎一部カスタマイズ（ボタンなど一部パーツの装飾、変更など）
◎JavaScript(JQuery)を用いたアニメーションの追加（スライダーやモーダル、アコーディオンなど）
◎レスポンシブ対応
◎その他、お困りごとがありましたらお気軽にご相談ください

■制作の流れ
①ヒヤリング(※今回のご依頼の目的やお困りごとの内容などお聞かせください)
②お見積
③サイト修正作業
④成果物の確認、修正対応
⑤最終確認、納品

■納品方法
圧縮ファイル（ZIP）での納品
※ご希望がありましたらご相談ください

■納期
工数によって変動しますので、ご希望がありましたらご相談ください。
他のお仕事と調整しつつ対応いたしますが、可能な限り早い納品を心掛けます。

HTML/CSS/jQuery/JavaScriptを用いたコーディングや、WordPress化を提供します。
CSSについては、BEMを用いたCSS設計でコーディングをすることができます。
WordPress化については、カスタム投稿タイプ・カスタムフィールド・カスタムタクソノミーを用いて使いやすいサイト構築を行います。

出品ページをご覧いただきありがとうございます！

ご提供頂いたホームページまたはLPのデザインカンプを元に、
格安価格の1ページあたり10,000円～から、HPやLPのコーディングを代行します。

ココナラで活動始めて間もなく、実績を積みたいため、
格安でコーディングを代行させて頂きます。
HTML/CSS/Javascript(jQuery)の基礎をしっかりと学んでおりますので、
ご提供頂いたデザインを忠実に再現します。

■提供サービス
・HTML/CSSを用いた静的コーディング
・スマホ・タブレットにも対応したレスポンシブデザイン
・JavaScript(jQuery)を駆使したダイナミックな機能実装
例）スライダー、アコーディオン、ハンバーガーメニュー、スクロールアニメーションなど
・既存サイトの一部修正
※対応できないこと
　・イラストや画像等サイト内で使用する素材の作成

■サービスの魅力
・格安価格で、あなたのWeb制作を飛躍させます
・追加料金不要の無料オプションもご利用いただけます
・緊急案件にも迅速に対応します

■料金プラン
1ページあたり、10,000円からご提供いたします。

※無料でお届けする特典
　・レスポンシブ対応
　・修正対応3回まで

■制作のステップ
ヒアリング・見積もり
　コーディング内容や実装機能を詳しくヒアリングし、お見積もりを提供いたします。
↓
ご購入
↓
デザインデータ確認
　Photoshop、Illustrator、XDのデータに対応しています。デザインデータをご確認ください。
↓
コーディング作業開始
↓
ご確認・修正
　最大3回まで修正対応いたします。ご確認いただき、ご要望をお知らせください。
↓
ご確認完了後、納品
　ご確認いただいた後、完成したコーディングデータをzipファイルで納品いたします。

■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。

■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。

こんな方におすすめのサービスです

「デザインはあるから、コーディングだけお願いしたい！」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」

そんな方にぜひお力添え致します！

当サービスの特徴

■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き

☆ランサーズ参入記念で、通常よりお安くご提供させていただきます！

制作の流れ

①ヒアリング（イメージの共有やデザインのご確認)　
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です！
お気軽にご相談ください！

納期1-3日

業務内容

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

◆こんな方にオススメです

デザインはできるけどコーディングが苦手

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

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

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

HTML／CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
テスト確認用サーバーの設置（こちらで用意）
アフターフォロー（納品後2週間以内）
→表示崩れの修正は無期限で無料対応いたします。

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

スマホ用デザインカンプがない場合のレスポンシブ対応：合計金額の30%を加算
アニメーションの実装（一部無料、ご相談ください）：5,000円〜
お問い合わせフォームの実装：17,000円〜
　静的の場合は「PHP工房」のメールフォーム使用を想定しております。

◆納期

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

◆納品までの流れ

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

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：20,000円
・ページトップボタン：無料
・ドロワーメニュー(ハンバーガーメニュー)：5,000円
参考価格：25,000円

※WordPress導入も含む場合はプラス44,000円〜

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

制作済みのデザインカンプを元に、LPやHPの高品質なコーディングを実施します。
パッケージプランに当てはまらない内容でも、まずはお気軽にご連絡ください。
パッケージプランをベースに詳細なお見積りをさせていただきます。

✔︎このパッケージで解決できるお悩み
・コーディングを外注したい！
・急遽コーダーのリソースが必要になった！
・高品質でアニメーション付きのコーディングを頼みたい！

✔︎大切にしているポイント
・お客様から拝借したデザインカンプに基づいて忠実なコーディングを実施する
・途中段階でもこまめな進捗報告を行う
・お客様とお約束した納期を厳守する

■基本内容
・HTML／CSSコーディング
・レスポンシブ対応
・デザイン完全再現
・読み込み速度を考慮したパフォーマンス対策
・スクロール時の要素出現アニメーションの実装
・スライダーやアコーディオン、モーダルなどのアニメーション実装
・最新ブラウザでの動作確認
・テスト環境での動作確認
・指定サーバーへのアップロード
・納品後1週間の修正対応

■オプション内容
・納期の短縮
・表示高速化の対応
（次世代画像フォーマットによる読み込みスピードの高速化を実施）
・おまかせスマホ対応
（スマホ版デザインカンプがなくてもPC版デザインを踏まえたスマホ版レスポンシブコーディングを行います）
・お問い合わせフォーム実装
（必要な項目を備えたお問い合わせフォームを作成し、送信があった場合には自動送信メールを送付する機能をPHPを使用して追加いたします）

■ご対応可能なファイル形式
・Figma
・Adobe XD
・Adobe Photoshop
・Adobe Illustrator

使用画像は「埋め込み」でお願いいたします。

■納品形式
・ファイル送付
・指定サーバーへのアップロード
※サーバーアップロードの場合は事前にFTP情報をお伺いいたします。

以上です。
ご不明な点についてはお気軽にお問い合わせください。
よろしくお願いいたします。

■プロフィール

恐縮ですが、私の経歴をご紹介します。

2017年〜2021年
インフラエンジニアとして主にシステム設計構築を担当
AWS、Linux、VMware などを扱う

2021年
Webデザインスクールに通学
在学中にクライアントワークコンペで選抜される

2022年
Web制作会社に勤務、デザイナー兼コーダーとして活動
大手デザインスクールにてAdobe XD講師を経験

2024年
フリーランスとして独立
大手デザインスクールにてトレーナーとして活動

自己紹介
こんにちは！私は、Web開発を専門とするフリーランスの[あなたの名前]です。HTML、CSS、WordPressの技術を駆使して、美しく機能的なウェブサイトを制作しています。

スキルセット
HTML & CSS: モダンでレスポンシブなデザインを実現し、ユーザーフレンドリーなインターフェースを構築します。
WordPress: テーマのカスタマイズからプラグインの開発まで、WordPressを使ったサイトの構築に豊富な経験があります。
JavaScript: インタラクティブな要素の追加やアニメーションの実装が可能です。
SEO: 検索エンジン最適化の知識を活かして、ウェブサイトの検索順位を向上させます。
経験と実績
これまでに様々な業界のクライアントと協力し、以下のようなプロジェクトを手掛けてきました。

企業サイトの新規構築: 企業のブランドイメージに合わせたカスタムデザインのウェブサイトを作成。
ECサイトの開発: WooCommerceを用いて、高機能なオンラインストアを構築。
ブログサイトのカスタマイズ: ブログ運営者のニーズに応じたテーマとプラグインのカスタマイズ。
ポートフォリオサイト: クリエイターやアーティストのための魅力的なポートフォリオサイトをデザイン。
私の強み
柔軟な対応: クライアントの要望に応じた柔軟な対応が可能です。プロジェクトの規模や内容に関わらず、最適なソリューションを提供します。
コミュニケーション: クライアントとのコミュニケーションを大切にし、プロジェクトの進行状況を随時報告します。
納期厳守: 期限内に高品質な成果物を提供することをお約束します。

1.レスポンシブHTML・CSSのコーディングのみのご依頼を承ります。

1ページの目安は、縦幅が6000px以内でお願い致します。

2.bootstrapにてレスポンシブ対応（タブレットは除く）
以下２種類サイズ対応
（例）横幅480px以上（PC、タブレット）横幅480px以下（スマホ)

スライダー等、開発が必要なものに関しては、別途お見積もりとなります。

3.対応ブラウザ
win:ie10++,chrome最新,firefox最新
mac:safari最新

4.納品形式
htmlファイル一式をzipでの納品

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

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

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

ー私の強みー

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

ーサービス内容ー

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

ー制作の流れー

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

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

コーディング依頼は"やしぼう"にお任せください！
サーバー周りの設定やクライアントワークのフォローまで柔軟に対応いたします！

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

Webサイトのデザインデータをもとにコーディングを代行いたします。

◆作業内容
標準作業
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptを使用した動的実装

オプション
・写真素材準備

◆料金表
標準作業
・HTML/CSS/JavaScriptコーディング
　・トップページ：33,000円
　・下層ページ：11,000円/1ページ

オプション
・問い合わせフォーム制作：22,000円
・写真素材準備：5,500円/～5点
・WordPress構築：22,000円～

◆制作の流れ
1、ヒアリング&お見積り
2、デザインデータのご提供
3、コーディング（テスト含む）
4、ご確認・修正
5、最終確認・納品

※納品物はHTML/CSSを記述したテキストファイルを想定しています。
　納品方法はご都合の良い手段で対応可能です。ヒアリング時にご相談ください。

◆納期
ページ数に応じて納期を決定させていただきます。
例えば、10ページ程度のWebサイトで2週間程度となります。
※具体的にはデザインデータを拝見した上で決定とさせてください。
　ご希望の納期がある場合はご相談くださいませ。
※詳しくはお見積り時にご相談ください。

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

この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。

◆サービス内容

・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応
・基本的なSEO対策（alt, metaタグなど）
・WordPress導入

修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！
※もし何か不手際がありましたら、全額返金させて頂きます。

■料金
10,000円（サービス内容すべて込み）
※複数ページでも10,000円にて対応させて頂きます。（追加料金は一切かかりません！）

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング（毎日進捗のご共有をさせて頂きます。）
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付
・サーバーへのアップロード（FTP情報（ホスト名、ユーザー名、パスワード）のご共有をお願い致します。）

◆納期
受注から5日～14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。

発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。

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

・コーディング業務の外注先をお探しの制作会社様
・コーディングも巻き取りたいけど頼めるコーダーがいなくてお困りのデザイナー様

そんな方々のお力になります！

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・サーバーへのアップロード

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

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

デザインカンプ(AdobeXD、figma)からコーディング致します。

▼こんな方にオススメ
・なるべく費用を安めに済ませたい方。
・安いからといってあまり妥協したくない方。
・そこまで急いでない方

▼使用スキル
・HTML/CSS
・Sass
・Gulp
・Javascript
・Jquery
・PHP
・Wordpress

▼制作の流れ
デザインカンプを送っていただいてから制作スタートと致します。
キリの良いところ(1ページの完成、レスポンシブの対応等)まで制作しましたら、
随時報告致しますので確認お願いします。
納品ですが、圧縮ファイルにして納品いたします。

＼＼　デザインカンプ通りにコーディングします　／／

「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。

◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いた動的な実装
（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応

修正回数については、無制限です。
ご満足いただけるまで責任をもって対応いたします！
※大幅なデザイン変更については、
　別途料金が発生する場合がございますのでご相談ください。

HTML/CSS , WordPress , Wixを使ったサイト作成

【使用言語】
・HTML
・CSS

【使用ツール】
・Wordpress
・Wix
・Photopea
・pixabay

ご覧いただきありがとうございます！
はじめまして！kouと申します。
私は独学でプログラミングを学んでいる学生です。学校生活の傍ら、少しでもスキルを磨きたいという思いで、毎日プログラミングの勉強に励んでいます。

まだ大きな実績はありませんが、その分、お一人お一人のご依頼に全力で向き合い、丁寧に対応させていただきます。初めての方でも安心してご依頼いただけるよう、柔軟な対応と誠実さをモットーにしています！

「未経験だからこそ、成長の可能性に期待してほしい。」
そういった思いで、このスキルマーケットに挑戦しました。技術はまだまだですが、その分努力と真心でサポートさせていただきます。ぜひ、応援の気持ちも込めて、あなたのプロジェクトのお手伝いをさせてください！

初めての方にも安心していただけるよう、納品後の修正やサポートも柔軟に対応します。
どうぞよろしくお願いいたします！

◼︎サービス内容

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

◼︎料金表

・アニメーション　¥2,000〜
（ホバーアニメーション、ハンバーガーメニュー、スライド、フェードインは無料対応）
・問い合わせ機能　¥5,000~
（サンクスページ込み）
・WordPress構築　￥8,000~

※アニメーションやWordPressについては内容により異なりますので、ご依頼時にお申し付けください。

◼︎制作の流れ

１.「見積り・カスタマイズを相談する」よりご相談ください。
２. デザインデータのお預かり
３. コーディング
４. ご確認・修正
５. 納品

◼︎納品方法

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

ご覧いただきありがとうございます！
kouと申します。
実績成績のため、値段交渉を承ります。
ご気軽にご相談ください。

【現在実績制作のため、20件まで特別価格で承ります！】

◼︎サービス内容

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

◼︎納品方法

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

【サービス詳細】
はじめまして🙇‍♀️
ページをご覧いただきありがとうございます🙏

Web制作をしております、
muuと申します😊

早速ですが、

「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」

このような悩みを抱えていませんか😭？

私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、

いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します！！

WordPressでの入稿など幅広く対応可能です🙇‍♀️

こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます！
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます！

こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊

https://web-tamakuro.com/

提供させていただくサービスの詳しい内容は以下の通りです🙏

🔶HTML、CSS、jQueryを使用したコーディング
🔶WordPressでの入稿対応（ サーバーへのアップも可能です ）
※ サーバー契約、ドメインの取得はお客様に行っていただきます🙏
（ サポートは可能です ）
🔶クライアントさまの要望に応じたカスタマイズ
🔶レシポンシブ対応（ 携帯、パソコンどちらもズレなく表示させる機能 ）

価格に関しては以下の通りです🙏
・TOPページ：10,000円
　┗ WordPress化：+5,000円

・下層ページ：8,000円 / 1ページ
　┗ WordPress化：+2,000円 / 1ページ

トップページが10,000円 + 2ページ目から+8,000円になります。

合計3ページの場合1万8,000円（ TOP + 下層 ） + 8,000円で26,000円となり
全ページWordPressにされる場合は、
+9,000円（TOP5,000円 / 下層 2,000円 / 枚）で35,000円となります🙏

・お問合せフォーム設置：5,000円 / 1箇所
　┗ WordPress化：5,000円 / 1箇所

・LP（1ページ）：10,000円

不明点などありましたら
まずはお気軽にご相談いただけると嬉しいです🙇‍♀️🙏

ご相談の段階では費用は発生いたしません😊

プロジェクトの概要、ご希望のデザイン、機能についてお聞かせいただければ、
最適な提案をさせていただきます🙇‍♀️

サービスの流れは以下の通りです😊

① 相談・お見積り
② ご購入
③ コーディング開始
④ 初回納品
⑤ ご確認
⑥ 修正（ 3回まで対応させていただきます ）
※ こちら側のミスはもちろん無料修正にて対応させていただきます。
⑦ 納品

※大変お手数ではございますが、
デザインデータはAdobe XD もしくは Figmaにて
ご提供いただけますと幸いです🙏

丁寧にヒアリングさせていただき
全力でお作りさせていただきますので

🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん

上記に該当する方は特にご依頼お待ちしております😆

少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏

最後まで読んでいただきありがとうございました🙇‍♀️

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

◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。

◆料金
コーディング料金
∟トップページ　10,000円(税抜)
∟下層ページ　5,000円(税抜)/1ページ
∟ WordPress化　10,000円(税抜)

☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策（metaタグなど）
・OGP設定
・テスト環境のご提供

◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。

◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。

連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。

HTML・CSSコーディングを承ります。
SEOとスピードを重視でコーディン致します。

▼お値段
　TOPページ(レスポンシブ対応)　¥18000円
　下層ページ(レスポンシブ対応)　¥12000円

▼注意
　ランサーズ手数料とページ料金は別です。

【ご提供内容】
・HTML/CSS(SCSS)/jQueryによるコーディング
・レスポンシブ対応
・BEMによる保守性の高いコーディング

【制作の流れ】
・デザイン確認
デザイン確認後、デザインやアニメーションについての不明点の確認を行います

・初稿
初稿提出後内容を確認いただき、修正点があれば２回まで修正いたします。

・納品
サーバーにアップロードまたはコーディングファイル一式を納品いたします。

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計

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

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

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

デザインカンプから『Visual Studio Code』で行います。
Sassで修正や追加しやすいようにCSS設計を意識してコーディングをします。
納品は.zipで圧縮してのお渡しを考えております。

■■■ 個人情報の取り扱いに関して ■■■
個人情報に関しましては、一切当方で保存・複製は致しません。
作業完了後は責任を持って提供頂いた情報の破棄を致します。
安心してご依頼ください。

こんな方へおすすめ
・すぐにホームページが欲しい
・初めてホームページ制作を依頼する

ご提供内容
・HP、LP制作
⚠️デザインの制作は行なっておりません。必ずデザインがある状態での案件依頼をお願いします。

扱っている言語
・HTML
・CSS
・jQuery

料金プラン
15000円←すぐにHPが欲しい
30000円←しっかりとしたHPが欲しい
10万円←ページ数が多く30000円のプランを大幅に超えてしまう方におすすめ

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

サービスページをご覧いただき、ありがとうございます！

当方では、HTML・CSS・JavaScriptを使用したコーディングを行っております。
いただいたデザインをもとに、丁寧でスピーディーなコーディングを行うことが可能でございます。
是非お気軽にご相談ください。

【料金目安】
トップページ：50,000円〜
子ページ： 20,000円〜
お問い合わせページ：8,500円〜
※サービス料金は目安でございます。お打ち合わせ後に正式なお見積りを提示させていただきます。

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

※いただいたデザインと相違点がある場合には、無償で修正対応いたします。着手後、デザインに変更がある場合には追加料金を頂戴し、修正を行うことが可能でございます。
制作開始後のキャンセルは如何なる場合も受け付けておりませんので、予めご了承くださいませ。

●ご用意して頂くもの
・デザインカンプ（Adobe XDもしくはFigmaで制作したもの）
・画像や動画等の素材
・会社やショップのロゴ

【取引の流れ】
①メッセージにてお問い合わせください
②ヒアリング
③お見積もり（実際のデザインを拝見した上で、正式にお見積りを出させていただきます。）
④購入のお手続き
⑤制作・修正
⑥納品

お気軽にご相談下さい。

▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。

ポートフォリオ:
https://gracepages.web.fc2.com/

▼ご提供内容
１．HTML/CSS/JSにてホームページを制作します。
２．他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。

▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に２週間や４週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。

▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。

▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大５０％までお値引きさせていただきます。

▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。

どうぞよろしくお願いいたします。

コーディング作業でプログラムを書くことで、顧客のニーズに合ったソフトウェアやウェブアプリを実現します。

•こんな方にオススメ

個人で活動していて
コーディングなどのめんどくさい作業を
任せて別事業に集中をしたい方

企業様で
コーディング要員が足りてない方など

複雑な業務の場合はあらかじめ説明していただければ、指示通りに仕上げますのでよろしくお願いいたします。

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

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

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

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

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

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

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

ご訪問ありがとうございます！

▼こんな方へオススメ
・デザインはあるがコーディングできる人がいない方

▼ご提供内容
・HTML、CSS、jQueryを用いたコーディング
・レスポンシブ対応（PC＋スマホ）
・文書の基本構造を意識したコーディング

▼ご用意ください
・コピー＆ペースト可能なテキストデータ
・デザインデータ（Figma, Adobe XD, Photoshop等）
・素材画像

▼ご購入後の流れ
要件確認後、コーディング
納品形式はファイルをお渡しするか、公開作業まで行うかご選択ください。

▼納期・料金
コーディング量によって納期、料金は前後します。

▼稼働時間帯
平日：7:00 〜 9:30、18:30 〜 23:00
土日祝：7:00 〜 23:00
メッセージを頂いた当日には必ず返信いたします！

ご依頼いただいた際はご期待以上のものができる様、全力で取り組んでいきます。
何卒宜しくお願い致します！

デザイン案からホームページをコーティングします。

ご覧いただきありがとうございます。
現役Webコーダーのsacoと申します。

本サービスは、コーディング代行サービスです。
WordPressでのサイト構築、LPコーディングのご依頼先をお探しの方は、ぜひお気軽にご相談ください！

■ サービス詳細について
＜基本メニュー＞

[ 内容 ]
TOPページ：20,000円〜
・HTML / CSS コーディング
・CSSアニメーション
・画像圧縮による表示速度最適化
・テスト環境におけるデザイン確認URL提供
・WordPress化
・SEOコーディング

＜オプションメニュー＞
下層ページ追加：10,000円〜
お問い合わせフォーム設置：15,000円
カスタム投稿設置：15,000円〜
カスタムフィールド設置：15,000円〜
サイト公開後の諸設定：15,000円
スマホデザイン忠実再現（デザイン再現のための工数時間が別途必要な場合）：10,000円〜
JavaScriptアニメーション：3,000円〜※要相談

■ 本サービスの魅力

・現役プロコーダーによるコーディング。再現クォリティには自信があります。
・SPデザインデータ作成不要！PCのデザインデータのみでオールデバイスレスポンシブ化
・SEOコーディング(内部SEO対策)無料
・WordPress化無料、カスタム投稿なども対応可能

■ 納品までの流れ
①ヒアリング
(デザインデータのご提示をお願いいたします。)
↓
②お見積もり提出
↓
③ご購入
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦研修・修正対応
↓
⑧データ納品 or サーバーUP

■納期について

＜基本メニュー＞のみ（TOP１ページ）ですと1週間ほどでの納品が可能です。
※ 現在ダブルワークのため、基本的に夜間稼働となります。
※ 稼働状況や複雑なデザインの場合、納期が変動する場合がございます。詳細につきましては、お気軽にお問合せください。

■ご用意いただきたいもの
・デザインデータ（※1）
・サーバー / ドメイン（※2）
・テキストデータ

(※1) PCデザインのみでレスポンシブ化致します。SPデザイン有りの場合、完全再現のための工数時間が多く掛かると判断した場合、別途費用を頂戴しております。
(※2)サポートが必要でしたら、お気軽にご相談ください。

■ご注意いただきたい点
・コーディングルールは当方のルールに基づいて記述いたします。
・原則、デザインは校了したものをご準備ください。ご入稿後のデザイン変更は致しかねますのでご了承ください。
・納品後は実績として公開させていただく場合がございます。実績として掲載不可の場合、メッセージにてお知らせください。
・出来得る限りのデザイン忠実再現を心がけておりますが、ピクセルパーフェクトでのコーディングは出来かねる場合がございます。気になる方は、過去実績をご提示いたしますので、メッセージにてお知らせください。

■ 修正について
誤字脱字、表記崩れなどは無償対応しております。
追加修正につきましては別途費用をいただきます。
詳しくはお問い合わせください。

本パッケージはWebサイトのコーディング代行サービスです。

▽===こんな方におすすめ===
「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

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

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

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

修正や部分コーディングも対応可能ですのでお気軽にご相談ください。

▽===対応可能データ===
・XD、Photoshop 、Illustrator、Figma等
確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
XD、Photoshop 、Illustratorの場合は、デザイン素材の書き出しをお願いいたします。

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

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

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

あ

Web制作のレスポンシブオプションです。
基本以外に料金がかかる場合合わせて購入いただきます。
単品での購入不可です。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

2000pxごとに2,000円

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
株式会社サクラボは、宮城県仙台市を拠点に活動する企業です。

当社のコーディングサービスは、『ページの長さによって料金が決まる』シンプルな価格設定です。

・初めてご利用されるお客様にも…
・いつもご利用いただいているお客様にも…

常にわかりやすい料金プランでコーディング致します。

「見積金額がわかりづらい」「コーディングのリソースが足りない」そんな時は是非サクラボに頼ってください！

【料金プラン】

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ページの長さ（合計px数）＝ コーディング費用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（合計px数のうち最初の2000pxまでは10,000円、以降 2000pxごとに2,000円加算されます）

★ページの長さが合計「6000px」ならこの価格！
￥16,000

★ページの長さが合計「32000px」ならこの価格！
￥40,000

★ページの長さが合計「72000px」ならこの価格！
￥80,000

※オプション追加料は別途加算されます。

【サービスの特徴】

• シンプルな料金プラン
  【2000pxごと2,000円】のシンプルな料金プランで提供します。
  「初回見積もりは安いが、最終的に費用がかさんで赤字案件になった」…そんなことがないような明朗価格となっております。

• デザインを忠実に再現
  デザインデータを綺麗に形に致します。デザイン通りのコーディングを実現するため、経験豊富なコーディング専門スタッフが責任を持って対応いたします。

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

【サービス内容】

• レスポンシブコーディング
• リキッドコーディング
• PC/SPコーディング
• リフレッシュコーディング
• CSSアニメーション
• JavaScriptアニメーション
• CMS設置（Wordpress、他相談ください）
• ECサイト構築（EC-cube、他相談ください）

※詳細はお問い合わせください

◆基本料金に含みます

• Google Maps API
• SNS組み込み
• その他簡単なjQuery/JavaScriptの実装

【購入後のおおまかな流れ】

1. ヒアリング・お見積もり（まずはご相談ください！）
2. データ入稿
3. コーディング・テスト
4. ご確認・修正（不備があれば修正いたします）
5. 納品（zipファイルでの納品いたします）

【納期】

納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。

▼ こんな方へオススメ
• ビジネス用のプロフェッショナルなWebサイトが必要な方
• オリジナルデザインでのサイト構築をお考えの方
• 短期間で高品質なWebサイトを作りたい方
• SEO対策やモバイル対応が必須の方

▼ ご提供内容
• Webサイトの企画、デザイン、コーディング
• レスポンシブデザインでの最適化対応
• CMS（WordPressなど）の導入・設定
• SEO対策やパフォーマンス最適化
• メンテナンス・更新サポート

▼ ご購入後の流れ

1. ヒアリング・要件定義（Zoomなどで詳細を確認）
2. デザイン案の作成とご確認
3. 開発・コーディング
4. 動作確認・最終調整
5. 納品（公開・運用開始）

▼ 制作可能なジャンル
• 企業用コーポレートサイト
• ECサイト（ネットショップ）
• 個人事業主向けポートフォリオサイト
• ブログ・ニュースサイト

▼ 料金プランやオプション
• 基本プラン：10000円（5ページまで）
• 追加ページ：1ページあたり2000円

▼ 納期
• 通常：2～3
• お急ぎ対応：1天以内（追加料金あり）

ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。

■このようなお悩みのある方におすすめ

①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手

■サービス内容

【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮（表示高速化）
・テストアップ後の修正作業

■実績

Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。

■クライアントの声

ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。

こちらのお声を多数いただいております。

■無料アニメーション一覧

・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール

■納期ーデザイン、ボリューム、稼働状況により変動いたします。

・トップページ：3～4日
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。

ご満足いただけるよう、責任をもって対応させていただきます！
ご不明な点があれば、お気軽にご連絡ください。

自分のプロフィールサイトが欲しい方へおすすめです。

購入後の流れ
コーディングを進めつつ、どのような画像を使用するかを相談しながら決めていきます。

制作可能なジャンル
プロフィールサイト、　企業のポータルサイト

料金と納期は料金表をご覧ください。

〇Webサイトのデザインが決まっていてHTMLとCSSのコーディングを外注したい方におススメです。

本サービスをご覧いただきありがとうございます。
本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスとなっております。

▼こんな方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
このような方はぜひお任せください！

サービス運営者様、会社経営者様、個人様など幅広く対応しておりますので、まずはお気軽にご相談ください。

■サービス内容

【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・テストアップ後の修正作業　…etc

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

■納期
デザインやページ数によって変動いたします。
正式な納品日は、デザインデータの確認後にお伝えします。
▶︎目安　LP＝４日〜６日
　　　　HP＝トップページ：4日
　　　　下層ページ. ：1日〜2日

ご購入いただくにあたってのお願い
■ご用意いただきたいもの
・デザインデータ（XD、figma）（※1）
・画像素材 / 動画 / 文章（※2）

※1）レスポンシブ対応をご希望の場合は、事前にお伝えください。
※2）デザインデータから書き出せない画像・動画・文章などございましたら、事前にご用意ください。

＼ そのお悩み解決いたします！ ／
・基礎的なコーディングからWordPress構築ができるパートナーを探している方
・デザインはできるがコーディングが苦手な方
・デザイン通りの実装ができない方
・スマホやタブレットの表示が崩れてしまう方

デザインに忠実なコーディング作業を行います。
webサイト、LP制作、WordPress構築などのコーディング対応が可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。

◼︎業務内容
・HTML/CSSを用いた静的なコーディング
・WordPress構築
・レスポンシブ対応（スマホ、タブレット、PC）
・アニメーション実装（ハンバーガーメニュー、スライド、フェード表示）

※ご依頼内容により、料金が変わりますのでまずはお気軽にご相談ください。

◼︎制作の流れ
１. ヒアリング
２. デザインデータのお預かり
３. コーディング
４. ご確認・修正
５. 納品

◼︎納品方法
・zipファイルの送付
・サーバーへのアップロード

◼︎デザインについて
デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
画像素材やテキストがご準備ない場合はサポートさせていただきます。
デザインデータは、AdobeXD、Figma、Photoshop、Illustratorに対応しております。
※XD以外は少しお時間をいただく場合がございます。

◼︎注意事項について
・実績として公開させていただく可能性がございます、実績掲載不可の場合はお申し付けください。
・指定のフォントがある場合はご提供いただくか、事前にご相談をお願いいたします。
・ご購入後の依頼内容変更、キャンセルは承っておりません。事前にご確認をお願いいたします。
・ご連絡から１週間ご返事がない場合は納品として対応させていただきます。

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

＼ 追加料金なし ／
HP・LPサイトのコーディングを一律15,000円でいたします！
（トップ1ページ、下層5ページまで）

サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応（スマホのデザインが無い場合でもレスポンシブ対応可能です）
・簡単なアニメーションの実装（スライダ―・ポップアップ・アコーディオン等）
・無料の修正対応（3回まで）

◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。

◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。

◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております！

◾️納品方法
・zipファイル送付

サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1.　ご相談・ヒアリング
2.　デザインデーターお預かり
3.　作業開始
4.　ご確認・修正
5.　最終確認・納品

注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
（掲載不可の場合はお申し付けください。）

▼こんな方へおすすめ
●複雑なアニメーションがないので安価でコーディングを依頼しいたい方
●デザインカンプができたのでコーディング依頼をしたいデザイナーの方

▼ご提供内容
デザインの再現度を優先にコーディングいたします。
【対応言語】
HTML
CSS
jQuery(簡単な)
JavaScript(簡単な)
※複雑なアニメーションのCSSはお受けできかねます。

【レスポンシブ対応について】
レスポンシブも料金内で対応いたします。
レスポンシブは1～2パターンまで(スマホ、タブレットなど)
レスポンシブ対応はプラスでお時間をいただきます。
スマホ画面のデザインがない時は、こちらで配置することも可能ですのでご相談ください。
※HTMLとCSSのみの1ページで3日程度とお考えください。

【アニメーション】
jQuery、JavaScriptどちらかにて実装いたします。
●トップへ戻るボタン
●スライド
●ハンバーガーメニュー
●アコーディオン　　　他
などが2か所まで対応可能です。
※アニメーションはプラスでお時間いただきます。

【画像】
画像はご指定のサイズ(最大100KB～300KB推奨)にリサイズ可能です。
切り抜き承ります、他の簡単な加工もお受けいたします(枚数に特に制限はありませんが、加工にはプラスでお時間がかかります)。

【webマスターツール】
GoogleのAnalyticsとSearch Consoleのコードをお持ちの場合はヘッダーにお入れします。

【動作確認可能ブラウザ】※Windowsになります。
●Google chrome
●Edge
●FierFox
※safariについてはSEの小さな画面での確認となります。

【開発環境】
OS
●Windows11
エディター
●VSCode
デザインツール
●Figma
●Photoshop

▼ご依頼から納品までの流れ
➀ご相談　：ご依頼内容をお見積り・相談からお伝えください。
➁お見積り：対応可能か、また納期をご連絡いたします。
③ご購入　：ご納得いただけましたら手続きをお願いいたします。
➃作業開始：お客様への確認、修正を行います。
⑤納品　　：出来上がったファイルをzipファイルにてメッセージより納品いたします。
※サーバーへのアップロードをご希望の際はご相談ください。

◆こんな方へ
Webサイトを立ち上げたい方
既存のサイトをリニューアルしたい方
コーディングが苦手な方

◆どんな課題に対して
◆納品物
HTML / CSS / javascript

◆進め方
①具体的な内容と納期についてヒアリング
②週に1回の進捗報告
➂納品前チェック（修正3回までOK！）
④納品

◆ご自身の強みや経験
メーカーで製品のソフトウェアエンジニアとして16年間従事しており、コーディングが得意です。
デザインの再現性が高く、保守・可読性の高いコーディングを目指します。

こういった悩みをお持ちではありませんか？
・きちんとしたクオリティで納品されるか不安
・納期内に納品されるか不安
・技術がよくわからないので、きちんとしたサイトを作ってくれているか不安
・知識が無い為、どういう流れで発注したらいいかわからなくて不安

こんにちは、関東で活動するフリーランスのフロントエンジニアの武田です。
もしこういった不安がある方は15年以上のプログラミング歴があるプロのフロントエンジニアが、高いクオリティでコーディングをおこないますので、安心してお任せいただけます！

普段はWebサイトのコーディングの他に
・ITスクールの経営
・HP制作の個別講義
・企業様へのサイト運営コンサルティング
などをやらせていただいておりますので、経験や知識量にも自信があります。

それから以下のような媒体で発信もしておりますので、
どんな人物なのか？どんなスキルを持っているのか？
を知りたい方は参照ください。

Youtube
https://www.youtube.com/channel/UCVCL3vTcA9NcxmMWhz8bS7Q

Twitter
https://twitter.com/pianojazz2012

コーディングを発注いただく際には
・レスポンシブ対応（スマホ・タブレットなど可）
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, IEなどへの対応）
・基本的なSEO対策

などはもちろん実装した上で、

・ランディングページのコーディング（LP）
・コーポレートサイトコーディング
・ワードプレスを使ったCMSの１からの構築（独自テーマ）
・アニメーションをフル活用したサイトの作成（CSSアニメーション）

などコーディングをおこなうことができます。

言語・ツールとしては、
・HTML / EJS / Pug / Haml / Slim
・CSS / Sass / Scss / Stylus / Less
・JavaScript / jQuery / Vue.js / Nuxt.js
・TweenMax, anime.js, chart.js
・Wordpress
・Git / npm / yarn / Gulp / Webpack
など対応可能ですので、幅広く対応できるかと思います。

まずは一旦ご相談いただいてからでも問題ありませんので、
一度ご連絡いただければ幸いです。
納期・料金などもご相談いただけます。

■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
（ハンバーガーメニュー、スライダー、アコーディオン等）
・レスポンシブ対応

修正回数については無制限です！ご満足いただけるまで責任をもって対応いたします！
※大幅なデザイン変更については、別途料金が発生する場合がございます。

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

・コーディング：3,000円（10,000pxまで）
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装（スライダ―・ポップアップ・アコーディオン等）：
1カ所につき1,000円～
※ホバーアニメーション、ハンバーガーメニューは無料。（アニメーション内容によては追加オプション対応になる場合がございます）

※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。

◆制作の流れ

１．ご相談よりお見積もり
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付

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

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

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

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

・HTML/CSSコーディング（レスポンシブ対応）
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。

・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。

・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。

コーディング、LPコーディング、レスポンシブ化を対応いたします。
迅速丁寧お客様のニーズに添うように致します。

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

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

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

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

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

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

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

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

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

デザインに沿ったコーディングで、スピーディに納品いたします。
scssを使ってみやすくより短いコードで誰がみても分かりやすいコーディングを心がけております。