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

メーラー毎にHTMLメールの再現性が異なります。
単純にコーディングしただけでは、文字化けやレイアウト崩れを起こすHTMLメールになってしまいます。

お客様からご提示いただいたデザインをもとに
さまざまなメーラーに対応した「HTMLメール雛形」作ります。

雛形なので
変更箇所を入れ替えるだけで、
スマートなHTMLメールが作れます。

「HTMLメール雛形」はさまざまなメーラーで表示確認をしてから納品いたします。

各店舗のサイトデザインを行って培ったスキルを活かして、HTML・CSS・Javascriptのコーティングを代行・実装します。

お客様のご要望に合わせ、デザインに近いものをHTML・CSS・Javascriptで作成させていただきます。
動的なドロワーメニュー（ハンバーガーメニュー）や画像スライドショーなどのjQueryを用いたデザインも承りまっております。

また、依頼内容が複数ある場合は箇条書きにしてお気軽にお問い合わせください。

【本サービスの作業内容】
●静的コーディング（HTML、CSS使用）
HTMLとCSSを用いたデザインを作成し納品いたします

Wordpress（ワードプレス）サイトデザインも対応可能。

【お客様の納品依頼】
デザイン参考となるＵＲＬや画像
もしくはデザインカンプ（photoshop または Illustratorのファイル、XDのファイル形式が希望ですが、画像、手書きフレームからでも承ります）

《こんな方におすすめ》
●ＨＴＭＬとＣＳＳがイマイチわらかなく、作ってほしい
●凝ったデザインが欲しい
●こういったサイトデザインにしたい
●画像スライダーをサイトに実装したい
●コンテンツの見出しデザインや画像に動的な動きをつけたい
●サイトデザインを変更したい

また納品後、思ってたデザインと違う！などのミスは何度でも無料で変更対応いたします。
納品後は、お気軽にご相談ください。

【納品に関して】
納品は原則、HTMLファイルとCSSファイルをまとめたZIPファイルでのお渡しとなります。

また、WordPressやFTPサーバーを経由したデザインアップロードも対応しております。

※依頼に関しては、内容数が少なければいくつで
ページの内容やボリューム、ご予算の都合によっては金額の調整を行いますので、ご了承くださいませ。

【納品までの流れ】
（１）DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
（２）ご購入後、トークルームにて下記の＜ご用意いただくもの＞をご連絡ください。
（３）作成しましたら、制作物を送付いたしますので、内容をご確認ください。
（４）気になる箇所、問題があれば、修正を対応致します。
（５）内容にご満足いだけましたら、最終成果物を納品し、完了となります。

HTML・CSS・Javaを使用して迅速にコーディングをいたします。

初回限定でHTML・CSSのみコーディングプランで最低価格10，000円でご提供！

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

すぐ納品します

ご用意いただいたホームページのデザインから、
レスポンシブデザインのhtml/cssのコーディング作業を承ります。

以下のようデザインから作業いたします。

・PSDまたはXD形式のデザインデータ。
・参考URL。
・手書きメモの写真。

HTMLファイル一式をzip形式で納品いたします。

価格は1ページ制作分です。
1ページ当たりの長さが6000px以上の場合は別途お見積りとなります。

【制作の流れ】

デザイン確認
　↓
コーディング作業
　↓
テストサーバーへのアップロード
　↓
ご確認・改修
　↓
納品

・HTML/CSS/jQueryを使ったコーディングを行います。
・BEMをベースとした保守・運用しやすいようなCSS設計
・納品前に独自のチェックリストをもとに品質を担保します
・制作内容の詳細・静的コーディング（1ページ〜）
・レスポンシブ対応
・品質アニメーションは無料で対応します
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。

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

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

その他ご不明点がございましたら、お気軽にご連絡くださいませ。

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

【こんな方におすすめです！】
・デザイナー様でコーディングしてくれる人を探している方。
・社内で手が回らず外注先を探している制作会社様。

HTML/CSS のLPコーディング代行をいたします。
ランサーズでの実績がないので現在参入価格で承ります！

【納品方法】
zipファイル送付、またはサーバーへのアップロードにて納品いたします。

基本料金に含まれるもの

・HTML / CSSを使った静的コーディング
・レスポンシブ対応

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

・スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円
・jQueryを使用したアニメーション機能の実装：3,000円〜
・ブレイクポイントの追加（タブレットデザインがある場合）：10,000円
・お問い合わせフォームの設置（見た目のみ）：5,000円〜
・お問い合わせフォームの設置：12,000円〜
　

即レスを心がけ、常に安心してお取引できるように努めます。
どうぞよろしくお願いいたします。

\ご覧頂きありがとうございます//
\案件に集中し、質の良いサイトにしたいため基本的に1名のみの募集です//
まずはメッセージにて気軽にご相談ください！

