HTMLの依頼・発注・代行

本商品はWEBサイトのコーディングの代行をいたします。
現役WEBエンジニアが、しっかりとご対応いたします。
ぜひお気軽にご連絡ください。

〜〜こんな方におすすめ〜〜
『デザインはあるのでコーディングのみ外注したい。』

その悩み解決します。
・デザインのみに集中したいWEBデザイナーの方
・コーディングを業務委託したい方
・定期的な発注をかけたい制作会社様

全業務真剣に、全身全霊を持って取り組みます。喜んでいただけるサービスを提供いたします。

〜〜お値段〜〜
※実績とランサーズの流れを知るため期間限定で安く提供しております。
・TOPページコーディング　10,000円~
・下層ページコーディング　8,000円〜 / 1 page
・LPコーディング　20,000円〜
・アニメーション　要相談

※上記の値段は目安のため、お見積り時に変動する場合がございます。
デザインの内容、ページの長さによって異なります。
※レスポンシブも価格に含まれます。

修正や部分コーディングも対応可能です。

〜〜対応可能データ〜〜
・Photoshop 、Illustrator、Figma等
※上記に合わせてJPEGもしくは、PNGの画像データをお願いします。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

〜〜納品までの流れ 〜〜

① ヒアリング・お見積もり
② ご契約
③ デザインデータお預かり
④ コーディング
④ ご確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
⑤ 最終確認・納品

〜〜納品形式 〜〜

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

〜〜注意事項 〜〜

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

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

ご覧いただきありがとうございます！
普段はWeb制作会社に勤務しながら、個人でお仕事をいただいております^^

Web制作会社へ依頼される際の一般的な相場よりお安く対応できるように尽力しますのぜひ相見積もりをお願いします！

新規コーディング以外にも既存ホームページの部分的な修正、既存WordPressサイトのカスタマイズも可能です。（こちらでコーディングを行っていないサイトの単発修正は工数の関係上、単価がやや高めになります。）

表示価格は1ページ単価コーディング最低価格となります。"どのようなデザインでもコーディングができる"という意味ではなくpx数やデザインの難易度などの内容によって費用が変わる為、まずデザイン内容などメッセージでご相談ください。
※例えば3,000円ではプライバシーポリシーページのような簡易ページがコーディングできます。

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

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

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

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

◆実績
＜ホームページ制作＞
・海外医療系ホームページの日本語版サイトを制作（コーディング〜WordPressサイト）
・不動産屋ホームページ（コーディング〜WordPressサイト ）
・歯医者のホームページ（コーディング)

HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。

ご覧いただきありがとうございます。
こちらのパッケージでは、制作済みデザインのコーディングを承ります！
LPからコーポレートサイトなど複数ページものまで承ります◎

こんな方へオススメ

• コーディングだけお願いしたいWebデザイナー様
• コーディングの外注先を探されている制作会社様
• コーディングパートナーを探されているWebディレクター様

ご提供内容

• コーディングデータ

ご購入後の流れ

1. デザインデータの受け取り
2. コーディングルール確認
3. コーディング開始
4. テストサーバーにアップし、ご確認依頼
5. 修正
6. 正式納品（納品方法は、ファイル形式とサーバーアップ形式をお選びいただけます）

料金プランやオプション

• すべてのプランでレスポンシブには標準対応しております。
• 納品完了までは修正回数無制限です！（正式納品後は費用をいただいて修正いたします）

ベーシックプラン

• LP（1ページのみ）のコーディング
• 12000pxまで
• HTML/CSSでの静的コーディング

スタンダードプラン

• TOPページ＋下層5ページまでのコーディング
• 1ページあたり10000pxまで
• WordPressにて構築

プレミアムプラン

• TOPページ＋下層10ページまでのコーディング
• 1ページあたり10000pxまで
• WordPressにて構築

【オプション】

• パーフェクトピクセル　　　¥5,500-
• 1000px超過ごと　　　　　  ¥1,100-
• 1ページ追加　　　　　　　 ¥11,000-

納期

ベーシックプラン　　：約7日
スタンダードプラン：約10日
プレミアムプラン：約14日
（仕様やボリューム、対応状況によって前後いたします）

既に経営をされていてある程度仕事が安定している方。
趣味を紹介したいけどホームページ制作の技術がない方。
〇〇なホームページを作りたいって思いだけはあるけど何をしていいか分からない方。
等々…。

「その内ホームページを作ることを考えているけど急いでいる訳ではない」

という方々を対象にしたサービスです。
大まかに作りたいホームページのイメージを教えて頂きます。
こちらで具体的にどのようなページにしていくかをご提案させて頂きます。
通常のWeb制作の現場では、工程表を作成し〇日までにデザインを完了、クライアント様には〇日までに原稿や写真を用意して頂き〇日までに公開。
といった期限を各ページごとに区切って制作を進めていきますが
お忙しいクライアント様の方々は通常業務を行いながら、ホームページ制作の素材を揃えて頂くのは難しいと言ったご意見もお聞き致しております。
そこでクライアント様には期限を区切らず、余裕を持ってホームページ制作にご協力頂くサービスをご用意致しました次第です。

そういった例ではクライアント様のモチベーションの低下から途中で企画が立ち消えになってしまう場合もございますので、着手金として3000円だけは先に頂きますが、「早く原稿を下さい」と言った作業の催促などは致しません。
作業が進むにつれてホームページの規模が分ってきますので、そこで相談しながら最終的な料金をご相談できればと考えています。
「そのご相談内容ですと1万円ならこの程度。5万円でこの程度。10万円ならこの程度」と言った提案や
「この機能を入れたら〇〇円増えますが、〇〇な方法にすればお安くできます」と言った提案をさせて頂きます。
ただし高額な作業を行う場合は、サービスの特性上ある程度の前払い金をお願いします。

私はWeb制作会社に勤めていた経験がありますので
ホームページ制作の工程や技術についてはノウハウを持ち合わせております。
ぜひご一考頂ければ幸いです。

多くの出品パッケージの中からご覧いただき、ありがとうございます。
フリーランスのWebコーダーとして活動しております。

【実績公開可能な方限定で通常料金より50%引き】
初めてのお客様に向けて、特別キャンペーンを実施しております。今なら、通常料金から30％引きとなる特別料金で、私のWebコーディングサービスをご利用いただけます。ただし、条件が3つあります。
①実績公開可能
②デザインカンプ（XD、Figma）
③納期が短期でない

TOPページ：30,000円⇒15,000円
下層ページ：15,000円⇒7,000円

【コーディングをお手伝いします】
制作会社様やデザイナーの方々にお悩みのコーディング不足、個人の方で手が回らないコーディング作業にお力になります。お気軽にご相談ください。

【幅広いサービス内容】
◆ HTML / CSSコーディング
◆ JavaScript / jQueryを用いたアニメーション実装
◆ レスポンシブ対応
◆ 品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）

【制作の流れ】

①ヒアリング
ご要望を詳しくお聞きします。納期、デザイン、動きなどについて具体的なお話をさせていただきます。

