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

サービスを閲覧いただきありがとうございます！
まずはお見積もりからお願いしております。

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：30,000円〜 / 1ページ
・WordPress-下層ページ：10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイル

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

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

迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。

宜しくお願い致します。

★＝＝＝初めての方へ＝＝＝★
Webサイトの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決するサービスです。

もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください。
あなたの不安を全て解消して、納得していただいてから正式にご依頼していただきます＾＾

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

★＝＝＝価格＝＝＝★

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

【LPコーディング】
33,000円でご対応します。
上記は基本料金になります。
長さによっては変動いたしますので、ご了承ください。

【HPコーディング】
６ページ以内：55,000円
６ページ以降は１ページ8,000円の追加費用がかかります。

＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

★＝＝＝納期＝＝＝★

【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
14日〜
＊依頼内容によって変動いたしますのでご了承ください。

・納品までの流れ
①依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認・修正
⑤納品

★＝＝＝実績＝＝＝★

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

・デザイナー様からLPコーディング依頼
・制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
・個人事業主の方から静的ホームページの修正依頼など

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

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

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

2022 Top 100 Lancer掲載の認定Lancerがコーディング代行いたします！

コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 外注先をお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

2. 出品者から相談者様へ返信
　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【WordPressテーマ化について】

ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

ランサーズ参入にあたり、先着５名様限定でお得にお試しいただけるプランをご用意いたしました！
全１ページのHTMLコーディングでしたら、ボリューム・デザインに関わらず20,000円（税別）追加料金なしでご依頼いただけます。どうぞこの機会にお試しください！

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

【本サービスの強み】
◼︎高品質なサービスをとてもお得に試せる
先着５名様までの限定価格ですので、ぜひこの機会にお試しください。

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

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

◼︎内部SEO対策
W3Cの基準に沿って適切な見出しやタグでマークアップし、W3Cチェッカーで構造や構文にエラーがないことを確認します。
ご希望に応じて、タイトル・ディスクリプション・OGP等のmetaタグを設定いたします。
こちらで設定することも可能ですが、しっかりと対策を行いたい場合はあらかじめ内容をご用意いただくことをお勧めいたします。
何を設定したら良いかわからない場合はサポートいたしますので、お気軽にご相談ください。

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

【LPのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしても活動しておりますのでデザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

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

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約後の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

▼エンジニア歴16年の私が制作代行します▼

制作代行のご依頼でこんなお悩みはありませんか？

・代行依頼したがレスポンシブが対応しきれていない。
・構築に関して、仕様提案をしてほしい。
・依頼途中で飛ばれて困っている。
　　
　　　　▼▼▼

そんなお悩みのある方は、エンジニア歴16年の私がご対応します。
これまでの重大なミス・クレーム件数は0件です。
大手での勤務経験を活かし、当たり前のように責任感のあるご対応をします。

チェックリストを用いた品質確認後に納品させていただきますが、
修正・変更等がございましたらお気軽にご連絡ください。

－－－－－－－－－－－－

【実績】

　26サイトの構築
　※掲載不可が多数
　
－－－－－－－－－－－－

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
   　ご依頼内容を記載し、ご連絡ください。
   　※参考サイトをご提示いただけますと幸いです。

2. 出品者から相談者様へ返信
   　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
   　納得いただいた場合に注文をお願いします。

4. 製作開始
   　随時、進捗報告させていただきます。
   　また、確認事項が発生しましたらご連絡致します。

5. 納品物の確認と修正
   　お客様に納品物をご確認いただきます。

6. 最終納品
   　修正箇所・追加のご依頼など全て対応し、納品と致します。
   　※追加の場合は別途費用についてご相談となります。

－－－－－－－－－－－－

【最後に】

私にとって「仕事」とは「喜んでいただくこと」です。
パートナーとしてお取引して良かったと思っていただけるよう、
ご対応させていただきます。

何卒、よろしくお願いいたします。