【特徴】
・サイト制作について分からない方でも、しっかりと説明するので安心！
・アフターフォロー(１ヶ月)あり！
・丸投げOK！
・ご予算にあわせて対応！
・丁寧なヒアリング！
※デザインが既にある方、まだ決まっていない方どちらもご相談ください。
クライアント様に特別な知識は必要ありません。
クライアント様の情報を元に作成いたしますので初心者の方もご安心ください！

【こんな方におすすめ】
「売り上げを伸ばしたい」
「デザインはあるけどコーディングができない」
「サイト作成するのは難しそう」
このような悩みをお持ちの方是非ご相談ください。
1人1人丁寧なヒアリングを実施します、分からないことがあれば気軽にお問い合わせください！

【作業内容】
HP・LPのコーディングを致します。
・ハンバーガーメニュー
・アコーディオンメニュー
・スクロールトップ
・動きのある出現
・レスポンスブ対応
・お問い合わせフォーム作成
等が可能となっております。
その他要望ありましたらお気軽にお問い合わせください！

【制作の流れ】
1、ご相談(まずはご相談ください！)
2、ヒアリング
3、サービス内容の確認
4、購入
5、打ち合わせ
6、文章・画像等の提出
7、仮サイトの確認・修正(3回まで修正可能)
8、サイトの完成・納品
※納品方法は希望がなければZipファイルを送付致します。

【納期】
作業量によって異なりますが、基本2〜3週間ほどお時間いただいております。
ご希望の納期がある場合はご相談ください。
※デザインが決まっていない場合もぜひご相談ください。
※料金についてもご相談ください

案件確定後詳細な打ち合わせをしていけたらとおもいます。
円滑なコミュニケーションを測り、貢献できますよう努力いたします。
どうぞよろしくお願いいたします。
和田

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

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

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

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

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

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

■コーディング料金
・基本料金：10,000円〜
・レスポンシブ対応：無料
・jQuery & CSSアニメーション：点数無制限で一律5,000円
・お問いわせフォーム作成：5,500円〜

■納期
稼働状況により変動しますが、ベーシックプランの場合はご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より4-5日で初稿をテストアップいたします。

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

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

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

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

主にホームページやLPなどのコーディングをお受けします。
(デザインは組めないためご用意いただく必要があります。)

・HTML,CSS,JavaScript
・vscode
・テスト環境なし
・XD,Zeplin,Figmaにてデータを下さい

対応端末
・iPhone12mini (safari)
・iPad (safari)
・Macbook pro 13インチ (safari,chrome,FireFox)
・Surface Laptop (FireFox,Edge,chrome)

【こんな方におすすめ！】
・Web制作会社様

・Webマーケティング会社様

・ブランディング会社様

・デザイナー様

デザインカンプを忠実に再現致します。
WordPress化まで対応可能です。

【サービス内容】
・HTML・CSSを使ったデザインカンプからのコーディング
（カンプはXD,Photoshopに対応します）
・レスポンシブ対応（スマホ用デザインなしの場合は別途料金を頂戴いたします）
・アフターフォロー１週間（こちらのミスによる修正は無料修正いたします）

【オプション料金】
・デザインなしのレスポンシブ対応　10,000〜
・jQueryアニメーションなど　5,000〜
・その他の機能も相談の上、対応いたします。

【納期】
３〜10日です。
急ぎの納品なども対応いたします。

当サービスを閲覧いただき誠にありがとうございます。
WEBサイトのコーディングならお任せください！
デザインデータからHTML・CSSにてコーディングを代行いたします！
ご希望の方はWordPress導入も対応致します。

【　サービス内容　】
・HTML/CSSを用いたサイトコーディング
・レスポンシブ対応
・JavaScriptを用いたWEBサイトの動的要素付与(スライダー・ハンバーガーメニュー・アコーディオン等)※別料金対応
・WordPress導入※別料金対応

部分的なコーディングのご依頼でも対応いたします、是非ご相談ください。

【料金詳細】
・トップページ、下層ページのコーディング：10,000円～/1P
・LPのコーディング：20,000円～
・レスポンシブ対応：無料
・JavaScriptの機能実装：5,000円～ / 1点

【　注意事項　】
・WordPress導入については別途料金が発生します。

【　納品方法　】
HTML/CSSでのデータ納品
サーバーのご用意がございましたらそちらにアップロード致します。

【　ご用意いただくもの　】
XD・PSD形式のデザインデータ
画像・テキスト素材

【　納期について　】
ページのボリュームによって変動しますのであらかじめデータをご提示ください。
お急ぎの方については別途手数料を頂くことと、期間次第ではお受けできないことをありますのであらかじめご了承ください。

【　制作の流れ　】
ヒアリング
↓
デザイン・素材のご提供
↓
コーディング
↓
確認・修正
↓
最終確認・納品