②お見積り
ヒアリング内容をもとに、料金とスケジュールをお見積りします。

③制作開始
お見積もりにご同意いただいたら、制作を開始します。

④レビュー
制作が終わったら、テスト環境でレビューしていただきます。

⑤修正
最大3回までの修正を無料で承ります。

⑥納品
納品はzip形式のファイルとしてお渡しします。

【ご用意いただくもの】
・ デザインデータ（XD、Figma）

お問い合わせお待ちしております！
詳細やご要望はメッセージでお知らせください。

「ちょっとした修正だから、全体で募集をするのはちょっと気が引ける」方や「ランサーズを利用してみたいけど、いきなり大きな依頼をするのは心配」という方へ

• 「画像の差し替えをしてほしい」
• 「文言の修正をして欲しい」
• 「ヘッダーやボタンや色を変えたい」
• 「リンクの貼り替えがしたい」
• 「SNSを埋め込みたい」

といった小さなお困りごとから、

• 「WordPressテーマやプラグインの修正」
• 「コンタクトフォームのカスタマイズ」
• 「スライダーの設置」

など、コーディング知識が必要なお困り事まで、プラン別で対応をさせて頂きます。

修正作業の実行前に、メールまたはチャットで、具体的にお困り事をお伺いいたしますので、安心してご相談いただければと思います。

※上記パッケージの範囲内で、修正が困難な場合は別途お見積りをさせていただきます。
また、単発的なサポートではなく、長期のサポート契約をご希望の場合は、お問合せからご連絡をお願いいたします。

これらの価格は、修正の複雑さ、プロジェクトの緊急性、および納期によって変動する可能性があります。具体的な要件を確認できれば、適切な価格のお見積りが可能ですので、一度お問合せをいただければ幸いです。お見積りは無料です。

できる限り、お客様のニーズや予算に応じて、柔軟な対応をさせていただきます。
ぜひ、一度ご相談ください。

Webサイトの修正をサクッとお安く承ります！

★デザインはあるけどコーディングは・・という方のお役に立ちます★

◆はじめに◆
この度は本サービスをご覧いただきありがとうございます。
本サービスでは下記のような方のお手伝いをさせていただいております。

　・コーダーを探している
　・デザインはあるけどコーディングは苦手なので、誰かに丸投げしたい
　・コーディングする時間がない
　・スマホ版もいい感じにコーディングしてほしい
　・ちょっと急ぎめでお願いしたい、、、

無料で迅速にお見積もりさせていただきますので、お気軽にご相談ください。
※デザインも併せて必要な方は別途サービスを出品しておりますので
当方プロフィールよりご参照ください

◆サービス内容◆
　・HTML/CSSを用いたデザインカンプからのコーディング
　・スマホ対応(レスポンシブ)
　・Webページアニメーション機能実装（スライダー、アコーディオン、ハンバーガーメニューなど）
　・Wordpressの導入、構築、改修（カスタム投稿・カスタムフィールドなども対応可）
　・お問い合わせフォームの実装
　・品質チェック(W3Cチェックや表示崩れチェックなど)

◆料金◆
　・ページ修正コーディング：10,000円〜
　・トップページコーディング(スマホ対応)：40,000円～
　・下層ページコーディング(スマホ対応)：20,000円～
　・画像コーディング：10,000円〜
　・LPコーディング：80,000円〜
　・JavaScriptの機能実装：5,000円～ / 1点
　・お問合せフォーム：15,000円〜　※内容に応じて別途お見積もり
　・WordPress化コーディング：20,000円〜
　・特急対応：20,000円〜/1P
※全て税抜です

＜無料オプション＞
　・品質チェック報告書の提出
　・表示速度の高速化のための画像圧縮
　・SEO対策のためのmetaタグ導入、Alt入力
　・テスト環境の構築（ご希望の際は当方のテストサーバーでサイトを確認いただけます）

◆サービス購入の流れ◆
　①ヒアリング&お見積り
　　「見積もり・カスタマイズの相談に進む」より、ご依頼内容の詳細をご教示ください。
　　デザインや納期などを確認させていただき、お見積もりさせていただきます。
　　↓
　②お客様にて仮払い
　　見積もりや納品日に問題がなければ、こちらから見積もりの回答をさせていただきます。
　　ご確認いただき、仮払い手続きをお願いいたします。
　　↓
　③コーディング開始
　　仮払い確認後に、コーディングを開始いたします。
　　↓
　④お客様にてご確認、報告書提出
　　テスト環境より構築したページを確認いただきます。
　　また、その際に報告書も併せて提出させていただきます。
　　↓
　⑤修正対応
　　修正がございましたら最大3回まで対応させていただきます。
　　↓
　⑥最終チェック
　　修正箇所も含めて最終の確認をお願いいたします。
　　↓
　⑦ファイル一式をzipファイル化し納品(別途希望がありましたらご相談ください)
　　最終チェック完了後、データを納品させていただきます。

◆納期◆
最短1ページ3日にて納品させていただきます。
※特急対応の場合です
※リソース状況や実装内容により変動ございます

丁寧な仕事を心がけております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご連絡ください。

15年以上に及ぶ Webサイトの開発・サーバー構築・保守・Webサイト運営
などの経験があります。その間、数々のトラブルに遭遇し対応してきました。
この経験を生かして、本サービスを提供しております。

ホームページ（Webサイト）でのトラブルというのは、例えば以下のような内容になります。

・ Webサイトにアクセスできなくなった。
・ Webサイトにアクセスするとエラーが表示される。
・ Webサイトが思った通りに表示されない（思った通りに動作しない）。
・ Webサイトに変更を加えたいが、その方法が分からない。

ブラウザ上でURLを指定し、そのページが表示されるまでには様々な工程があります。
主な工程は以下です。

1. DNSによるドメインの名前解決
2. TCP接続(TLS接続)
3. HTTPリクエストの送信
4. HTTPレスポンスの受信
5. 各種リソースのダウンロード
6. HTMLのレンダリング処理（CSSによる装飾処理、JavaScriptの実行を含む）

実際は、この1つ1つが複雑な処理を実行しています。
トラブル対応では、この中のどこに問題があるのかを判断する必要があるのです。
当然、無数のトラブルが存在しますし、これに対応するには
それ相応の経験が必要となります。

想定外の現象が起きた際には、是非ともご相談ください。

■■■ サービスの流れ ■■■

(1) 見積り相談

・トラブルの内容についてお聞かせ下さい。
・対応可能であるかどうか検討させていただきます。
・対応に必要な必要な情報をお知らせいたします。

(2) 原因調査開始

・原因の調査を開始します。

(3) 原因調査の結果をご報告

・原因の調査結果をお知らせいたします。
・対応作業まで行うかどうかをご相談いたします。
・内容によって、オプション価格の追加が必要になる場合がございます。

(4) 修正作業（必要な場合）

・修正作業を行います。

(5) 修正作業結果のご報告

・修正作業の結果をご報告いたします。
・問題なければ、「納品」とさせていただきます。