こちらのパッケージはコーディングの代行、WordPress構築（オリジナルテーマ制作）
のサービスです

こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様

現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。

丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています！

●●パッケージ内容
▶︎静的コーディング
　・LPコーディング
　・コーポレートサイトコーディング
　・JavaScript（jQuery）を用いた各種アニメーション対応
　・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
　・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
　・テスト環境
　・基本は無料修正対応
▶︎WordPress構築
　・オリジナルテーマでの実装可

●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末：Mac/Windows/iPhone/Android
ブラウザ： Chrome、FireFox、Microsoft Edge、Safari

●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行

●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub

●●対応デザインデータ
・Figma / XD / Photoshop / Illustrator

●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております

●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作（EJSコーディング、Githubソース管理）
※こちらでの公開は控えますが、お見せできる実績もございますので
　一度お声掛けいただけると幸いです

●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます

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

本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・60件以上の販売実績有り！
ランサーズ参入にあたりお試し価格でプランをご用意しております。
ぜひお気軽にご相談下さいませ！

■□――――こんな方におすすめ――――□■

「デザインデータはあるけどコーディングをする時間がない」

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

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

■□―――― 料金 ――――□■

・トップページのコーディング：10,000円 〜
・下層ページのコーディング　：8,000円〜 / 1ページ
・LPのコーディング：25,000円〜
・アニメーション：要相談
・Wordpress構築：要相談

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

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

■□―――― 対応可能データ ――――□■

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

■□―――― 納品までの流れ ――――□■

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

■□―――― 納品形式 ――――□■

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

■□―――― 注意事項 ――――□■

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

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください

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

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

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

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

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

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

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

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

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

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

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

※いずれも最新版です。
※IEへの対応は終了いたしました。

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

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

サイト制作会社様やWebデザイナー様へ

ランディングページ（一枚ものページ）のコーディングを承ります。

こんな方におすすめです！

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

コーディングのお困りごとに丁寧に対応させて頂きます。

まずはご相談ください。

詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。

『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。

【納品までの流れ】

1.DM（ダイレクトメッセージ）をお送りください
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力してください。

2. 相談者様へ返信
　送っていただいた内容について質問や回答をお送りさせていただきます。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

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

◎コーディングを行うデザインデータ

購入にあたってのお願い

■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。

2022 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

LP（ランディングページ）でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 下請けをお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

2. 出品者から相談者様へ返信
　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

• ドメインとレンタルサーバーのご契約済みであること
• DNS設定が反映されている状態であること
• FTP接続情報のご用意

WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

• レンタルサーバーのコントロールパネルのログイン情報
  または
• phpMyAdminへのログイン情報

※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。

パッケージ内容

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

HSP（Highly Sensitive Person：非常に感受性が強く繊細な気質を持った人）の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。

当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。

【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします（システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします）。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。

【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。

【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。

【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。

【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品

【基本料金に含まれる内容】
・1ページのコーディング（あまりに長い場合は追加料金がかかります）
・HTML/CSS（Tailwind CSS）/JavaScript（Next.js）を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング（2つ以上のブレークポイントが必要な場合は追加料金がかかります）
・無制限の修正（デザインが大きく変わる場合は追加料金がかかります）

【追加料金について】
・2ページ目以降のコーディング：2,000円〜
・複雑な動きのあるWEBサイトの作成：3,000円〜
・2つ以上のブレークポイント：2,000円〜
・最初のデザインから大きく変更がある場合：3,000円〜

私からのメッセージ

ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。

私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。

お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。

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

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

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

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

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

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

1. HTML／CSSコーディング
2. レスポンシブ対応
3. 画像、CSSファイル、JavaScriptファイルの圧縮
4. テスト確認用サーバーの設置（こちらで用意）
5. アフターフォロー（納品後1週間以内）
   →納品後のテキストや画像の差し替えは無料対応いたします。

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

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

◆納期

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

◆納品までの流れ

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

◆お見積り参考例

