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

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

制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

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

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

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

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

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

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

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

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

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

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

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

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

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

本サービスは静的サイトのコーディングを行います。

【基本サービス内容】（すべてのプラン共通）
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境（サーバ）へのアップロードテスト

【プランの種類】
・ベーシック・・・TOPページのみコーディング（納品前のデザイン変更に伴う修正３回まで）
・スタンダード・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正３回まで）
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正回数無制限）

【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可

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

【納品方法】
zipファイル

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

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

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

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

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

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

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

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

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

★こんな方へオススメです★
🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい

そんな方の期待にお応えします！
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております！

「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております！

【当サービスの特徴】
🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保

【対応できる業務】
🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築（オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応）
🔸既存サイトの更新業務（Wordpressも可）

【制作の流れ】
①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

【納品方法】
zipファイル / FTPサーバー / WordPress環境にデータ移行

【稼働時間】
6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします！
土日問わず対応できます！

気になることがあれば、まずは一度お声掛けください！
ご相談だけでも構いませんのでお気軽にどうぞ！

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

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

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

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

★業務内容

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

★サービス内容

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

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

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

★納品までの流れ

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

★納品方法

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

★ご準備いただくもの

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

★お約束

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

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

運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。

些細なエラーやバグの対応であれば￥2,000(税別・手数料別)

1件のみの対応でも可能。

もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。

◆こんな方と繋がりたい
・ コーダー不足で外注先を探している制作会社様
・コーディングは外注したいデザイナー様

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

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

初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。

〜こんなことお困りではないですか？〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない

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

▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応（PC版・スマホ版のどちらかのみでもOK）
・アニメーション（GSAPやjQueryを使用した動きの実装なども可能）
・既存Webサイトの改修など

他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作

・LP（ランディングページ）のデザイン
◉WordPress構築
・WordPressサイト構築：50,000円〜（テーマでの構築）
・WordPressサイト構築：100,000円〜（オリジナルテーマでの構築）
　※詳細：トップページ＋5ページ

▼対応可能な内容
・ホームページ・LP（ランディングページ）などのシングルページ制作

ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。

▼納品までの流れ
1.お見積もり＆ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認


5.納品（サーバーアップロードまたはzipファイルの送付）

▼納期
要相談（ページ数やコンテンツにより変動）
※ご相談は無料ですので、お問合せください。

▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正（文言や色の変更など）は、1週間以内であれば無償対応いたします。

▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
　※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
　※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法

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

当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。

【料金】
先着10名様　15,000円〜 お受け付け致します。
通常料金　20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化　10,000円
※修正無制限、レスポンシブ対応無料

【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品

【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。

【対応可能な業務範囲】

・HTML/CSS（Sass）コーディング
・JavaScript（jQuery）を用いたアニメーション実装
・お問い合わせフォーム設置
・その他スポット修正

【標準的なお見積り】

・トップページ：10,000円~ (5セクションまで)
・セクション追加：5,000円 / 1セクション
・下層ページ：5,000円~ / 1ページ
・静的LP：10,000円 / 10,000pxまで
（以降10,000px毎に5,000円）
・お問い合わせフォーム：5,000円
・スポット修正：ご相談ください

【納品までの流れ】

1.お見積もり/ご購入
２.デザインデータ等お預かり
３.コーディング作業開始
４. 当方のテスト環境にてご確認・修正
５.最終確認・納品（サーバーアップロードまたはzipファイルの送付）

【納期】

応相談。
7日を基本となりますが、内容により前後いたしますのでまずはご相談ください

こんな方へおすすめ

・検索順位を上げたい。

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

・人手が足りない。

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

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

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

▼こんな方にお勧め
デザインはできるけどコーディングは任せたい
規模はそんなに大きくないからできるだけ費用を抑えたい
料金の見積もりが読めない…

▼ご提供内容
HTML/CSS/JavaScript(jQuery)を使用しての静的なサイトのコーディング業務（デザインは行っておりません）
作成物の規模で若干料金は変動してしまいますが、
ハンバーガーメニュー、スライダー、アコーディオンメニューなど動きのある部分も含めての料金です。
（何を、どんなものを導入したいかはわかる範囲でお知らせいただけると柔軟にご対応できるかとおもわれます。
テストアップのサーバー環境はこちらでご用意いたします。