私のサービス内容は、JavaScript、React、Tailwind CSSなどの最新技術を使用して、高品質なウェブサイトを開発することに焦点を当てています。クライアントのニーズに合わせた動的でインタラクティブなウェブサイトを専門に提供します。シンプルなウェブページの開発から複雑なウェブアプリケーションの構築まで、ユーザーエクスペリエンスを重視した革新的でレスポンシブなソリューションを提供します。さらに、クライアントの期待に完全に応えるために、必要に応じて修正を行い、満足度を確保します。

My business focuses on developing high-quality websites using the latest technologies such as JavaScript, React, and Tailwind CSS. I specialize in creating dynamic and interactive websites tailored to the specific needs of clients. Whether it’s developing simple web pages or building complex web applications, I am committed to delivering innovative and responsive solutions that ensure a superior user experience. Additionally, I work to ensure client satisfaction by offering revisions as needed to meet their expectations fully.

〇こんな方へおすすめ

・HPはほしいけど、なるべく費用を抑えたい
・納期を短く依頼したい
・デザインはあるけど、コーディングができない
・とにかく誰かにコーディングを頼みたい

〇業務内容

・コーディング代行
・HP修正
・レスポンシブ対応
（※内容によっては対応不可の場合もありますが、まずはご相談ください。）

〇ご依頼の流れ

①ご相談・お見積り
　要件や納期、予算などお気軽にご相談ください。
②コーディング
デザインカンプを元にコーディングを行います。
コーディング後は品質チェックを行い調整します。
③確認
お客様にコーディングしたサイトをご確認いただき、ご要望に応じて修正を行います。
④納品
コーディング後のファイル一式を納品いたします。
ZIPファイルまたは本番サーバーへのアップロードでの納品となります。

〇費用

HP修正:1点3000円～
ランディングページのコーディング:10000円～
ホームページのコーディング（5ページ程度）:50000円～

〇納期

修正1,2点程度:最短即日
LPコーディング:5日～
HPコーディング:14日～

〇実績

自身の下記ポートフォリオサイトにて公開しております。
ぜひご覧ください。
https://yuriportfolio.net/portfolio/

ここまでご覧いただき、ありがとうございました！
もしご依頼いただければ丁寧、迅速な対応をさせていただきたいと思っております。
ご連絡を心よりお待ちしております。

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

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

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

★お客さまのご要望・ご予算に応じて最適なプランをご提案★

◆はじめに◆
この度は本サービスをご覧いただきありがとうございます。
本サービスでは個人の方や企業様の目的に合わせてホームページを制作させていただいております。
お客様に満足・安心していただけるよう、柔軟で丁寧な対応を心掛けております。
※まずは最初に見積もりの相談をお願いできれば幸いです

◆こんな方にオススメ◆
　・自分で簡単に管理・更新できるようなホームページがほしい
　・名刺代わりにしたい
　・ブランディングを行い、顧客からの信頼度を高めたい
　・売上・集客につなげたい
　・ホームページを作りたいけど何から始めればいいかわからない
　・低価格でおしゃれなかっこいいホームページが欲しい
　・起業・開業・新規事業展開でホームページが必要になった
　・一から全て相談したい。色々教えて欲しい
　・オリジナルデザインで差別化を図りたい

上記以外でも、お客様のご要望にできるだけお応えできるよう
納得のいくホームページを制作いたします！
ビデオチャットでもご相談をお受けしておりますので
お気軽にご相談ください。(事前相談費用は制作費から引かせていただきます)
https://www.lancers.jp/menu/detail/302882

★サービスの特徴★
　・予算にあった最適プランをご提案
　・お急ぎの場合にも対応
　・知識のない方でも安心できる
　・幅広い業種のホームページに対応
　・内部SEOの対策込み

★サービス内容★
　・ワイヤーフレーム制作
　・デザイン制作
　・コーディング
　・CMS導入(自分で更新可能になります)
　・スマホ、タブレット対応(きれいに表示されます)
　・内部SEO対策(検索されるための対策です)
　・Googleマップ・動画・SNSの埋め込み
　・お問い合わせフォーム

★納期★
最短1週間納品(※)ですが、基本的には2週間〜が目安となります。
ご希望の納期がある場合はご相談ください。
※特急対応のみ
※稼働状況により、作業日数を更にいただく場合もございます。

迅速・丁寧にホームページ制作いたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

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

【最初に】
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

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

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

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

●こんな方へオススメ
　・これからコーディングを学びたい方
　・Webデザイナーを目指す方
　・Webサイトを制作したい方
など

●ご提供内容

　・HTML、CSSの基礎知識

　・コーディング記述

　・コーディングで模写制作

　・コーディングでレスポンシブ
※コースによって内容は異なります。

●ご購入後の流れ
　1. まずは、ご相談ください。(ヒアリング含む)
　2. 初回オンラインレッスンの日時設定
　3. 初回オンラインレッスン開始

ご覧いただきまして、ありがとうございます。
信頼関係を大切に、丁寧な対応を心がけております。
本サービスはWordPressオリジナルテーマ構築やコーディング代行サービスです。

【半額キャンペーン】
Lancers駆け出しの為、モニター価格としてお見積りより半額で対応させていただきます。