【　その他　】
実績として掲載させていただく場合がございますので、掲載を拒否される方はあらかじめその旨をお伝えください。

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

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

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

初めまして！
ご覧いただきありがとうございます！
独学にてプログラミングを学び、将来1人前のエンジニアを目指しています！
実績獲得のため、期間限定で格安でお仕事を承っております！

▼料金に含まれるもの
・HTML/CSS コーディング
・レスポンシブ対応(PC・スマホ)
・ハンバーガーメニュー

▼納期について
・デザインデータを受領した翌日からの日数となります

▼対応データ
・PSD、AI、XD形式

▼動作確認
・Chrome、Safari

▼納品形式
・ファイル送付とさせて頂きます

お気軽にご相談下さい！

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

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

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

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

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

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

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

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

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

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

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

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

●サービス内容
HTML、CSSの修正。
既存のLPの修正を安価でさせていただきます。
文章を変更したい、文字の大きさ、背景の色を変えたい、画像を変えたいなど引き受けさせていただきます。

●可能な業務内容
HTML、CSS
(デザインデータはお客様でご用意していただきますようお願いします)

●作業の流れ
流れは下記のとおりです。
＊内容のヒアリング＊
　↓
＊契約成立＊
　↓
＊コーディング作業＊
　↓
＊テストサーバにて確認＊
　↓
＊納品＊

●可動時間
平均3時間

◆作業内容
・HTML/CSSを用いた静的コーディング

◆準備いただくもの
・デザイン
・画像
・テキスト

◆その他
・ブラウザチェックは、Google Chrome/Microsoft Edge/Fire Foxで行います。

Xdで作成されたデザインデータのみの対応となります。
レスポンシブも無料で対応致します。
Xdのデザインデータを頂ければ、コーディングデータ一式を納品致します。

レンタルサーバーの契約とドメイン取得の代行は致しませんが、
出来る範囲でのサポートはさせていただきます。

----概要----
・静的コーディングのみ(HTML、CSS)
※jsを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で対応させて頂きます。

・修正回数（納品後２週間以内）
軽微な修正であれば３回までとさせて頂いております。
※こちらの不具合であれば無料・無制限で修正させていただきます。
※大幅なデザインの変更には別途料金が発生致しますので予めご了承ください。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

【ベーシックプランに含まれるもの】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください

【スタンダードプランに含まれるもの】
・HTML/CSSコーディング1ページ
・レスポンシブ対応（PC／スマホ／タブレット）
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）

<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

<ご要望に応じ対応いたします>
・gitでのコード管理

【プレミアムプランに含まれるもの】
特定のコーディングルールの対応など

【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正（Wordpressサイトも可能）
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善

【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。

【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット／電話での打ち合わせ可能です
↓
納品

【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験（SEO検定1級所有）。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。

【制作フロー】
①問い合わせ
商材カテゴリー、制作の目的をお知らせ下さい。
お客様でご用意頂くものや納期について
※24時間以内(土日祝を除く)に返信致します。
↓
②資料準備、制作費支払
お打ち合わせ内容にご納得いただければ、
✅文章
✅ロゴや商品写真等の素材
をご準備下さい。
↓
③制作スタート
LP仮完成までの期間は約15営業日です。
↓
④仮完成品のご案内＆修正
↓
⑤残り作業実施（３営業日以内）
修正が完了しデザイン確定後、
バナー制作・測定タグの埋め込み等、
ご要望頂いた作業を行います。
↓
⑥LPデータを納品、制作完了
HTML&CSSファイル形式での納品です。
まずはお気軽にお問合せ下さい。

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

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

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

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

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

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

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

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

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

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

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

⑤最終確認

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

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

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

デザインを忠実に再現します！

【最初に】
Web制作会社様
Webマーケティング会社様
ブランディング会社様
デザイナー様
既にあるデザインをWebページに再現してほしい方へ

頂いたデザインを忠実に再現いたします。
今後継続的にお願いしたい方などおすすめです。

【作業内容】

• HTML/CSSコーディング
• 各種端末表示（レスポンシブ）対応
• JavaScriptでWEBサイトにアニメーション付与
• お問い合わせフォームの実装（googleフォームにも対応できます）
• WordPressテーマ作成（※ プレミアムにて対応します）

【使用スキル等について】

• Gulpを用いたメタ言語（SCSS、EJS）の自動コンパイル
• Gitでのソースコード管理
• CSS設計思想（BEM、FLOCSS）を取り入れた保守性の確保
• コード各所にコメントを入れるなど、当然のマナーはきっちりと行います
• WordPressテーマ作成はカスタムフィールド、カスタム投稿タイプなど幅広く対応
• デザインカンプに忠実な仕上がりにするためのブラウザツールの導入
• 各種実機テスト環境（iOS、MacOS、Windowsそれぞれの「Chrome、Safari」）
• 納品前には品質確認を行い、チェックシートを提出致します。（20項目程度）