↓以下のものはお客様の方でご準備お願いします。
・使用する画像
・デザインデータ　（photoshop / Adobe XD / Figma / illustrator）
・有料フォント,有料画像など別途料金が発生するもの。
・レンタルサーバー、ドメイン

▼ご購入後の流れ
①情報収集
作成物に関しての詳細をお聞かせください。
（例：ページのボリューム、実装したいパーツ、納期など、また他に気になる点、気を付けてほしい点がありましたらその旨、お伝えいただければ柔軟に対応させていただきます。）

②制作開始
お客様から必要なデザインや画像をいただき、①ですり合わせた内容を含めた制作を開始させていただきます。

③修正
仕上がった制作物をテストアップいたしますので確認していただき、修正の有無のご指示をいただき、修正がある場合は修正対応させていただきます。
（この段階での修正回数には制限は特に設けませんが、回数、内容によってはお時間をいただく場合がございます。また、修正の範囲を変更に関しましては対応できない場合がございます。）

④納品
zip形式での納品、もしくはFTPソフトからのアップロード

⑤料金の確定・お支払い

なお、納品後2週間以内であれば簡単な修正も無料で承りますのでご安心ください。

▼料金
納期が２週間以上ゆとりのあるLPコーディングであれば一律で10000円（納期によって料金が変動いたします。）
（レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。）

▼納期
プランを選択するとともにご相談ください。

ただいま実績作りとしてお安くサービスを提供させていただいてます。
安かろう悪かろうではなく、一案件ごとに誠意をもって一球入魂で対応させていただきます。
ぜひ、この機会にご一考願えたらと思います。

当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。

とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。

実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。

さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。

◆サービス内容

・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)

◆料金表

・トップページ(10.000px程度まで)　：　10,000円

『有料オプション』
　・下記の有料オプション表をご覧ください。

『無料オプション』
　・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
　・ホバーアニメーション(１種類で共通)
　・ハンバーガーメニュー
　・フェードイン(１種類で共通)
　・スライダー(シンプルなもの)
　・基本のSEO対策
　・ファビコン設定
　・OGP設定

※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。

◆納品までの流れ

①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品

◆デザインについて

デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。

◆納品方法

・ZIP形式
・サーバーへのアップロード

◆納期

稼働状況によりますが、1ページにつき３日程度を予定しております。
（シンプルなホームページやLPの場合)

◆注意事項

・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し１週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。

◆最後に

まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。

最後までお読みいただきありがとうございました。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

< 納品方法 >
zipファイル

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

**初回割引20%OFF！**
**2回目のリピーター割引10%OFF！**

「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」

こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください！

■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP)　※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応　※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品

■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装　※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入

■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください！
また、初回割引、リピーター割引もご用意いたしております！

■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。

■■納品方法について■■
制作データをzipファイルにてお渡しいたします。

■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ！
確認でき次第、迅速にご回答させていただきます！

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

【制作の流れ】

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

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

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

当パッケージページをご覧いただきありがとうございます。

お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。

コーポレートサイト、LP、ECサイト（静的部分のみ）など
html/css+javascriptを使用したサイト構築が対応可能です。

採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、

・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト

など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。

料金に含まれるもの

＊スタンダードプランの場合

1.PCのデザインカンプ7000pxまでの静的コーディング　＊1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ（ご希望の場合のみ）
5.W3Cでのバリデーションチェック

[基本的なjavascriptとは・・・]

スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト

追加料金が必要となるサービス例

・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携（インスタグラムグラフAPI）

お断りさせていただいてる作業例

・50ページを超えるご依頼

制作期間

目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。

納品形式

ランサーズ上でのzip納品

ご相談時に必要なもの

デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。

対応可能なターゲットブラウザ

win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新

iPhone:iOS最新のsafari
Andoroid:最新varのchrome

当パッケージをご覧いただきありがとうございます。

ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。

★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
　

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

・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安

上記のような悩みが1つでもある方は、ぜひご相談ください。

コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。

Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。

当パッケージをご利用するメリット

・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能

ご依頼・制作の流れ

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

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

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

個人事業（3年目）でコーディングとWordPress構築をメインに活動している「金杉 優希（かなすぎ ゆうき）」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。

・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。

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

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

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

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

【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください！

●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。（こちらで用意する際は別途有料）

●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例　等