【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px：31,000円
・ページトップボタン：無料
・ドロワーメニュー：10,000円
参考価格：41,000円

【8ページのホームページコーディング例】
・トップページ（長さ4,000px）：25,000円
・下層ページ（長さ2,000px）×6：72,000円
・下層ページ（プラポリ）×1：6,000円
・お問い合わせフォーム：17,000円
・ページトップボタン：無料
・ドロワーメニュー：10,000円
・スライダー：15,000円
参考価格：145,000円

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

本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。

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

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

▼内容
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・WordPress既存テーマカスタマイズ（Snow Monkey、SWELLなど）

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

・Webデザイナー様からWordPress（Snow Monkey）サイトのコーディング依頼
・Web制作会社様から10～15Pの静的コーディング依頼
・Web制作会社様からWordPressサイトの更新、メンテナンス
など

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

ランサーズ開始記念☆大幅値下げ中！

SEO対策込みのコーディングです。Web が専門分野ではない方、Web 関連の業務経験が少ない方。株式会社ネオキャリアの Unistyle Lab には経験豊富なスタッフが揃っています。ご要望を形にするための専門知識は不要です。

【提供内容】

まずはお客さまのご要望をしっかりヒアリングさせていただき、ご要望に沿った対応をいたします。

★ Basic
４ページまとめて￥10,000（ページ単価￥2,500）

★ Standard
８ページまとめて￥18,000（ページ単価￥2,250）

★ Premium
12ページまとめて￥24,000（ページ単価￥2,000）

★ 12ページを超えるご依頼の場合
12ページ以降は
￥2,000／１ページ でのご提供です。

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

1. まずは無料相談
2. ご要望のヒアリング
3. Coding
4. Debug（テスト環境はこちらでご用意しております）
5. Coding 修正
6. 納品

【納期】

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

ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを１ページから承ります。
Lancers参入に伴い、期間中お得な価格でお試しいただけます！

制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。

【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応（ブレイクポイント１箇所）
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装（javascript / jQuery）
・各種ブラウザ動作確認（Chrome、Firefox、Edge、Safari ※最新版）
・修正無制限（※仕様変更は別途費用がかかります）
・画像圧縮

※デザインデータはご支給ください。
※スタンダードプランの価格について、システム上¥10,000〜の表記となっておりますが、
　最安値¥4000〜承ります。

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

【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策

【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品

【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。

デザイナー様/制作会社様向け

【ホームページ/ランディングページのコーディング代行をさせていただきます。】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴
・デザインを忠実に再現
→デザインデータを綺麗に形にいたします。 Pixel Perfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
→全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。
PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

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

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式な見積金額をお伝えさせて頂きます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など、適宜情報共有を図りながら制作を進めさせて頂きます。

4. 初稿を提出
修正がないようにコーディングいたしますが、ご確認頂き、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

ご依頼頂いた仕事を途中で投げ出すようなことは致しません。
即レス・即対応を心がけております。

最後までお客様と共に気持ちよくお仕事をさせて頂ければと思いますので宜しくお願い致します。

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

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

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

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

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

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

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

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

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

③制作開始

④ご確認・修正

⑤納品

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

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

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

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

▼主な対応可能業務

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

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

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

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

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

▼納品方法

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

▼動作確認

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

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

【★初回10%OFF★実績100件以上！制作会社勤務歴9年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内のアニメーション
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

初めまして！現在、兼業でコーダーを
しておりますnamiと申します！！

「デザインは出来るけどコーディング出来ない」
「コーディングの人手が足りないので手伝ってほしい」
「スマホ対応出来るコーディングをして欲しい」

そんな方のお手伝いが出来たら嬉しいです！

gulpを使って静的コーディング致します。
レスポンシブ対応(スマホ対応)もお任せ下さい。
CSS設計は保守性の高いFLOCSSを採用しています。

«価格»
デザインや納期によって変動致しますので、
まずはお見積からご相談下さい。

«納品方法»
・zipファイルで納品致します。