【当サービスの対応可能範囲】
・HTML、CSS(Sass)、JavaScriptを用いたコーディング、アニメーションの実装
・レスポンシブ対応(どのような画面幅でもデザイン崩れなく綺麗に表示するよう努めております。
・WordPressオリジナルテーマ構築、セキュリティ対策
・お問い合わせフォーム
・公開作業

【納期】
【LPコーディング】
6日〜
【HPコーディング】
14日〜
※デザインデータ受け取り翌日からの日数です。
内容によって柔軟に対応いたしますので、ぜひ一度ご相談ください。

【主な制作の流れ】
①ヒアリング、お見積り、要件確認
②デザインデータ、画像等のご提示
③コーディング・テスト
④ご確認※修正等あれば柔軟に対応させていただきます
⑤納品

【納品方法】
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
納品後の修正等あれば迅速に対応させていただきます。
ご相談だけでも、ぜひお気軽にお問い合わせください

【基本料金】
・トップページ￤10,000円～
・下層1ページ￤5,000円～
・LPコーディング￤10,000円～
また、簡単なアニメーションは無料で対応させていただきます。
※料金は目安となります。
お一人ずつお見積りをしておりますので一度ご相談くださいませ。

【ご依頼に当たっての注意事項】

・ご準備いただきたいもの
・デザインデータ
・素材　（画像の加工は行なっておりません）
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。

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

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

◆以下の方にオススメ！

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

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

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

◆納品までの流れ

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

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

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

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

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

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

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

◎画期的な効率と最終的な結果を推進する、ユーザー中心の堅牢なソリューションのエンジニアリング
◎ソフトウェアマーケティングキャンペーンのリードデベロッパーおよびディレクターとして7年以上の経験
◎最適な結果を更新し、献身的に努力して予算通りにお客様に提供します。
◎ソフトウェア開発ライフサイクルのすべての段階で熟練している。ビジネス要件を技術ソリューションに変換する専門家。品質、使いやすさ、セキュ

１ページの簡単なホームページのコーディングをいたします。

約10年間、DTPでグラフィックデザインをしていましたが、
web制作に転身しました。
良いホームページを作るために
頑張りますのでよろしくお願いいたします。

レスポンシブは＋1,000円
jqueryの実装は＋1,000円でお願いいたします。

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

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

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

出来上がっているデザインに対して、正しくコーディングします。

こちらのサービスは、シンプルでお洒落な外観のwebサイトを制作するサービスです。
手の込んだデザインはいらないけど、最低限のお洒落さがほしい方にピッタリとなります。

■-----

〇デザイン面
・シンプルで洗練されたプロっぽいデザイン
・シンプルで邪魔にならないアニメーション
・使いやすさを損なわないレイアウト

上記をデザインの方針として、お洒落さと使いやすさのバランスがとれたwebサイトを制作していきます。

〇機能面
・レスポンシブ対応（PC、タブレット、スマホ対応）
・アニメーション化
・お問い合わせフォーム（メール通知＆スプレッドシート連携可能）

〇ページ数
1～10ページ

〇その他
・htmlの外部ファイル化
・cssのscss化
・javascriptのリファクタリング（コードの整理）

■-----

なお、こちらのサービスはwebサイトの外観部分をメインに取り扱います。
内部的なところ（SEO対策やアナリティクス）も高いレベルで実装したい方は、別途他のサービスをご利用ください。

【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業（zipで納品も可能です）

【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。

◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。

◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております！

初めまして。デザイナーのsawada-designの澤田(さわだ)と申します。

依頼内容を拝見し、以下のような流れで進めさせて頂ければと考えております。

[時間の目安]
購入後に作業を開始しますので、具体的な納期は購入後に相談・設定させて頂けますと幸いです。

[納品時の形式や分量]
制作物によりますのでご相談して決めていきたいと思います。

[使用ソフト、環境]
・Adobe Photoshop
・WordPress
・visual studio code
・HTML
・CSS
・Wix
・Word
・Excel
・PowerPoint
・MacBook Air

[1日に作業に取り組める時間]
・平日：5〜6時間程度
・土日：10〜12時間

[完了予定日]
土日でも対応していますので、ページ数によりますが、早期納品可能です。

[購入時のお願い]
修正回数は無制限とさせて頂いております。

都度作業状況をご報告しながら進行させて頂ければと思っておりますが、
ご不安な点があれば事前にメッセージよりご相談ください。

【自己PR】
現役のデザイナーとして活動をしております。
私自身は普段から下記を意識して取り組んでいます。
・迅速なレスポンス
・納期厳守
・最後まで責任をもってやる
なので誠心誠意対応させて頂きたいです。

私であれば、お役に立てるかと存じます。是非お任せ頂けると嬉しいです。
ご不明点や気になる点などございましたら、お気軽にご質問ください。

▼Recommended for People Like This:

• Businesses looking for a professional online presence.
• Startups needing a landing page to capture leads.
• Individuals wanting a custom-designed portfolio or personal site.
• Companies seeking modern, responsive multi-page websites.

Contents of the Service:

• Landing Page Creation: Custom-designed, responsive single-page websites.
• Multi-Page Website Development: Full websites using HTML, CSS, JavaScript, and Tailwind CSS.
• Custom Design: Unique designs created with Figma, integrated into your website.
• Responsive Design: Ensuring compatibility across all devices (desktop, tablet, mobile).
• Interactive Features: Implementing dynamic elements using JavaScript.

HBIE:

• High-quality designs
• Bespoke solutions tailored to your needs
• Interactive and engaging user experiences
• Expert development using modern technologies

▼Flow After Purchase:

1. Initial Consultation: Discuss your project requirements and goals.
2. Proposal and Agreement: Review and agree on the project scope, timeline, and pricing.
   3. Design Phase: Create design mockups and get your approval.
3. Development Phase: Build the website based on approved designs.
4. Review and Revisions: Perform final revisions and testing.
5. Delivery: Launch the website and provide support for any issues.

▼Genres That Can Be Produced:

• Business Websites
• Portfolio Sites
• Landing Pages
• E-commerce Sites (basic setup)
• Personal Blogs

Pricing Plans and Options:

• Basic Plan: ¥10,000 - Responsive landing page (7-10 days)
  - Medium Plan: ¥15,000 - Multi-page website with Tailwind CSS (10-14 days)
• Premium Plan: ¥20,000 - Custom website with Figma design and advanced features (14-20 days)

▼Delivery Time:

• Basic Plan: 7-10 days
• Medium Plan: 10-14 days
• Premium Plan: 14-20 days

「webサイトを作りたいけど、どうしたらいいかわからない...」

そんな悩みをお持ちなら、まずはお気軽にお声がけください！

迅速かつ迅速に対応させていただきます。

・進め方を相談したい

・デザインの方向性から相談したい

・サイトにどんな機能が必要か検討がつかない

などわからないことが多い場合はテレビ通話やメッセージにての相談も可能です！

▼予算

コーディング 1ページ  10,000円〜

サイトのトップページ コーディング 20,000円〜

サイトの下層1ページ コーディング 10,000円〜

サイトデザイン1ページ 18,000円〜

まずはご希望をお聞かせください！

価格の交渉も受け付けます！

▼対応可能な業務／スキル

・HTML/CSS

・jQuery

・MySQL

・Ruby（Ruby on Rails）

・java(Springboot)

▼経歴

高校卒業後半導体製品のテストを作成し、
基本PCの勉強をしながらWEB制作の勉強を開始。

現在はWEB制作系の企業でプログラマー・エンジニア見習いとして活動しています。

またWeb制作に関しては、HPをはじめデータベースなど総合的に対応することが可能です。

▼活動時間／連絡について

平日：19時〜24時
土日：8時〜22時

なお、上記の時間外でも、連絡は速やかにお返しするように努めます。

急ぎの案件等もお気軽にご相談ください。

▼簡単な自己紹介

アニメを見ることが好きで、最近色々なものを
見漁ってます！呪術廻戦とか！

最近ハリーポッターも見返そうかと思ってます！
(アニメじゃないですね笑)

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

このたびはご覧いただき誠にありがとうございます
WEBコーダーとして活動しているTatsuと申します

コーディング代行として
・コーディングの人手が足りていないWEB制作会社様、フリーランスの方
・WEBデザインを他で作ってもらいコーディングしてほしい個人の方
の方にオススメです！

ランサーズでの実績はまだ少ないため期間限定でお安く提供させていただきます
ぜひよろしくお願いいたします

★★★基本サービス内容★★★
基本料金のみで下記内容に対応します

□デザインカンプをもとにコーディング
　→可能な限りperfectpixelを意識
　※金額は1ページ単位です

□アニメーション実装可能
　→ドロワーメニュー/ハンバーガーメニュー/画像スライダーetc
　→２箇所まで
　※上記以外は内容によってお受けできない可能性があります
　※３箇所目〜はオプション料金になります

□スマホ・PCのレスポンシブ対応
　→最低限デザインが崩れないよう対応いたします
　→片方しかデザインがない場合、デザインの細かい修正は出来ませんのでご了承ください
　※デザイン指定のレスポンシブ対応はオプション料金になります

□問い合わせフォーム実装
　→PHPを使った簡単な物、またはformrunという外部サービス
　※内容によっては別途お見積りになる場合があります。

★★★当方の強み★★★
□pug + stylus + gulpを使ったコーディング
　→ファイル+画像の圧縮をして表示の高速化
　→迅速に納品いたします

□perfectpixelを意識
　→可能な限りデザインを再現
　※PCのChromeにて対応。100%再現できるものではありません

〜要相談が必要なサービス〜
・WordPressテーマ化
・デザインから作成
※状況によってはお断りさせていただく可能性もございます

〜お役に立てない、またはお受けできないケース〜
・納期がかなり短い、お急ぎの方
・ログイン機能やカート機能などのシステム系

〜納期〜
・１ページあたり２〜４日が目安です
・デザインやアニメーション内容により変動します

〜納品ファイル〜
・HTML、CSS、JS、imgを圧縮、zipファイルにて納品いたします

★★★全力でお受けさせていただきます！ぜひ当方にお任せください★★★

●HTMLコーディング
●CSSの利用・修正
●PHPでのHTML記述・調整

↑全てワンペーパーで開発致します！

条件：
・1ページ and 1デザイン
・1デバイス and 1ブラウザ
・2オブジェクト and 1ファイル

但し、条件を満たない場合でも１時間以内に開発可能な場合は★ONE PAPER★

お仕事のご依頼宜しくお願い申し上げます。

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

HTML/CSS/Javascriptを使って、Webサイトを制作いたします。
ノーコードで作るサイトよりもデザインの自由度が高く、お客様の「伝えたい」をカタチに出来ます！

▽▼▽▼▽▼▽▼

＼こんな方にオススメ／
・デザインやWebのことに詳しくなく依頼に不安な方
・すでにサーバー契約をしている方
・デザイン的に自由な表現をしたい方

◆サービスの特徴◆
・専門用語は使わずわかりやすい説明！
・パッと目に留まるデザイン！
・修正無料！

◆サービスの流れ◆
制作するWebサイトの目的や詳細をお聞かせください。
↓
あれば、Webサイト内で使用するテキストや画像をご提示ください。
↓
ラフ提案でデザインのチェックをお願い致します。
OKが出ましたらコーディングに入らせていただきます。
↓
制作しましたサイトのチェックをお願いいたします。
ご納得頂けるまで修正いたします。
↓
修正終了後、サイトを公開し、納品とさせていただきます。

※ご購入前に「購入にあたってのお願い」をご一読頂けると幸いです。

具体的な完成イメージを教えていただけると早期納品につながり、
値段以上にお客様が満足いく作品が出来上がります！

▽▼▽▼▽▼▽▼

以上を踏まえまして、ご購入・ご相談の際は下記質問にお答え下さい。
後に、さらに詳しくヒアリングさせていただきます。
↓↓

【ご購入前の質問】
❶ サイトを制作する目的

❷ ビジネス上の競争相手であるライバル企業や、デザインの雰囲気を真似して欲しい参考サイト

❸ ロゴ、イメージ画像などサイト内で使用したい画像の有無

❹ 原稿の有無（ご用意が無い場合は、一緒に打ち合わせ致しましょう♪）

❺ サーバーを契約しているか

❻ 納品物を制作の実績としてポートフォリオやSNSに掲載可能か

❼ 納期限

購入にお悩みの場合は、DMよりお気軽にご相談ください。
ご相談もご依頼も、心よりお待ちしております。

新規WordPressサイト構築や、既存サイトのWordPress化など対応いたします。
公開後もできるだけお客様ご自身で更新を行いやすいよう、カスタマイズも可能です。
ご希望に合わせてカスタマイズ案などをご提案させていただきます。

【カスタマイズの例】
・投稿機能の追加（お知らせ、商品紹介、FAQ等）
・カスタムフィールドの設置
・ページャーの追加
・パンくずリストの追加
・お問い合わせフォームの設置
・各種SNSの埋め込み
・関連記事リスト
・人気記事ランキング
・絞り込み検索の

上記にない項目でも、対応可能なものは多数ございますのでお気軽にご相談ください！

ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。

当サービスでは、デザインデータからHTML/CSSコーディングを承っております。

ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など

ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化（オリジナルテーマ化）
・簡単なアニメーション（ハンバーガーメニュー、スライダー、アコーディオンなど）

【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。

【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。

ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator

ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。

ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング（HPやLPの詳細や要件についてお伺いします）
③制作開始
④ご確認と修正（制作したHPをご確認いただき、必要に応じて修正させていただきます。）
⑤納品（基本的にはZIPファイルでの納品になります）

ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。

▼こんな方におすすめ
友人や外注でWebサイトを作ってもらえたのはいいが、ページ追加や文言・デザインの変更をしたい。
でもやり方がわからない方。

▼ご提供内容
すでに運用されているWebサイトに文言・デザインの変更やページの追加を行います。

▼ご購入後の流れと納品物

1. 簡単なご挨拶と、どのような変更をしたいのかをヒアリングいたします。
2. クライアント様がお持ちのWebサイトがどのサーバーに登録されていて、どのファイルを変更してもらいたいかを確認します。
3. ファイルを修正し、ページの修正内容がご希望通りか確認させていただきます。
   3.1. ご希望通りでしたら、4に進みます。
   3.2. ご希望通りでない、または追加での修正をお願いしたい場合は、こちらで修正をいたします。(修正は3回までとさせてください。)
4. クライアント様へファイルを納品いたします。(ファイルのアップロードの仕方がわからない場合は対応させていただきます。)
   以上になります。

▼私個人の実績
・2021.10から2023.9の間、SEとして自社開発の製品(ECパッケージ)で要件定義・機能サイズ・開発・テスト・保守を経験
・現在は、公共のシステム開発に参画中(基本設計～)
ECサイトの構築を経験しており、HTML/CSSの経験も長けておりますので、ご安心してお任せいただけたらと思います。

▼最後に
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
ご連絡いただければ、すぐに対応できる態勢を整えますので、どうぞよろしくお願いします。

ご覧いただきありがとうございます。
ご安心してお取引いただけるよう、丁寧な対応とご連絡を心がけております。

■サービス内容

• HTML / CSS コーディング
• Javascript
• CSSアニメーション
• WordPressへの実装
• お問い合わせフォーム

■料金内対応

• 基本的なJavascript
• レスポンシブ対応
• meta description / OGPタグ / ファビコン等、基本的な内部SEO対策
  　> ファビコンをご希望の場合はロゴデータをご用意下さいませ。
• 画像圧縮によるサイト高速化
• テスト環境のご用意
• 修正無料

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

• ハンバーガーメニュー
• アコーディオンメニュー
• タブメニュー
• スライドショー
• モーダルウィンドウ
• ページトップへのスクロール
  その他サイトによく実装されている動きに関しましてはご相談下さいませ。

■コーディングに関して
どの端末幅にも対応したフルレスポンシブ対応になります。
※ご依頼の際はAdobe XD、Illustrator、Figmaいずれかのデザインデータをご用意下さいませ。

■WordPressへの実装に関して
基本料金12,000円となります。
詳細な料金に関しましてはページ数・量によりますのでご相談下さいませ。

■お問い合わせフォームに関して
１ヶ所・１０項目まで基本料金内で対応いたします。
PHPでのフルスクラッチ実装 / Googleフォーム埋め込み
に対応可能です。

■納期
以下は目安になります。
デザインの内容・量により変動いたします。
　トップページ１４日
　下層１ページあたり７日
デザインデータ受け取りからの日数になります。
お急ぎの場合は柔軟にご対応いたしますのでご相談下さい。

■アニメーションに関して
スライドショー、ポップアップ、ドロップダウンメニュー等はもちろんのこと、
その他の動きについてもご希望がありましたら、ぜひご相談ください。

■実機での確認に関して
　Google Chrome　Mac/Windows/Android
　FireFox、Microsoft Edge　Mac/Windows
　Safari　Mac

最後までご覧いただきありがとうございます。
ご不明な点がございましたら、お気軽にお問合せ下さいませ。

会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します

納品物
貴殿のサーバーにアップします

素材など（画像、文章など）を準備していただき、それを使って作っていきます

今までたくさんのサイトを作ってきました

◾サービス内容
・HTML / CSS / jQuery を使ったコーディング
・保守、運用を考慮したCSS設計
・スピーディーかつ思いやりのある報連相
・gulpの環境構築
・gitでのコード管理

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

◾サービス料金について
上記に記載してある金額はあくまでも目安となっております。
作成するページ数や案件内容に応じて金額は変動いたします。
ご予算に応じて調整できますので、お気軽にご相談ください！

◾納品までの流れ
「見積り・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　↓
納品日の目安と、追加で購入が必要なオプションが有る場合ご案内いたします。
　↓
お見積り・サービス内容に問題がなければ、ご発注ください。
その際にサイトのデザインデータ（XD、Figma、Photoshop、Illustrator）をお送りください。
また、デザインデータから書き出すことのできない素材（画像など）に関しても、お送りいただけますようお願いいたします。
　↓
最終的な納品日を再度お伝えし、サイト構築を開始いたします。
　↓
コーディング完了後、ご確認いただき３回までは無料修正対応いたします。
最終チェックが完了後、データ納品となります。

◾経歴
名古屋大学工学部にて機械系システムのプログラミングを学習。（現在学部４年生）
プログラミングスクール「デイトラ（Web制作コース）」を卒業。
現在のWebサイト制作会社にて、長期インターン生として実務経験を豊富に積んでおります。

「丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗報告、納期厳守」を
常に意識し、クライアント様を不安にさせません。

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

ご覧いただきありがとうございます。
本パッケージはLP（ランディングページ）のコーディングを代行サービスです。

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

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

▼サービス内容
LP１ページのコーディング（スタンダード・プレミアム）
JavaScript（jQuery）を用いたアニメーションの実装も可能です
（例：アニメーションをボタンにつけることでCVR UP）

レスポンシブ対応は料金に含まれております
表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います。

▼料金
既存ページのカスタマイズ・修正、追加セクションなど10,000円
基本料金35,000円
ボリューム多い場合など、プレミアム料金55,000円になります

【料金が追加となる例】
・CSS、JSアニメーション
・アコーディオン、スライダーなどの機能
・お問い合わせフォーム（WordPressはプラグインで実装）
・PC、スマホでレイアウトが大きく違う
・フレキシブルレイアウト
・リキッドレイアウト
など

▼ご用意いただくもの
デザイン：ファイル形式はIllustrator・XD・Photoshopなど
サイト内の原稿：コピペできる形でご共有お願いいたします。
画像素材

▼納品
html・css・jsファイルをzipでまとめて納品となります
サーバーへのアップロード作業も可能です

▼アフターフォロー（納品後２週間以内）
不具合があれば無料で修正させていただきます

▼こんな方へオススメ

クオリティの高いサイトを作りたい！運用を考慮したサイトを作りたい！アクセシビリティに配慮したサイトにしたい！などご相談ください。
また、以前コーディング依頼をしたが期待した制作物が納品されなかったご経験のある方、満足させる自信があります！

▼納品物

HTML, CSS, jQueryのファイルをご提供
ご希望があれば SCSS, SCSS, pug, ejs などのテンプレートエンジンファイルの納品も可能です。

▼納品までの流れ

1. デザインカンプのご提供 (先方)
2. ページ作成時の考慮点などの確認 (先方・当方)
3. 制作開始 (当方)
4. 一次納品物を納品 (当方)
5. ご確認・FB (先方)
6. FB対応 (当方)
7. ご確認・FB (先方)
8. FB対応 (当方)
9. 納品 (当方)

▼金額・納期

デザイン、物量、アニメーション、JSの有無などで金額・納期などご相談させていただければと思います。

某企業にて10年の実績があり！
webデザイナーやエンジニアへ業種変更達成率97％！

▼講師
有限会社ヒューマンリンク研究所
代表取締役社長　小池

制作会社にてプログラマー兼コーダーとして下積みをし、Webデザイナーへ転身
最後の転職としてメディア運用を選び、サイト運用の重要性とWebマーケティングの知識を身につけ独立
一人でプランニング・デザイン・コーディング・プログラミング・Webコンサルまでマルチにこなせる業界でも珍しいプレーヤー

▼こんな方におすすめ
・webデザイナーを目指している人、転職をしたい人
・webサイトを作ってみたい人
・webマーケティングやwebコンサルに転職を考えている人
・web業種に未来を感じている人

▼主な内容
・ベーシック
web会議による座学を行います（約2時間）
デザインからどのようにしてHTMLを構築するのか
タグはどれを使ったら良いのか、デザインをどうやってHTMLに落とし込むのかを学べます

・スタンダード
ベーシックの内容に加えてCSSについての簡単な座学を行います（約2時間）
HTMLのタグをどのようにしてデザイン通りにするのかの基本が学べます

・プレミアム
スタンダードの座学に加えて全10工程の実践をチャットツールなどを駆使しマンツーマンで行います（約30日）
PCのサイトをテキストエディタを使って作れるようになります
＜用意必須＞
・adobe Photoshop

▼ご購入の流れ
ご購入後に講座の日程を決めるためにご連絡をいたします
日程決定後にZOOMのURLを発行します
受講後に講座で使用したPDFを納品して終了となります
プレミアムの場合は全10工程を完了した時点で納品となります

■自己紹介

Web業界15年の経験があります。
Webデザインはもちろん、WordPress組み込みサイト数100サイト以上。
Web解析士の資格を持ち、様々なサイトの改善提案をしてきました。

■サービス内容
静的なHTMLとCSSをワードプレスに組み込みます。

様々な業種のサイトで多数の経験があるわたくしがワードプレスの組み込みを行います。
組み込み時に多少の想定外のことがあった場合、それも含めて対応します。

■料金に含まれる内容
・HTML＆CSSをワードプレスに組み込み
・組み込み時のレイアウトの調整
・ワードプレスのプラグインやセキュリティ、SEO対策などのアドバイス

是非、お気軽にご連絡ください。

購入にあたってのお願い
購入前のご相談やお打ち合わせが可能です。

ーーーーー

ますは、HTMLとCSSをご用意ください。
納期などもお知らせいただけたらと思います。

私はHTML＆CSSのコーディングを専門とするフリーランスです。主にWebサイトやLPの制作において、デザイナーから提供されたデザインデータをもとに、HTML＆CSSのコーディングを行います。

コーディングにおいては、Web標準に基づいたマークアップを心がけ、レスポンシブデザインにも対応します。また、必要に応じてJavaScriptを利用したアニメーションや動的なコンテンツの実装も可能です。

コーディングに際しては、クライアント企業の要望に合わせた細かい修正や改善提案を行い、高品質な成果物の提供に努めます。納品前には必ず動作確認を行い、クオリティーの向上に努めます。

実績として、Webサイトのトップページや商品ページ、LPなど、様々な案件に携わってきました。常に最新の技術トレンドを意識し、最高の品質とスピードで仕事を進めることを心がけています。

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

プランによって無料修正回数が異なります。

こんな方にお勧め
・Webページを作成してほしい

どんな課題がある
・Webページの作り方が分からない

何を提供できるのか
・お客様が求める品質以上のWebページを作成します！

具体的な納品物
・1～10ページのWebページ

進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします！
・どんなことでもお気軽にご連絡ください！

私の強み
・コミュニケーション能力
・情報収集能力

HTML/CSSのコーディングが可能です。
WordPress案件も引き受け可能です。お気軽にご相談ください。

サイトを検索上位に上げるために、SEO対策施行を行います！

作業としましては、コードにSEOに関するコーディングを追記する
作業を行いますが、事前に狙いたいキーワードを考えておいてください。

キーワードは、多く書き込みすぎると反映されにくくなるため、
10キーワードくらいがベストと言われています。

作業は以下の流れで行います。

ヒアリング → コーディング → テスト確認 → 納品

ご質問にもお答えしますので、気軽にご相談ください。

こんな方におすすめ▼
お試し感覚で依頼をしてみたい方

ご提供内容▼
既存サイト、新規サイトのhtml/cssコーディングをいたします

価格▼
既存サイトの修正：￥10000
新規静的サイト：￥15000
CMS構築：￥20000

オプション▼
下層ページ+1枚：￥5000
手直し(3回目以降)：￥1000/1回

申し込みから納品まで▼
お申し込み▶デザインファイル(XD, Figma, Photoshop, Illustrator)送信▶デザインファイル受け取り▶コーディング▶納品▶手直し(3回まで無料)▶完全版納品

初めまして菊池と申します。

WEBデザイナー/UI/UXデザイナーをしております。

ポートフェリオに制作実績のサイトを記載しております。
https://no1inc7819.wixsite.com/mysite-1

閲覧者を惹き付けるデザインイメージを、具現化することを得意としております。
（制作者側の目線で制作するのではなく、閲覧者目線でのデザイン制作を心掛けております。）

UI/UXデザインでは(ユーザーと製品・サービスとの接点)を強く意識して制作しています。

ECサイト等での商品販売では、売上アップにはデザイン画像(訴求含)で90％以上、閲覧者が商品を購入するかが決まるという統計が出ています。

私の制作では、購買意欲を促すデザイン画像(訴求含)を制作することでライバル社と差別化を図り売上アップに繋げます。

楽天等での販売では、集客はECサイトがしてくれるので、集客にこだわる必要はありません。

技術(美容系)や不動産などのサービスでも、デザイン画像(訴求含)が一番大切です。

技術系(美容系)などのサービスを販売する企業様は、集客を自社でしなければなりません。
上記のサービスでは、集客(SEO、SNS)を利用して集客するのが大切です。

アクセス解析により、あらゆる情報が分かります。
(年齢層、性別、都道府県、閲覧時間、曜日時間の閲覧者数他)

商品販売、サービスの販売も、現状より売上をあげるのは難しいことではありません。

サービス販売では、アクセス解析の情報をもとにして、集客を増やし他社と差別化したレアなデザインで売上を上げる。
商品販売では、他社には制作出来ない閲覧者を惹き付けるデザイン画像(訴求含)を制作するだけです。

自社のサービスをブランド化し、リピーターの顧客様を獲得することが大切です。

【可能な業務】
LP、HP制作（お勧めはWIX、HTML5、CSS3、Javascriptでの制作も可能）、デザイン画像制作、UI/UXによるWEBコンサル、SNS集客、デザインカンプ制作、ECサイト用デザイン画像制作、各種デザイン画像制作、他。

どのようなお仕事でも、ご相談頂ければ、親切丁寧に対応させて頂きます。
ご相談だけでも、親切丁寧にご対応させて頂いております。

納期を守ることはもちろん、丁寧、迅速なコミュニケーションを一番に心がけております。

ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。

【こんな方にオススメ】
デザインはあるが、コーディングができない方。
時間がなくて、仕事を外注したい方。

デザインデータをいただければランティングページ(広告サイト)やホームページをHTML,CSSにて作成します。
ご要望によってはサイトに動きを付けたり、管理がしやすいようにWordPressを導入致します。

初めての方でも、安心して依頼をしていただけるように契約前に打ち合わせをさせていただいております。
必要なものをすり合わせて、迅速かつ高品質なサイトをお作りいたします。

納品後も１ヶ月無料でサポート、修正しております。

【作成できるサイト】
簡単なホームページ
ランティングページ
※レスポンシブ対応込

【サービス内容】
・HTML,CSS,JQuery,PHP,WordPressを使い制作しております
公開した状態でお渡し可能です。更新などのサポート、修正いたします。
お作りするサイトは、スマホ・タブレット・パソコンなどのデバイスに対応しています。

・修正は3回まで

・デザイン性の高いサイト制作、管理や変更がしやすいサイト制作。

【ご用意いただくもの】
・テキストや写真※決まってない際はご相談ください。
・背面透過のロゴ
・参考となるサイト※決まってない際はこちらでイメージに近いような物を探します。
・サーバー、ドメインなどの情報。

【オプション内容】
・定期更新業務
・文章提供
・記事作成代行
・サーバー、ドメインの契約から管理

▼こんな方にお勧め
・写真などの素材はあるが、ブログのレイアウトや記事内容が不安
・もっと若い世代にフォーカスを当てた記事の作成をしたい

▼具体的な進め方
1.お客様からの要望の確認
↓
2.画像素材等があればそちらの受け渡し
↓
3.素材の収集（２がない場合）
↓
4.記事作成
↓
5.商品受け渡し
↓
6.修正など

ホームページのコーディング、ホームページ修正対応します。
こちらのサービスはTailwindCSSを使用したコーティングでございます。

TailwindCSSのメリット

１.
クラス名を考えなくて良い。CSS設計の規則が導入されているプロジェクトだと一つのク ラス名を考えるのに数分とられてしまうのも珍しいことではありません。TailwindCSSではその必要がないです。

2.
CSSのファイルがむやみに増えない。従来の方法だと新しい機能やコンポーネントを追加するたびにどんどんCSSファイルが増えていくことになります。TailwindCSSではCSSを新たに書く必要がないため、CSSファイルの数が膨大になり、管理が大変になるといったことが起きません。

3.
安全に変更が可能になる、HTMLファイルに変更が閉じられるので影響範囲が増えない 例えば「paddingがデザインと少しずれていたので直したら、別の場所のレイアウトが壊れた」なんていう経験は誰しも一度はあるのではないでしょうか？ TailwindCSSであればHTMLに対して直接スタイリングの定義を行うため、上記のような問題は発生しません。

デザインは原則、Adobe illustrator、Photoshop、XDでの支給をお願いしておりますが、それ以外の場合はご相談下さい

ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも

・できるだけ安くお願いしたい。
・時間より価格！
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい！

など、サイト構築でお困りの方はお気軽にご相談ください！
相談は無料です！
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。

●使える機能一例
・jQueryを使ったアニメーション実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど）　
・お問い合わせフォームの実装
・レスポンシブ対応

基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。

●制作の流れ
まずはご相談ください。
1．依頼内容のヒアリングを行います。
　　↓
2．デザインデータのご提供。納品日の目安などをお伝え致します。
　　↓
3．コーディング。完了後、ご確認いただき、無制限で修正対応致します。
　※大幅なデザインの変更は対応致しかねます。
　　↓
4．最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
　※サーバーへのアップロードはログイン情報を共有させていただきます。

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

【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。

「WEB」「HP」制作の
「サポート」から「制作作業」など、
様々なお手伝いをさせていただきます。

「コーディング方法」や「不具合の解決」など
簡単な「サポート」から、
「制作」「コーディング」も。

部分的な修正も可能です。
「１ページ」「１サイト」のコーディングもご相談ください。

ご希望をお聞かせいただければ、
できるだけ、ご希望に沿った対応をさせていただきます。

LPページ(ペラサイト)の制作です。
2ページ目以降の作成はメッセージにてお問い合わせお願いいたします。
コンテンツボリュームにもよりますが、約２日で納品が可能です。

▼対応想定機種は、
・スマホ
Iphone5〜10(safari)
Android 7〜(google chrome)

・タブレット
ipad

・パソコン
windows(firefox,googlechorme,IE)
mac((firefox,googlechorme,safari)

現役WEBデザイナー（実務経験6年以上）がHTML・CSSコーディング作業を代行いたします。

・WEBデザインまではできるがコーディングは外注したい
・すぐに動けるコーダーを探している
・経験のあるコーダーに仕事を依頼したい
といったWEB制作会社・デザイン会社さんにおすすめです。

いただいたデザインデータを基にコーディングを行い、忠実にデザインを再現したサイトデータを納品させていただきます。

基本サービスでは静的サイトのコーディングまでを行います。
ご相談いただければ、オプションでレスポンシブ対応、JQuery（Javascript）での機能実装や、静的サイトのWordPress化（テーマ作成）までご対応可能です。

＜基本サービス＞※１ページ
・HTML・CSSコーディング
・デザインデータからの画像書き出し
・お客様サーバー環境にアップロード（ZIPファイル納品も可）

＜オプションで対応可能＞
・１ページ追加：¥5,000
・レスポンシブ対応：¥5,000〜
・トグル（開閉）ボタン、ドロワーメニュー、スクロールアニメーションなどjQuery（JavaScript）での機能実装：¥5,000〜 ※１機能、要ご相談
・WordPress化：¥10,000〜
（カスタム投稿やカスタムフィールド、プラグインの設定等が必要な場合は別途お見積）
・お問い合わせフォーム実装：¥15,000 ※WordPressサイトの場合のみ（プラグインにて実装）
・お急ぎ納品：¥10,000
・実績掲載不可：¥5,000

＜ご用意いただくもの＞
・デザインデータ（Illustrator、Photoshop、XD）
・サイトに使用する画像やテキストデータ
・ご契約サーバのFTP情報 ※サーバへのアップロードご希望の場合

＜納品方法＞
お客様のサーバーへアップロード or ZIPファイルで納品

＜納品までの流れ＞
①お見積のご相談
②正式なお見積のご提案
③ご購入（取引開始）
④デザインデータ等の受領
⑤コーディング作業開始
⑥ご確認（弊社テスト環境上にアップロード）
⑦修正作業
⑧納品（お客様のサーバーへアップロード or ZIPファイルで納品）

ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり！

安心してあなたのWebサイトをお任せください！

【デザイナー様、企業のWeb担当者の方へ】

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

ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。

”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな？」と思ったら、お気軽にご相談ください。
相談は無料です！
どんどん相談しちゃってください！

価格
⚫︎修正、更新のご依頼：要相談　最低価格が3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：44,000円〜

⚫︎ホームページのコーディング（５ページ以内）：100,000円（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

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

実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

デザイナー様からLPコーディング依頼
制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

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

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

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

あなたのワードプレスサイトに会員機能を設置いたします！

ワードプレスセットアップ後に引き継ぎますので、
それまでの作業を済ませておいてください。

セットアップやカスタマイズも対応できますが、
こちらは別途費用が必要となります。

会員機能を設置すると会員利用者と非会員利用者の区別化ができ、
その利用者に対して、メールの配信や特別サービスもおこなえます。

＼ こんなお悩みありませんか？ ／
・昔ホームページを作ったけど知識がなくて更新できていない
・画像を差し替えたい
・文章を変更したい
・崩れている箇所がある
・画像の文字を修正したい
・動画を埋め込みたい
・スマホ対応にしたい
・項目を追加したい
などなど組み合わせ自由で対応いたします！
※画像を作成することも可能です。（有料オプション）

作業の目安は1日2時間程度です。
内容により対応量が変わりますのでお気軽にご相談ください。

ホームページ制作をお願いしたい人向け。

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

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

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

●可動時間
平均3時間

以下の業務を請け負います。
・既存サイトのHTMLの部分変更
・既存サイトのデザイン（CSS）変更
・既存サイトのレスポンシブ対応
・静的デザインのHP制作

Webデザインから納品（HTML、cssなど一式格納したZip形式）までが業務範囲となります。
サーバーの新規開設ならびにアップロードは対応いたしかねますことご了承ください。

写真データはライセンスの都合がありますため、貴社にてご用意いただくようお願いします。
※フリーライセンス画像で問題なければ当方で用意します。
※フリーライセンスの証明が確認できるサイトで最適な画像を当て込みます。
※最適な画像がない場合は別途相談させていただく場合がございます。

NDA締結可能です。
HTML/CSSの保守は業務範囲外となります。制作までとなります。

修正は3回まで無料でお受けいたします。