●価格
・1本制作につき、10,000円
・画像、文章作成は追加料金（※内容は要相談）
・修正費用（※内容は要相談）

▼こんな方へオススメ

・コーダーの外注先をお探しのデザイナー様・制作会社様

▼サービス内容

・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。（料金に含みます）

▼ご用意いただくもの

・デザインカンプ（ファイル形式…XD・Photoshopなど）
・原稿（テキストデータなどのコピペ可能なデータ）
・画像

▼料金プラン

・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン（３ページ以内）⋯25,000円
・Webサイトコーディングのプレミアムプラン（４ページ以上）1０ページ以上の場合は別途ご相談ください。⋯50,000円

▼納品

・制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。

あなたの想いを形にする、丁寧で見やすいHTML/CSSコーディングで、Webサイトを魅力的にしませんか？

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

Webサイトの見た目を改善したい、レスポンシブ対応にしたい、アニメーションで動きをつけたい、HTML/CSSコーディングを依頼したい。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや、ページ構成、必要な機能などをお知らせください。参考になるWebサイトがあれば、URLをお伝えください。

要件定義
詳細なヒアリングを行い、要件を明確にします。必要に応じて、オンラインでの打ち合わせも可能です。

お見積もり・ご契約
要件定義に基づき、お見積もりをご提示いたします。料金や納期についてご納得いただけましたら、ご契約となります。

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

納品・修正
完成したWebページをご確認いただき、修正点があればご指摘ください。修正後、最終納品となります。

対応範囲・価格

基本コーディング：10,000円〜
HTML/CSSコーディング（1ページ）: シンプルな構成のページ。

レスポンシブ対応：5,000円〜
レスポンシブ対応: PC、タブレット、スマートフォンなど、各種デバイスに最適化します。

アニメーション実装：3,000円〜
アニメーション実装: JavaScriptを用いて、Webページに動きをつけます（簡単なもの）。

サイト修正：5,000円〜
既存サイト修正: 既存のHTML/CSSを修正し、見た目や機能を改善します。

納期

要相談（案件の規模や内容によって異なります）

制作の流れ

企画・構成
お客様からいただいた情報をもとに、Webページの構成やデザインを検討します。

コーディング
HTML/CSSを用いて、Webページをコーディングします。見やすく、保守しやすいコードを心がけています。

実装
レスポンシブ対応やアニメーション実装を行います。

テスト
各種ブラウザで表示確認を行い、動作に問題がないかテストします。

修正
お客様にWebページをご確認いただき、ご要望に応じて修正を行います。

サービス内容

丁寧で見やすいHTML/CSSコーディングを低価格で提供します。レスポンシブ対応やアニメーション実装も可能です。まずはテスト案件からでも、お気軽にご相談ください。

Webサイトの見た目を良くしたいけど、どこに頼めばいいかわからない...そんなお悩みはありませんか？Satomiが、丁寧で見やすいHTML/CSSコーディングで、あなたのWebサイトを魅力的に変えます！レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください！

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

◇サービス内容
HTML/CSS/jsを用いた静的コーディング
レスポンシブ対応
*既存サイトの修正、ページの追加

◇サービス料金
トップページ 10,000円～
LPコーディング 13,000円～
下層コーディング 1ページあたり6,000円～
アニメーション 6,000円～
*お問い合わせフォーム 5,000円～

以下の要素は無料対応させていただいております！
ホバーアニメーション
ハンバーガーメニュー
*フェードイン
ご希望の際はお申し付けください。

デザイン相違などの修正は無料で何度でも対応いたします！
※デザイン変更は別途料金が必要になる場合があります。

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：30,000円
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・フェードイン：10,000円
・アコーディオン：5,000円

こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。

サービス内容

• HTML, CSS, Javascriptのコーディング
• WORDPRESSテーマの導入、テンプレートカスタマイズ
• WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
• その他、ご要望に応じて特殊機能の実装

すべてのプランに含まれる作業

• WEBサイト構築に必要なコーディング
• PC/SPレスポンシブ対応
• 基本的なSEO対策
• アフターフォロー（大幅なデザイン変更を伴わないものについては納品後1か月間無償対応）

ご要望に応じて対応可能

• お客様でサイト更新を行うためのマニュアル作成
• 不完全なデザインデータから当方裁量によるデザインの補完

お客様でご用意いただくもの