«納品までの流れ»
①ヒアリング・お見積もり
└細かい実装方法や費用まで納得いくまでヒアリングします
②デザインデータ確認
└デザインや画像に不備が無いか確認します
③コーディング開始
└途中経過も随時報告します
④テストサーバーで確認・修正
└実装についての修正は何度でも無料でお受けします
⑤zipファイルで納品

ぜひ一度、お気軽にお問い合わせ下さい！！

webサイトのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

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

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

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

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

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

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

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

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

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

※いずれも最新版です。
※IEへの対応は終了いたしました。

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

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

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

当方では、デザインデータからWebサイトのコーディングを承っております。

---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングふだけ外注したい
・レスポンシブ対応してほしい

---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。

【料金内で対応可能な動き】
・ハンバーガーメニュー
・スライダー
・アコーディオン
・タブ切り替え

【お見積りについて】
記載の金額は目安のものとなります。
作成するページ数・要件に応じて金額は変動いたしますのでご了承ください。
ご予算に応じて調整もできますので、お気軽にご相談ください。

【料金内で対応可能なこと】
・レスポンシブ対応
・画像圧縮
・修正（デザインが大きく異なる場合は、別途料金をいただく場合がございます。）

【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。

---------- 対応可能データ ----------
・adobe XD
・Figma
・Illustrator

---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ：5日～
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。

---------- 確認端末、ブラウザ ----------
・Google Chrome
＞ Mac, Windows, iPhone14
・Safari
＞ Mac, iPhone14
・Firefox
＞ Mac, Windows
・Microsoft Edge
＞ Windows

---------- ご依頼・制作の流れ ----------
①”まずは相談する（無料）”ボタンよりお問い合わせください。
②ヒアリング：HPの詳細をお伺いさせていただきます。
③制作開始：HPを制作させていただきます。
④ご確認・修正：制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。

▼以下の3つでお困りでしたら、まずはお気軽にご相談ください！
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします！

▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能！

▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード

HTML・CSSのコーディングを承ります。
カフェやコーポレートサイト、イベントLP、個人サイトなど業種・形態問わず請け負います。
サイトのイメージや雰囲気などお聞かせいただけると、サイトの動作やアニメーションなどの提案もさせていただきますので、お気軽にご相談ください。

【下記のようなご依頼承ります】
・コーディングをしてほしい
・LPを作りたい
・現在のサイトの一部修正をしてほしい　など

⚫️業務対応範囲
・LP制作
・HTML /CSSコーディング

⚫️対応
・HTML /CSS
・JavaScript
・jQuery
・PHP
・WordPress

⚫️ご連絡について
連絡は基本的にいつでも可能です。急ぎの案件もお気軽にご相談ください。

ご縁がございましたら、どうぞよろしくお願いいたします。

購入にあたってのお願い
こちらのサービスにおいて、使用する画像は原則あらかじめご用意下さい。

ホームページ、LPの修正やコーディング承ります。

＝＝＝【修正について】＝＝＝
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください！

修正1箇所につき、2,500円～対応いたします。

Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。

詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。

【こんなお悩みを解決します】
　・画像やテキストを変更したい
　・アニメーションを追加したい
　・スマホで見たときに気になる部分を修正したい
　・お問い合わせフォームを追加したい
　・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
　・HP、LPのコーディングをお願いしたい
　など、Webサイトのことならなんでもご相談ください！

【納期】
　・最短即日納品

【納品までの流れ】
　①ご依頼前にDMにて打ち合わせ
　②ご契約、仮払い
　③作業開始
　④確認、修正
　⑤納品

＝＝＝【ご確認ください】＝＝＝
※ご依頼頂く場合、上記金額にシステム手数料（5.5%)がプラスとなりますので、
　ご依頼頂く前にぜひご確認くださいませ。

　詳しくは、下記URLをご参考になさってください。
　https://www.lancers.jp/faq/A1034/936

＝＝＝【最後に】＝＝＝
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。