【制作の流れ】

1. ヒアリング
   WEB制作の作業範囲について確認させていただきます。
   また、当方のスキルと照らし合わせ、対応の可否を判断致します。

2. 見積もり案内/契約
   見積もり・納品予定日をご提示いたします。
   こちらをもちましてご購入の判断をお願い致します。

3. 作業開始
   進捗はお客様のご希望に沿って遅滞なく報告致します。

4. 初稿→修正→納品
   作業を終えましたら一先ず初稿を提示いたします。
   修正等がありましたら、ご納得いただけるよう対応させていただきます。
   ※打合せ時から大幅に変更がある場合は別途お見積りさせていただきます。

【納品方法】
納品方法は柔軟に対応可能です。

• お客様のサーバーにアップロード（その際はFTPアカウントをご教示願います。）
• Zipファイルでのお渡し
• お客様のGitHubへのpush

【納期】
納期にあっては絶対に遅れないように少し余白を持った提案をさせていただく場合があります。
その分クオリティは担保することをお約束いたします。

【料金について】
しばらくの期間は当方の実績作りを兼ねて低価格でお受けさせていただきます。
実績としての掲載が不可能な場合はオプションにて「実績掲載不可」を選択ください。

【最後に】
誠実・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願い致します。

完成度・デザイン再現度の高いコーディングを行います。

▼このような方におすすめ
・デザインはできるけどコーディングが苦手。
・コーディングを外注できるパートナーが欲しい。
・繁忙期だけのスポット依頼できるパートナーが欲しい。

▼お客様から好評いただいている点
・スマホデザイン不要。（パソコンデザインをベースにレスポンシブはお任せ対応）
・スマホデザインがなくてもレスポンシブの完成度が高く、かつデザインの再現度が高い。
・テキストと画像の差し替え程度なら管理画面から簡単に編集できる。
・WordPressが高速化されている。
・セキュリティ対策が込み。
・サーバーへアップロード納品可。
・WordPress運用のコツを伝授。

▼対応ブラウザ
一般的なモダンブラウザに対応しています。
（つまり、IE等の古いブラウザやマイナーブラウザへの対応はいたしません。）

▼ブレイクポイント
ブレイクポイントは1つを決めるのではなく、デザインに合わせて柔軟に指定するスタンスです。（そのため完成度が高い）

▼実機確認
スマホ: iPhoneSE2
タブレット: iPad Air
パソコン: Macbook Pro

▼納品形式
サーバーに直接アップロード納品いたします。
※その他の納品形式もご相談可。

▼本サービスで対応していないこと
・デザイン制作
・ピクセルパーフェクト（1pxレベルでのデザインの再現）

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

頂いたデザインカンプに基づきコーディングします。

レスポンシブに対応しておりますので、
スマートフォンやタブレットでの表示が可能となっております。
ブレイクポイントをご提示いただき、
また、コーディングの難易によってご相談させていただければと思います。

基本的な金額は
<<一般的なデザインの場合>>
[レスポンシブに対応する場合]
・TOPページ 15,000
・下層ページ 12,000

[レスポンシブに対応のない場合は]
・TOPページ 12,000
・下層ページ 9,000

<<コンテンツなどの内容が少ない場合>>
[レスポンシブに対応する場合]
・TOPページ 12,000
・下層ページ 8,000

[レスポンシブに対応のない場合]
・TOPページ 10,000
・下層ページ 5,000

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

・コーディング・Wordpress構築業務の外注先をお探しの制作会社様
・頼めるコーダーがいなくてお困りのデザイナー様
・すでにあるデザインをWEBページ再現ご希望の方

どうぞお気軽にご相談くださいませ！

■お受けできる作業内容

❶HTML/CSS/jQueryを使ったコーディング
（保守・運用しやすいようなCSS設計・デザイン再現をいたします。）
❷Wordpressの導入、構築、改修
（テンプレート使用はもちろん、オリジナルテーマでのコーディング～構築、カスタム投稿やカスタムタクソノミー・フィールドも承ります）
❸LPコーディング
❹JavaScriptの動的実装
（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなどご相談ください）
❺お問い合わせフォームの実装
※基本的にすべてレスポンシブ対応いたします。

■料金

・下層ページのコーディングや修正案件：10,000円～/ 1ページ
・トップページ・LPのコーディング：30,000円～
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり

※料金はあくまでも目安です。
作成するページ数やデザインなどに応じて金額は変動いたします。
ご予算に応じて調整可能でございますので、どうぞお気軽にお問い合わせくださいませ。

■ご契約の流れ