• 公開用（またはテスト用）サーバー契約、ドメインの取得
• デザインデータ（PSD, AI, XD, Figmaなど）
• サイト掲載テキスト（開発時は仮のテキストでも構いません）

ご注文の流れ

• まずはお見積もりのご相談をください。なるべくデザイン画像（サンプル）をいただけた方が正確なお見積りができます。
• お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
• 納期・料金について最終お見積り
• ご発注→作業着手
• 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
• 開発規模に応じて、完成したところから段階的に公開します。
• お客様によるご確認→フィードバック
• お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
• 最終確認をもって作業完了

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以下のサービスを提供できます。

1. 既存サイトのWordPress化:

• サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
• 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。

2. PC専用サイトのレスポンシブ対応:

• サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
• 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。

3. デザインカンプからのコーディング:

• サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
• 特徴: 各種デザインツールのファイル形式に対応可能です。

4. アニメーション付与によるサイトのリッチ化:

• サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
• 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。

5. サイト高速化:

• サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
• 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。

6. その他のサービス:

• サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
• 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。

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

ご覧いただきありがとうございます！
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。

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

デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン　等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限

【料金のイメージ】
・トップページ　15,000円～
・下層ページ　10,000円～
・お問い合わせフォーム（入力＋確認＋完了）　10,000円
・WordPress化　TOPページ：10,000円　下層ページ：5,000円
・WordPress カスタム投稿/カスタムフィールド　5,000円
・アニメーションやJQuery/Javascriptの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品

【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。（一言だけでもお返事ください）
スムーズな進行のためご協力をお願い致します。

約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。

一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。

Javascript等の動的カスタマイズもご相談ください。

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

【制作の流れ】

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

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

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

ランディングページ(LP)・WEBサイト・WordPress導入サイトの

コーディングを承ります！

制作会社様・デザイナー様からのご依頼をお待ちしております。

安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします！

「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。

ー ご発注から納品まで ー

1. 「まずは相談する(無料)」ボタンからご連絡

ご依頼を検討されている内容、ご希望納期等をお知らせください。

2. ご相談内容に返信

ご相談内容に対する回答を返信いたします。

3. ご発注

ご依頼いただく場合は、ご発注にお進みください。

4. 仮払い

ご発注を承認後、仮払いのお手続きにお進みください。

5. 制作開始

仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。

6. テストサーバにてご確認

コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。

7. 納品

ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。

8. 納品後の修正

表示の不具合等が見つかった場合などについては、１ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)
• WordPressの場合は、管理画面URL、ログイン情報

ー お願い ー

デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。

• サイト名
• サイトURL
• DESCRIPTION(サイトの説明文)
• FAVICONについて(用意がなければこちらで簡易的なものを作成)
• OGPの情報(X、Facebookアカウント情報など)
• SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
• デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
• サイト内、外部サイトのリンク先のURL
• お問い合わせフォームの送信先メールアドレス
• お問い合わせフォームの自動返信用メールアドレス
• 開閉したり追尾したり、動きのある箇所。
• ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
• レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
• 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)

※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

・HTML/CSSコーディング
・レスポンシブ対応（PC／スマホ／タブレット）
・簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。

デザインや写真など素材は全部揃っている、コーディング作業だけをお願いしたい、といった制作会社やデザイナー向けパッケージです。

▼△▼こんな方にオススメ▼△▼
▽コーダーが不足している企業様
　日常的に、需要に対してコーディングできる人が足りていない状態です。
　人を雇うまでではないけど、コーディング作業を依頼したい企業様にオススメです。

▽コーディングが苦手なデザイナー様
　ウェブデザインはできるけど、コーディングができない／苦手なデザイナー様も多いと思います。
　デザインデータをもとに、コーディング作業のみお受けします。
　ディレクションやデザイン業務に集中したいデザイナー様にもオススメです。　

▽WordPressが苦手な方
　プラグインなどの管理方法がわからない、テーマをどのように管理したらいいかわからないなど、WordPressでウェブサイトを作成したい人にオススメです。

▽WordPressのバージョンアップにお困りの方
　すでにホームページは持っているが、古いバージョンのために管理が難しい状態となっている方にオススメです。

▽既存のWEBサイトを単発で修正したい方
　すでに稼働しているホームページを修正したい方にオススメです。