まずはお気軽に、DMでご相談頂けると幸いです^^

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

【ホームページのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

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

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

本パッケージはホームページのコーディング、WordPressコーディング・カスタマイズのサービスです。
ただ作るだけじゃない！作業スピードと品質を最重要視したコーディングを行います。

【業務内容】

当社のコーディング代行サービスでは、静的サイトコーディングからWordPress導入まで、お客様のニーズに合わせた幅広いサービスを提供しております。
全プランに共通するものとして、内部SEO対策、表示スピードを意識した高品質なコーディングを実施いたします。
基本的なプラグインのコードで表現できるアニメーションは無料で対応いたします。
プレミアムプランでは、オリジナルテーマ作成やカスタマイズも承っておりますので、お気軽にご相談ください。

【こんな方におすすめ】

・Webサイトを作成したいが、コーディングに不慣れである方
・自社でWebサイトを作成するには時間・技術的なリソースが不足している方
・新規事業を始める方
・Webサイトのリニューアルを考えている方

【ご購入後の流れ】

お問い合わせ
ご希望内容のヒアリング、お見積もり提出
契約締結、入金確認
コーディング開始
納品、ご確認いただき、ご指摘いただいた箇所の修正
最終納品

料金、納期について

ベーシックプランは最短2日で納品いたします。
ページ数、仕様、ボリューム・デザインなどで変動しますので、お見積もり時にお伝え致します。

【料金が追加となる例】
・スマホデザインがない
・PC、スマホでレイアウトが大きく違う
・作業ボリュームの多いアニメーションの実装
・静的サイトでのお問い合わせフォームの実装
など

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

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

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

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

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

ー ご発注から納品まで ー

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

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

2. ご相談内容に返信

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

3. ご発注

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

4. 仮払い

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

5. 制作開始

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

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

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

7. 納品

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

8. 納品後の修正

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

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)

ー お願い ー

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

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

※特にご指定がない場合は、こちらで適宜調整していきます。

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

当サービスはデザインデータからWebサイトのコーディングを承っております。
小規模サイトから50ページ前後の中規模サイトまで対応しています。

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

⌇基本料金内
┈jQuery/JavaScriptの実装
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
┈BEMをベースとした長期メンテナンスしやすいCSS設計
┈テスト環境のご用意
┈修正無料

⌇無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。

⌇基本料金
┈トップページ￤30,000円～
┈下層1ページ￤10,000円～
┈複製ページ￤2,000円～
┈LPコーディング￤50,000円～
┈WordPress実装￤要相談

⌇納期￤デザイン、ボリューム、稼働状況により変動いたします。
┈トップページ：3～4日
┈下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。

⌇このようなお悩みの方におすすめ
┈コーダー不足でお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない

⌇ブラウザ・端末確認一覧
┈Google Chrome　Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge　Mac/Windows
┈Safari　Mac/iPad/iPhone
　品質チェックをしてお渡しいたします。

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

🔽こんな方におすすめのサービスです。
・コーディングだけまるっとお願いしたい！
・案件に溢れてコーディングの対応が間に合わない

🔽サービス内容
・W3Cに準拠したHTML CSSコーディング
・レスポンシブ対応
・扱いやすさを意識したWordPressオリジナルテーマ開発
・各ブラウザ表示確認
・内部SEO対策
・テスト環境のご用意
・独自の品質チェックシートを使用した納品前の確認
・サーバーへのアップロード

🔽制作までの流れ
①ヒアリング(デザインデータのご確認・アニメーションの有無等)
②お見積もりのご提示
③コーディング開始
④初稿提出
⑤修正・納品

🔽ご購入にあたってのお願い
・制作させていただいたサイトは実績としてポートフォリオサイトに掲載させていただく場合があります。 掲載NGの場合は、お知らせください。
・サーバーアップロードご希望の場合は、サーバー/ドメインのご用意お願いします。
・デザインで有料フォントを使用している場合は、読み込みタグやデータの共有をお願いいたします。

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

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

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