①ヒヤリング　
　　└「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。実装機能などの確認をさせていただきます。
②お見積もり
　　└お見積もり、納期をご提示させていただきます。
　　　内容に問題がなければ、ご発注をお願いいたします。
③制作
　　└制作に必要なデータ・テキスト・素材のある場合お送りください。
　　最終的な納品日をお伝えし、サイト構築スタートいたします。
④制作物確認
　　└作業完了後、制作物のご確認をお願いいたします。
　　　3回までは無料で修正対応いたします。
⑤納品
　　└最終チェック完了後、データ納品をさせていただきます。
　※サーバーアップロードのご希望の際は、FTP情報など必要になりますので、ご相談くださいませ。

HTML,CSSコーディングを承ります。

密なコミュニケーションと臨機応変な対応を心掛けますので、よろしくお願いします。

◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい

◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策

◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript

◽︎開発環境（ご指定がない場合）
・Astro.js
・Vite
・SCSS

◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。

②コード制作
カンプをもとに、コーディングを行います。

③最終確認、納品
確認していただいたのち、納品を行います。

この度は当商品をご覧いただきありがとうございます！
Webコーダーとしてフリーランスで活動しております、「あん」と申します。

▼サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装（ハンバーガーメニュー／スライダー等）
・レスポンシブ対応
・静的サイトのWorepress化
・画像圧縮によるサイトスピード高速化

※大幅なデザイン変更については、別途料金が発生する場合がございます。

▼商品の詳細
・ホバーアクション、基本的なSEO対策（h1タグ、alt等）はコーディングに含みますので、オプションのご購入は不要です。
・デザイン内容によっては追加料金をいただく可能性がございます。

▼サービス購入の流れ

1. お客様のご依頼の詳細を伺わせてください。

2. お見積り、納品日を提示させていただきますので、問題がなければ発注及び仮払いをお願いいたします。

3. デザインデータ、画像等必要なものの送付をお願いいたします。

4. すべてそろいましたら、コーディングに入らせていただきます。

5. 完成品のご確認、修正の有無をお知らせ頂きます。修正は3回まで無料で対応いたします。

6. 最終確認後、納品いたします。（zipファイルにて納品）

閲覧していただきありがとうございます。
こちらはコーディング代行を提供するパッケージとなっております。

ランサーズでの活動を始めたばかりで、これから実績を築いていくため、
特別価格でのサービス提供をさせていただいております。
最後まで責任を持って対応させて頂きます！
お気軽にご相談ください！
　

◆以下の方にオススメ！

・デザインは得意でも、コーディングが不得手な方
・コーダーが不足し、信頼できる外注先を求めている制作会社
・長期的なパートナーとして協力できるコーダーを探しているデザイナー
　
　

◆基本料金に含まれるサービス

・HTML／CSSコーディング
・レスポンシブ対応
・各ファイルの圧縮
・アフターフォロー（納品後1週間以内）
※ECサイト、予約機能などには対応しておりませんのでご了承ください
　
　

◆納品までの流れ

1.コーディング、ご相談の内容、詳細のヒアリング
2.納品日と見積もりの提出
3.コーディング
4.ご確認、修正
5.納品
　
　

◆デザインのデータ形式について

・XD、Figma、Photoshop
その他データ形式についてはご相談ください
　
　

◆ 確認・納品方法について

問題ないようでしたら、
私のテストサーバーにアップロードして確認していただくこともできます。

・HTML、CSS、JSファイルのお渡し
・FTPサーバーへのアップロード
・Wordpressへの適応

　
　
以上になります。
不明点など、お気軽にメッセージください！

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

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

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

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

◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
（スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。）
•アフターフォロー（納品後1週間以内）

◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ（ご確認・修正）
↓
納品

HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。

Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。

貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。

［対応業務］
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
＊ その他 Webサイト関連業務については、別途ご相談ください。

［対応デザインファイル形式］
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
＊ Aiでの支給の場合は、PDFファイルを添付してください。

［対応コミュニケーション手段］
・Lancers メッセージ
・Slack
・ChatWork
＊ 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ（名古屋市・近郊）も可能です。

［料金について］
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。

【出来ること】
・HTML/css/jQueryを使ったコーティング
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相
・内部SEO対策
　⇒metaデータの設定
　⇒favicon・apple-touch-icon・ogpの設定
　⇒URL正規化
　⇒構造化データのマークアップ
・レスポンシブ対応（スマホ用データ無くても可）
・独自チェックリストを用いた報連相

【作業内容詳細】
・静的コーティング（1ページ～）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、
　ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相

【デザインデータ】
・Photoshop
・illustrator
・XD
・Figma

【デザインデータに関する注意事項】
・有料フォントを使用されている場合、
　読み込みタグをご共有くださいませ。
・カラー設定はRGB、サイズ設定は
　pxなどWebデザインに最適化して
　いただきますようお願いします。
・切り出しのできない画像を　
　設置されている場合、お客様の方で
　画像のご用意をお願いします。