▼△▼パッケージ購入で期待できる効果▼△▼
▽困ったときだけ作業を依頼できる
　自社ですべてを賄おうとすると、雇用が必要となります。
　コーディングを外注にすることで、困ったときだけ作業を依頼することができます。

▽専門家に作業を依頼できる
　Webデザイナーの中にも、「デザインが得意な人」「コーディングが得意な人」など様々です。HTML/CSS/JavaScriptに限らず、PHPなどのプログラム言語に特化しているので、いろいろな問題にも対応することができます。

▽ 作業分担できる
　分担して作業した方が効率的です。コーディングを外注することにより、制作会社様やデザイナー様はディレクションやデザインに注力することができ、より効率的に制作物の制作を行うことができます。

▼△▼制作の流れ▼△▼
・ヒアリング、デザインや情報のご提供
・お見積り
・ご契約、仮払い
・着手開始
・納品（初稿）
・検収・修正
・プロジェクト完了

▼△▼サービス内容▼△▼
コーディング作業のみとなっています。
・静的コーディング
・LPコーディング
・WordPressオリジナルテーマ構築
・WordPress既存テーマの修正
・WordPressカスタマイズ
・バグや崩れなどの修正
・サイトの更新　　など

お見積もり、ご相談、ご質問、お悩み、なんでもお気軽にご連絡下さい。

▼△▼納期について▼△▼
１ページの情報量やページ数、アニメーション有無などによって変動します。
どのようなサイトにしたいか、参考にしたいサイトのURLなどの情報をご提供ください。
まずはお気軽にお問い合わせください。

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

迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください！

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

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

「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。

など、コーダーをお探しの方はぜひご検討ください。

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

◆　パッケージ内容について　◆

• 静的コーディング
• ランディングページのコーディング
• レスポンシブ対応（PCサイズ・スマホサイズでの表示変更）
• スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
• 無制限の修正対応

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

◆　ご用意いただくもの　◆

• デザインデータ
• 画像データ（JPG・PNGなど）
• テキストデータ

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

◆　納品までの流れ　◆

①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品

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

◆　納品について　◆

• データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。

• 納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。

HTML・CSSでのコーディングを致します。
またJavascriptなどご要望の場合も別途ご相談ください。

（１）WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。

（２）HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。

レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。

＼絶賛受付中！／
当パッケージをご覧いただきありがとうございます。

中谷寛希と申します。
フリーランスになってから実績が少ないため、HP、LPコーディングの実績を作るために低価格で提供させていただきます。

▽当パッケージの特徴

• ベーシックプランでは既存のHP、LPに対して修正や改良をさせていただきます。どんなに小さなご要望でもお伺いします。
• 一番人気はスタンダードプランです。
• 綿密な打ち合わせをすることで、満足してもらえるLP、HPが制作できます。

▽こんな方におすすめ

• デザインはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
• LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
• コーディングが苦手で誰かに任せたい方

お客様がHP、LPを発注する目的を果たせるよう全力でHP、LPを制作させていただきます。
機械的にHP、LPを作るわけではないので、HP、LP作成や運用についてご相談があれば、お気軽にご相談くだされば幸いです。

▽【価格】

• 修正、改良のご依頼：3,000円～
  （※内容によっては対応不可の場合もございます。）
  システムの都合上10,000円と表記されております。
• LPコーディング：30,000円～
  （内容により変動します。）
• HPコーディング：70,000円～
  （内容により変動します。）

上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。

▽ご利用の流れ
①まずは無料相談
②掲載内容の指定：ヒアリングシートのご記入をお願いします。
③制作開始
④完成：ファイルでのご納品

ご相談はもちろん無料です！
まずは「無料相談ボタン」からお気軽にご連絡ください！

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

本サービスでは、静的サイトやホームペーページ（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情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。

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

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

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

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

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

▼制作の流れ

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

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

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

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

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

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

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

はじめまして。
大学生のタケウチと申します。

飲食店の魅力を引き出すシンプルで使いやすいWebサイトを、丁寧にコーディングいたします。学生ならではのフレッシュな視点を活かし、リーズナブルな価格でご提供します。

こんな方へおすすめ
・飲食店のホームページを初めて作りたい方
・予算を抑えつつ、スマホ対応のサイトが欲しい方
・メニューや店舗情報をわかりやすく掲載したい方
・SNS連携やGoogleマップ埋め込みも検討中の方
・丁寧に対応してくれる若いクリエイターに依頼したい方