こちらはLPコーディング専用のスキルパッケージになります。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。

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

本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行をいたします。
名刺代わりにとりあえずサイトが欲しい方、外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにおすすめしております。

現在、【先着10名様限定の特別価格】でお見積価格から10％引きセールをいたしております♪

お見積もりは無料となっておりますので、是非この機会にお気軽にご相談ください^^

「デザインは出来るけど、コーディングが出来ない。」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

このようなお悩みはありませんか？
そうした、あなたに最適なプランの提案、問題解決となるサイトを作成いたします。

【デザインを正確に再現し高品質なコーディング】にこだわっております。

デザイナーさまが誠心誠意作成された大切なデザインを、私のコーディングでそのまま表現いたします。

また、デザインデータがPCのみでもご安心ください。
PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

■サービス内容

・HTML／CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装2つ※1
・テスト環境のご用意
・納品前の確認

■無料オプション

　・SEO対策のmetaタグ設置（内容はご提供お願いします。）
　・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）又はZipファイル
　
※1　簡単なアニメーションの範囲（2つまで）
→ハンバーガー・アコーディオンメニュー ／ スムーススクロール ／ ホバーアニメーション ／ タブ切り替え ／ スライダー

【料金表】

・コーディング（トップページ・LP）※　　￥20,000〜

・コーディング（下層ページ）※　　　　 　￥15,000〜/ページ

・アニメーション（複雑なもの）　　　　　　￥5,000円/1実装

・WordPress化（トップページ）　　　　　 ￥10,000円/ページ
・WordPress化（下層ページ）　　　　　　￥5,000円/ページ

・カスタム投稿タイプなど更新機能追加 　 　￥15,000円～

・お問い合わせフォーム実装　　　　　　　　￥15,000円


※縦5,000px以上より1,000pxにつき1,000円加算させていただきます

◼️対応可能データ

・PSD、AI、XD、Figmaのいずれか
　確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。

◼️ブレイクポイント

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

◼️納品形式

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

◼️納期について

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

■実績

様々な分野のホームページ制作にをしております。
制作実績の一部をご紹介しておりますので、ご覧下さい。
(ランサーズのシステム上、直接リンクさせる事が出来ませんので、お手数ですがコピーして検索に貼り付けてください。)

https://artami-web.com/　←事業サイト

ーコーポレートサイトー

https://graduation-mywork-2.welcome-to-my-portfolio.com/
http://graduation-mywork-3.welcome-to-my-portfolio.com/

◼️ 私について

現在フリーランスでWebクリエイターとして活動しております、元バレリーナのコーダーです♪
常に相手の「期待を超える」仕事を追求して心を込めて作業いたします。
品質を第一に、ご依頼者さまのご要望に精一杯応えつつ丁寧な制作を心がけております。
デザイナーさまへのリスペクトを忘れず忠実にデザインを再現・表現いたします。

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

【制作内容】
・HTML/CSSコーディング
・レスポンシブ対応（PC/タブレット/SP）
・トップページのアニメーションなどにスライダーの費用込み
・SPデザインでのハンバーガーメニューの実装費込み
・Wordpressの導入、構築可能

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「見積もり・カスタマイズの相談に進む」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

【こんな方はぜひご相談ください】
・デザインはできているけどコーディングができない方
・コーディングを代行して欲しい方
・コーディングを外注したい方
・ページ内で修正して欲しい箇所がある方

【サービス紹介】
・LPのコーディング作業
・ 修正回数無制限
・アニメーション実装
・納品完了後１ヶ月は不具合など修正無料

【サービス内容・対応事例】
　コーディング作業
　・スマホ・タブレット表示対応（レスポンシブ）
　・画像の挿入
　・Googleマップの挿入
　・お問い合わせフォーム制作
　・リンク設置
　・ファビコン設置
　・アニメーション実装
　※修正回数無制限
　その他応用もできますのでご相談ください。