【about】
【心がけていること】
・デザインを正確に
・レスポンシブにも対応
・迅速丁寧な作業

【実績】
・ワインに関するECサイトの運営（BASE）
・フリーランスとしてWebサイト制作の活動を開始
・現在、2社と業務提携をして活動中です。

【仕事に対する姿勢】
・丁寧なコミュニケーション
・迅速なレスポンス
・定期的な進捗の報告
・納期厳守

【ご購入の流れ】
依頼内容を下記の【注文時のお願い】に沿って
詳しくお聞かせください。
⇓
納品日の目安と追加で有料オプションが
必要な場合、ご案内いたします。
⇓
お見積もりなど問題なければ、
ご発注を お願いいたします。
⇓
最終的な納品日をお伝えし、サイト構築開始。
⇓
コーディング完了後、ご確認をいただき
無料で修正対応致します。（軽度なものに限る）
最終チェック完了後、データ納品となります。

【注文時のお願い】
この度は、当サービスにご興味を
お持ちくださり誠にありがとうございます。
以下の項目についてご記載いただきますよう
お願いいたします。
・ご希望納期（大体で大丈夫です。）
・デザインデータ
（お見積もりの段階では画像でも結構です。）
・ご予算
・アニメーション実装の有無
（動きのイメージもご提示ください。）
・WordPress対応の有無
・納品方法（データ送付、サーバーアップなど）
・実績掲載の可否

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

【注意事項】
・サーバー、ドメインはお客様でご用意ください。
・納品はデータのお渡しとなります。
・別途消費税がかかります。
・制作させていただいたwebサイトは
　実績としてポートフォリオに掲載させて
　いただく場合がございます。
　掲載不可の場合は予めお知らせくださいませ。
・ご依頼後のデザイン変更は別途追加費用を
　いただく場合がございます。
　予めご了承くださいませ。
（文章の一部など軽度なものに関しては不要です。）

▼ こんな方へおすすめ
・デザインデータはあるけど、コーダーがいない
・デザインデータに忠実にコーディングしてほしい

▼ 提供内容
HTML/CSSを用いた静的コーディング
(WordPressを用いた動的サイトの構築は別のパッケージにて提供しております)

▼ ご購入後の流れ
① デザインデータの確認
② 制作開始
③ 納品
※ ご希望であれば制作前にオンラインミーティングも可能です

▼ 納品方法
制作ファイルもしくはサーバーアップロード

★★クオリティ・スピード重視のWeb制作、お任せください！（即日対応可）
コーディングを専門に行っておりまして、
コーディング歴は８年となり、大手企業（バンダイ様、ネスレ様、プジョー様）など400サイト以上の実績がございます。

★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい！
・素人や副業ではないプロのクオリティでコーディングしてほしい！
・すぐに連絡を取りたい！
・土日祝深夜問わず対応してほしい！

★★ご依頼の流れ
１．ヒアリング
　　コーディングの内容やスケジュールなどを確認させていただきます。
２．ご契約
　　上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
３．コーディングテストアップ
　　コーディングデータをご確認いただき、必要であれば修正等を行います。
４．納品
　　指定サーバへのアップロードまたはデータ送付を行います。

★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください！
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません！
依頼してよかった！そう思っていただける自信があります。ぜひご検討ください。

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

【制作の流れ】

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

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

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

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

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

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

当サービスの特徴

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

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

制作の流れ

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

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

業務内容
本パッケージはWebサイトのコーディング、WordPress構築・カスタマイズのサービスです。

▼こんな方におすすめ
・デザインのみ依頼したい方
・コーダー不足で外注先を探している方
など

Webデザイナー様や制作会社からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。

▼内容
・静的コーディング
・WordPressコーディング（オリジナルテーマ）

▼実績
弊社のクリエイティブチームが参考としているWebサイト集です。
下記URL内のサイトであれば実装可能です🙇‍♀️

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

こんな方にお勧め
LP初心者

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

HTML・CSSを使用して、WEBサイトのコーディングを行なっています。

実績を作りたいためお安く承っております。
料金交渉も可能です。
【基本料金】
10,000円
・ホームページ１ページのHTML／CSSコーディング
※簡単なアニメーション、レスポンシブ対応無料でおつけ致します。

【サービス内容】
・ホームページのHTML／CSSコーディング

【こんな方にオススメ】
・デザインはあるけどコーディングができない
・費用を抑えたい

【納品までの流れ】
❶メッセージでご相談ください

❷デザインと素材のデータをご用意ください。
完成したデザインデータと使用するロゴ、写真、テキスト等の素材をご提供いただきます