ご提供内容
・HTML/CSSによるWebサイトコーディング（トップページ＋複数ページ対応可能）
・レスポンシブデザインでスマホ・PCどちらにも対応
・画像やテキストのレイアウト調整
・SNS連携・Googleマップ埋め込み対応（オプション）
・お問い合わせフォーム設置（オプション）

ご購入後の流れ
1.ご依頼内容のヒアリング
2.ページ構成やデザインのご相談・確認
3.コーディング作業の開始
4.仮納品・ご確認・修正対応（無料修正回数内）
5.最終納品・納品後のサポート

製作可能なジャンル
・飲食店（カフェ、レストラン、居酒屋、バーなど）
・小規模ビジネスのホームページ
・学生団体やサークルの紹介ページ（ご相談ください）
・個人クリエイターのポートフォリオサイト（ご相談ください）

プラン料金のご案内
【ベーシックプラン】5,000円
※システム上10,000円と記載されております。
〜まずはお試し！〜
・トップページ＋1ページ（例：メニュー or アクセスページ）
・スマホ対応（レスポンシブ）
・軽い修正3回まで対応
・学生価格でWebページが欲しい方におすすめ！

【スタンダードプラン】7,000円
※システム上10,000円と記載されております。
〜しっかり伝えたい方に〜
・トップページ＋最大3ページまで作成
・メニュー表の表組み・シンプルなカスタマイズ
・修正5回まで無料対応
・SNSリンク・Googleマップ埋め込み対応（希望制）

【プレミアムプラン】13,000円
〜本格的にWeb集客したい方に！〜
・トップページ＋必要なだけページ作成（最大10ページ目安）
・お問い合わせフォーム設置
・メニューのカスタムデザイン対応
・SEOタグ基本設定
・修正無料、しっかりサポート

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

若さと学びの力を活かし、コストを抑えつつ質の高いWebコーディングをお届けします！

デザインデータからのコーディング、WordPress化を承ります。

デザインデータのコーディング、ぜひお任せください。
デザインに忠実・丁寧なコーディングをさせていただきます。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。

【 各プランに含まれる内容 】
・レスポンシブ対応（PC、スマホでの表示変更など）
　※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。（デザイン変更に伴う大幅な変更は除きます）

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

【 納品までの流れ 】

1. ヒアリング・お見積もり（無料）
2. デザインデータ/画像データ/テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正
6. 最終納品

【 納品方法 】
zipファイル

初めまして！ロゴデザインやweb制作をしております。

【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み

▶︎別途お見積もり
・お問合せフォーム
・WordPress化

【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください！)
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)

【作業環境】
・macOS

【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad

【使用できる言語】
・HTML5(pug)
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP

【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日　水・日

より良い制作を進める為、そして『依頼して良かった！』と言っていただけるように取り組みます。

最後までお読みいただきありがとうございました！
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております！！

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

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

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

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

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

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

■実績

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

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

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

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

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

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

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

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

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

ほんの少しの修正が必要だけど、コーダーの手が空いていない！
Webデザイナーの方で、コーディングだけ外注したい！
コーディングが苦手で誰かに任せたい！
Web制作会社様でコーダーのリソースが急に必要になった！

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

当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など

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

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

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

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータのご提供
コーディング・テスト
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

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

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

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

※いずれも最新版です。

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

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

サービス内容

ご覧いただきありがとう御座います
WEBサイトの作成・コーディング代行を承っています

※ご依頼の仕事は納品後、実績として公開することはありません。

◇作業内容
・HTML/CSS/JavaScriptを用いたコーディング
・ホームページ・LP等のWEBサイト制作
・レスポンシブの対応
・お問い合わせフォームの実装(PHP使用)
・JavaScriptを用いたスライダー、アコーディオン等の実装

・修正や追加作業も受け付けています

◇料金
•メインページ　10000円〜
•下層ページ　5000円〜
　(メインページの半分以下を想定しています)
•修正や追加作業　3000円〜

•アニメーション　ハンバーガーメニュー　スライダー アコーディオン等、シンプルなものなら無料でやります
　(複雑なものは、追加料金を頂く場合があります)
•お問い合わせフォームの実装　10000円〜(PHP使用)
※金額は目安です。作業量により増減します
ご相談ください
出品のシステムの都合上10000円以上の設定になっています