【ご準備いただくもの】
・デザインデータ
・画像素材、テキスト
（※）デザインカンプから書き出せない画像・動画・文章などがある場合、
　　　事前にご用意をお願い致します。
（※）テキストはコピー＆ペーストできるものでご準備をお願いします。

【サービスの流れ】
①ヒヤリング・見積もり（デザイン・スケジュール確認）　
②購入
③デザインデータの受け取り
④コーディング作業
⑤ご確認・修正
⑥納品

【納期】
納期目安：3日〜30日
ページのボリュームで変動します。
ご希望の納品日がありましたらご相談ください。

【納品方法】
HTML・CSSをzip形式にて納品

＊ーーーーーーーーーーーーーーーーーーーーーーーー
かけだしのLPコーダーのため低価格帯での提供をさせていただいております。
そのため実績としてポートフォリオに掲載させていただくことをご了承ください。
お客様とのご縁を大切に、ご希望のデザインを忠実に再現できるよう努めてまいります。
大切なWeb制作を丁寧に行わさせていただきます。
ご質問・ご不明点などございましたらお気軽にご連絡ください。
ーーーーーーーーーーーーーーーーーーーーーーーー＊

ご覧いただきありがとうございます！ぜひご検討ください。

▼こんな方へオススメ

・デザインに集中したいデザイナーさん

▼ご提供内容

・お客様がお持ちのデザインデータをHTMLコーディングいたします。
　※「パソコン版」もしくは「スマートフォン版」のどちらかのみご用意ください。
　※レスポンシブレイアウトについては当方へのお任せとなるパッケージです。パソコン版もスマートフォン版も指定がある場合や強くこだわりをお持ちの場合は「デザイン指定」のオプション追加をお願いします。
・対応可能なデザインデータの形式は下記の通りです。
　・Figma
　・Adobe XD
　・Adobe Photoshop
　・Adobe Illustrator
・WordPressのテーマとしてお作りする料金設定です。その他のCMSも可能な限り対応しますのでご相談ください。
　※素のHTMLでのお渡しももちろん可能です。
・ページ内に設置が必要なものはデザインと同じタイミングで共有をお願いいたします。（OGP、ファビコン、Google Tag Managerのタグ　等）

※Web制作物の動作確認環境は下記とさせていただいております。機種固有の誤差についてはご容赦ください。
▽パソコン
・Windows11 ChromeおよびEdge
・macOS12 Safari
▽スマートフォン
・iOS15以上 Safari
・Android9および13 Chrome

【ベーシック】
●1ページをコーディング（「page-任意の名前.php」としてお作りします）
●ブレイクポイント1つ
●各寸法はpxでの指定
●修正1回まで

【スタンダード】
●基本の4テンプレートをコーディング（トップページ、archive、single、page）
●ブレイクポイント1つ
●各寸法はpxでの指定
●修正2回まで

【プレミアム】
●基本の4テンプレートをコーディング（トップページ、archive、single、page）
●ブレイクポイント1つ以上
●各寸法は%もしくはvw等の可変指定＊デザインの再現度を高くできます
●修正2回まで

▼制作の流れ

1）ご要望のヒアリング、詳細なお見積り
2）制作作業
3）制作物をご確認ください
4）3で修正事項が挙がった場合は修正対応
5）納品

▼補足

・パソコンでの表示時に縦幅5000px以上になるデザインの場合や、特殊機能を含む場合などは追加料金を頂戴することがございます。
・制作したWebサイトは当方の制作実績としてご紹介させていただく場合がございます。不可の場合はおそれいりますが納品時までにお知らせください。

インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。

【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装

【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置（各種ブラウザの表示確認）
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装：17,000円〜
　「PHP工房」のメールフォーム使用

▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811

▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方

▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、WordPressオリジナルテーマで実装いたします。

▼制作可能なジャンル
・HP
・ライティングサイト
・figmaによるデザイン
・WordPressオリジナルテーマ制作

▼料金プランやオプション