❸コーディング / 修正
ご提供いただいたデータをもとにコーディングに着手いたします

❹最終チェック

❺納品
制作実績として自身のポートフォリオへの掲載を御了承ください

デザインデータがあるお客様のコーディングを代行いたします。
コーディングしたデータをお送りしてご確認いただき、よろしければ納品という形になります。

【受注から納品までの流れ】
①金額についてご相談
②了承頂きましたら、デザインデータを頂く
③コーディング開始
④出来上がった状態を確認いただく
⑤問題なければ納品で完了

【自己紹介】
愛知県名古屋市在住の25歳です。
Web制作は2年ほど前から行っており、会社に所属しております。
更なるスキルアップをするために本サイトに登録をしました。
20年間継続して水泳を行っているので、一つのことに対して情熱を注ぐことが得意です。やり抜く力も十分にあり、一切妥協ができない性格です。

Web系開発、4年目になります。

ページ作成、バグ修正には自信があります。
具体的な内容が定まっている場合には、
料金表に記載している期日よりも前倒して作業するように努めます。

まだまだ経験が浅い部分がありますが、精進していきたいと思います。

宜しくお願い致します。

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

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

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

ごあいさつ

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

私、コーディング・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ファイルデータを納品いたします。
　 サーバーへのアップロードも対応可能ですので、
　お気軽にご相談ください。

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

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

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

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

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

【可能な業務】
・デザインカンプからのコーティング〜WordPress構築・公開まで
・ランディングページ制作、スマホ対応
・WordPressの導入・構築・改修（既存テーマでの構築、HTMLサイトのWP化）
・WordPressテーマ「Snow Monkey」を組み込んだホームページ制作（デザインからも承ります）

【制作内容の詳細】
・静的コーティング（1ページ〜）
・タブレット対応、スマホ対応
・お問い合わせフォームの実装（内容に応じて別途お見積り）
・スライダー、スクロール、アコーディオン、ローディング、スクロール、ハンバーガーメニュー等の実装
（各1点5,000円~）
・WordPress化（内容に応じて別途お見積り）

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

Web関係の知識がなくても安心して下さい！
お客様のご要望に全力で対応させていただきます。

少しでもご興味を持っていただけましたら、お気軽にお問い合わせください。
何卒、よろしくお願いいたします！

Figma、XD、PSD、AiのデータからHTML/CSS/JSでLPやHPの制作
レスポンス対応可能です。

■サービス内容
まずはご購入前に事前にメッセージでご相談ください！
ご覧いただきありがとうございます。こちらはHP、LP（ホームページ、ランティングページ）コーディングのサービス出品でございます。

「デザインはできるけどコーディングが苦手」
「外注先を毎回探す手間がかかる」
「コーダーのパートナーを探している」
「外注先の制作費用が高い」

こんなお悩みをお持ちではないでしょうか？本サービスならそのお悩みを解決できます。

【爆速納品、素早いレスポンス】
これらを実現できます。

1,爆速納品
主にコーディングを得意としており、素早く、細部にこだわったコーディングを心掛けてます。
ご依頼いただいた際は、期待を裏切らないよう成果にコミットします。
コーディング時にはHTML、CSS、SASS、jQueryを使いコーディングします。
また、単にコーディングするだけではなくSEO対策を施したコーディングいたします。
SEO対策をすることで検索上位に表示され、集客につながりやすいです。
そのため、SEOを意識したコーディングには力を入れております。

2,素早いレスポンス
普段から素早いレスポンスを心掛けており、
素早いレスポンスでお客様を不安にさせることはさせません。
どんなに遅くても24時間を超えることはありません。

■ベーシックプランに含まれる具体的な内容
・コーディング
・レスポンシブ対応
・簡易的なSEO対策（レスポンシブ対応、Webサイトの表示速度改善）
・アフターサービス（1週間、ご質問承ります。）
以上になります、ご検討の方はお気軽にご相談ください！

購入時のお願い
購入にあたってのお願い

■本サービスの流れ
①ご購入
②コーディング＆修正【1週間】
③納品（zipファイル送付）
④アフターサービス（1週間）

■用意していただくもの
依頼者様に用意していただくものが以下になります（後は丸投げで構いません）。

・デザインカンプ
・会社や個人のロゴの背景透過画像
・ホームページに使用する画像

上記の中で、ご用意が難しい場合にはこちらでご用意が可能です！
それでは納品まで何卒よろしくお願いいたします。

▼こんな方へオススメ
　HTML/CSS/JavaScriptのコーディングで困っている方

▼ご提供内容
　HTML/CSS/JavaScriptコーディングのファイル

▼ご購入後の流れ
　案件の詳細を確認
　納期の確認
　コーディングファイルの確認及び納品

▼作成可能なジャンル
　HTML/CSS/JavaScriptを用いた簡単なLP作成