見積もりのカスタマイズの方からお問い合わせください

◇作業の流れ
•ヒアリング
↓↓
•お見積り
↓↓
•作業開始
↓↓
•必要ならテストサーバーにアップ　確認修正
↓↓
•最終確認後、納品
※納品はzipにてお渡しします。

◇納期
　3日〜
　デザインデータを確認した上でお知らせします
　お仕事を受けた翌日を作業開始日とさせて頂きます
　作業量により3日以内に納品が可能な場合があります
　

※注意事項※

jqueryは極力使いません。
WordPressやノーコードツール等は使用しません。
デザインデータは、Inkscapeかfigmaで確認します。

出先で確認することがあるかもしれないので、予備でjpegかpngのデザインデータがあると確認しやすいです。

【the one】プロフェッショナルHTML/CSSコーディング代行サービス

こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。

サービス概要

• HTML/CSSコーディング代行
• JavaScript/jQueryによる動的機能実装
• レスポンシブWebデザイン
• デザインカンプからのコーディング（Figma, XD, Photoshop対応）
• WordPressテーマカスタマイズ

the oneが選ばれる理由

品質保証：細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応：最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応：明確なコミュニケーションと細かな要望への対応を心掛けています。

料金プラン

修正・更新作業：3,300円〜
ランディングページコーディング：50,000円〜
ホームページコーディング（6ページ以内）：100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。

制作の流れ

• ヒアリング：ご要望と納品希望日を詳細に伺います。
• お見積もり・ご契約：内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
• 制作開始：デザインデータをもとにコーディングを開始します。
• 確認・修正：初稿提出後、クライアント様のフィードバックに基づき修正を行います。
• 納品：最終確認後、納品（zipファイルまたはサーバーへのアップロード）を行います。

ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505

本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。

内容から判断がつかない場合は
お気軽にお問い合わせくださいませ！

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築（BEMを使ったCSS設計）
・静的サイトのWordPress化、WordPressオリジナルテーマ開発

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
１．ヒアリング　
　└　正式なご依頼前にまずご相談くださいませ！
２．ご契約　＆　仮払い
３．制作開始
４．確認　＆　修正　
　└　ご検収いただくまで誠心誠意ご対応させていただきます。
５．納品

依頼の流れ

　　1. ご相談・ヒアリング

2. デザインデータ（PDF / 画像 / Figma など）の受領
3. コーディング作業
4. テスト・修正対応
5. 納品

納品形式
• HTML / CSS ファイル一式
• 必要に応じて画像最適化
• ZIPにまとめて納品可能

サービス内容

「デザインはあるけどコーディングができない…」
そんな方に向けて、LPコーディング代行サービスをご提供します！
• HTML / CSS コーディング
• レスポンシブ対応
（スマホ・タブレット最適化）
• PDF / 画像データからの
コーディングもOK
• 細かい余白・デザインの
再現性にこだわります

丁寧 × スピード対応 が得意です。
まずはお気軽にご相談ください！

初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。

・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方

お悩み解決いたします！
もちろんその他のご相談も大歓迎です。

レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
（複雑な動きのあるもの、1Pが長いものなどについては要相談です。）

SEOを意識したコーディングでサイトのアクセス数アップも見込めます。

○サービスの流れ

1. ヒアリング（作業ボリュームなどをお伺いし、お見積もりをご相談）
   ↓
2. デザインデータ確認
   ↓
3. コーディング開始
   ↓
4. テストアップ
   ↓
5. 修正
   ↓
6. 納品

○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
（簡易的なデザインであれば即日お渡しできます。）

Web初心者さんでも安心！
Webサイト制作・修正・カスタマイズを承ります。

✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応（レスポンシブ調整）
• 新規ページ作成（トップページ・LPなど）
• 複数ページ制作や簡単な機能追加（フォーム・Googleマップ埋め込みなど）

💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応

★初めての方へ★
はじめまして。
こちらは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です。
ポートフォリオについては公開・掲載が難しいものがありますので、お手数ですが個別にお問い合わせいただければと思います。

WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!

【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方

【制作環境】
■BEMをベースとしたCSS設計が可能（予測・拡張・保守・再利用しやすい）
■Gulp使用（CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与）
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能（SEO対策、セキュリティ対策、サイトパフォーマンス向上も可）

レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます！

【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。

【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。

最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。