■作業内容
HTML/CSS/jQueryを用いたコーディング
レスポンシブ対応（PCやスマホなど画面サイズが異なる場合でも適切に表示させるためのものです）
JavaScriptを用いた動的な実装（サイトに動きをつけたい場合に使用します）※jQueryを使用

■料金表
トップページのコーディング：１２０００円 / 1ページ
下層ページのコーディング：１００００円/ 1ページ
レスポンシブ対応：無料
アニメーション・JavaScriptの動的実装：＋２０００円　/　１点
SEO対策用metaタグ設置：無料

■対応していないもの
WordPress
お問い合わせフォームの送信プログラム（フォーム自体はHTML/CSS/JSにて実装可能です）

■制作の流れ

ご購入
↓
ヒアリング（直接購入された場合は購入後にご依頼内容についてお聞かせください）
↓
デザインデータをいただきます
↓
コーディング作業に入ります
↓
コーディングしたものをご確認いただきます（①データファイルをお渡し、又は②こちらのサーバーにアップして確認どちらかお選びいただけます）
↓
修正希箇所があればお知らせください
↓
内容についてご了承いただけたら納品

■納品方法
コーディングデータをZipファイルで送付

■デザインデータ形式
Adobe Photoshop / Illustrator / XD　に対応しております。

■納期
事前にご相談ください。
通常は3日程度（1ページあたり）いただいております。

「費用は抑えたい」「でも高品質なサイトを作りたい」
そんなお客様のニーズに第一に考えております。
是非web制作に詳しい方はもちろん、詳しくない方でも対応いたします。どんな些細なことでいいのでお気軽にお見積り、相談ください。

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

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

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

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

ご覧いただきありがとうございます！
Webサイトのコーディングを承ります。

▶︎こんな方にオススメ！

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

▶︎基本料金に含まれるもの

ベーシックプラン
　・HTML／CSSを使用したWebサイトコーディング
　・レスポンシブ対応（PC／スマホ）
　　※ハンガーガー・ドロワーメニュー込み
　・画像ファイルの圧縮（必要な場合はお申し付けください）
　・テスト確認用サーバーの設置（こちらで用意）
　・アフターフォロー（納品後1週間以内）

　　納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

スタンダードプラン
　・ベーシックプランに加えてフェード表示
　　ホームページをリッチに！

プレミアムプラン
　・ベーシックプランに加えてページ内フォーム設置(Wordpress利用)
　　入力項目はお名前、メールアドレス、問合せ内容
　　※入力項目の追加は別途見積り
　・サーバーへのWordPressインストール

▶︎オプションサービス（基本料金に含まれないもの）
　・Javascript（jQuery）を使用したアニメーションの実装：3,000円〜／1点
　　トップスクロール ／ スムーススクロール ／ スライダー
　　アコーディオン ／ タブ ／ モーダルウィンドウ　等

▶︎納期
7〜14日程度で納品が可能です。

※稼働状況やページ内容により変動します。

◆納品までの流れ

1. ヒアリング（ご相談、デザインデータのご確認、料金見積もり、スケジュール確認）
   ↓
2. ご購入
   ↓
3. コーディング ・テスト
   ↓
4. ご確認・修正
   ↓
5. 納品
   　・ベーシック＆スタンダードプラン
   　　→ zipファイル送付、またはFTPでレンタルサーバーへアップロード
   　・プレミアムプラン
   　　→ サーバーへのWordPress導入

・納期
　約一週間程度で納品いたします．

▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方

▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作

▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。

▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。

▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。

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

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

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

全てお任せください！！

・コーダーの経験年数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


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

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

最後に

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

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

▼こんな方へオススメ
・デザインはあるがHTMLとCSSへの変換に困っている方
・Figma、XD、PSDからWebページに変換したい方
・品質と効率性を求める方
・レスポンシブなWebデザインを求めている方

▼ご提供内容
・Figma、XD、またはPSDからHTMLとCSSへの変換
・CSSのフレームワークを用いたレスポンシブWebデザインの作成
・JavaScriptを用いた動的なウェブページの作成
・修正対応（プランによる）

▼ご購入後の流れ

プランの選択とデザインファイルの提供
コーディング作業
レビューと修正
納品
▼制作可能なジャンル
・企業サイト
・個人ブログ
・ECサイト
・ランディングページ
・ポートフォリオサイト等

▼料金プランやオプション
・ベーシックプラン：30,000円（納期5日、修正2回まで）
・スタンダードプラン：50,000円（納期7日、修正3回まで、レスポンシブデザイン）
・プレミアムプラン：70,000円（納期10日、修正無制限、レスポンシブデザイン、JavaScript、高度なアニメーション）

▼納期
・ベーシックプラン：5日
・スタンダードプラン：7日
・プレミアムプラン：10日