CSSの依頼・発注・代行

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

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への対応は終了いたしました。

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

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

フレームワークを使用していないファイルベースのコードの作成をします。
合わせて php のバージョンアップにも対応可能です。

◾️提供内容

HTML・CSSの静的コーディング

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

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

========

【　こんな方におすすめ！　】

・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様

などなど

========

【　制作の流れ　】

①　ヒアリング・お見積もり（必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます）
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。

========

【　料金　】

トップページ(レスポンシブ・WordPress化込み)　44000円〜
アニメーションや複雑な機能については要相談となります。

========

【　確認環境　】

PC　chrome・Safari・Firefox・Edge（Firefox・Edgeは擬似環境です）
スマホ　chrome・Safari・Firefox・Edge

========

【　当サービスの強み　】

・制作会社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。

・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。

・土日も作業しております！急なご連絡なども対応可能です！

========

ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪

LP制作のデザインからコーディングまで、すべてお任せください

ご覧いただきありがとうございます。
Webデザイナーの坪と申します。

デザインからコーディングまで一貫対応！
「伝わるデザイン」と「正確な実装」で、あなたのサービスや商品が魅力的に伝わるLPを制作いたします。

＼こんな方におすすめです／

✅ LPで集客・売上アップを図りたいけど、やり方が分からない
✅ ざっくりしたイメージから、提案含めて任せたい
✅ 自社で作ったLPが、なんだか物足りない
✅ 商品やサービスの強みをしっかり伝えたい
✅ デザインもコーディングもまとめてお願いしたい
✅ オンラインで相談しながら進めたい

どれか一つでも当てはまった方は、ぜひご相談ください。
あなたのビジネスを後押しする、成果につながるLPを丁寧にお作りします。

◆サービス内容

• デザイン＋コーディング込みのパッケージ
• レスポンシブ対応（スマホ・タブレット対応OK）
• 長さ制限なし（内容が多くても追加料金なし）
• 提案数：1案
• 修正回数：無制限！（納得いくまで何度でも対応）

◆有料オプション

• 画像データの譲渡
• 著作権の譲渡
• 素材探し（無料素材を中心に選定・ご提案）
• アニメーション追加（1箇所）
  　→スクロールに合わせた動きやフェードインなど、印象的な演出が可能です
• サーバーへのアップロード代行
  　→納品後すぐに公開できる状態でのお引き渡しが可能です

◆納品までの流れ（スタンダードプランの場合）

1．無料相談・お見積もり（DMにて）
　気になる点があれば、どんなことでもご相談ください
2．ヒアリング
　目的・ターゲット・掲載内容・デザインのご希望などを丁寧に伺います
3．ご購入
　内容にご納得いただいたうえで、ご購入をお願いします
4．デザインカンプ提出（ラフ案）
　完成イメージをご確認いただきます
5．デザイン修正・最終確認
　修正回数は無制限！安心してご依頼いただけます
6．コーディング作業
　スマホ・タブレット対応のレスポンシブ設計で実装いたします
7．納品（ZIP形式 or オプションにてサーバーアップ）

◆納品方法

HTMLやCSSなどのフォルダをお渡しいたします。

◆ポートフォリオ

[こちらからご覧いただけます](https://www.lancers.jp/profile/tsubo_web_designer/portfolio?ref=more)
過去の実績やデザインのテイストをご確認いただけます。

✨まずは「無料相談ボタン」から、お気軽にご相談ください✨
ヒアリングから納品まで、丁寧かつ誠実に対応いたします。

2024 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/CSSコーディングをお任せいただけます。
ホームページ・ランディングページのコーダーをお探しの方はぜひご検討ください。

【提供内容】

・HTML・CSSの静的コーディング
(HTML4などの旧バージョンは対応しておりません)
・JavaScriptは一般的に実装されている動作のみ実装(ハンバーガーメニューなど)
・レスポンシブ対応

・修正は2回まで無料

納品時には、プログラムデータなどを圧縮してZipファイル形式でお送りします。

【制作内容】

詳しくは料金表をご覧ください。
※「あまりにも長いページ、複雑なページ」に関しては、「カスタマイズ」をお選びください。

【納期】

・ベーシック: 7日
・スタンダード: 10日
・プレミアム: 14日

納期はボリューム、稼働状況により変動する場合がございますので、参考としてご確認ください。どのプランにするかお悩みの場合は、 「カスタマイズ」 をお選びください。

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

ーーーーーーーーーー
・あまりにも制作することが難しいものはお受けできません。ご了承ください。(例: JavaScriptを多用したページ、上にスワイプしたらアニメーションが出てくるページ など)
・ご依頼いただく前までに、完成イメージをご用意ください。
ーーーーーーーーーー

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

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

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

◎ コーディング費用 ◎
・TOPページ：20,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サイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り！
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい（ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。）

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

ご覧いただきありがとうございます！
ココナラ等でも活動しており、200件以上の実績がございます。

◆サービス内容

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

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

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

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

【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。

◆制作の流れ

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

◆納品方法

・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。

◾️提供内容

HTML・CSSの静的コーディング

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

ご希望のコーディング作業を承ります！
10年以上の経歴でSEOを意識した正確なコーディング対応！

もちろん制作ページはすべてレスポンシブで制作。
PCでもスマホで最適なHPを作成します！

コーディングにはデザインのご提供をお願い致します。

【制作事例】

多数のオリジナルWordpress制作の経験がございます。
■シンプル
https://shonan-hokulea.org
https://ryt200yoga.com
https://calma-salon.com
■ポップ
https://allure.jp
http://www.oltra.co.jp
http://b-spell.com
■シック
https://sanseed.net
https://koyasu-onsen.com
https://eshakyo.jp

【納期】

最短2営業日前後（ベーシックプラン）で対応致します！

【その他】

HP制作歴は10年以上の経歴がございます！
SEOを意識したスマートなコーディングにて対応して参ります。
ホームページ制作をご検討の際は、是非一度お声がけください！

※納期・費用は仕様やコンテンツ量などにより前後する場合がございますので、予めご了承ください。

Ankiアプリにてデッキを作成します。
カード入力はスクショ（切取画像）で行います。
━━━━━━━━━━━━━━━━━━━━━━━━
▼税抜料金例　一問一答式の場合
　・500問であれば「17,000円」。
　・1問増える毎に「16円」増額。
━━━━━━━━━━━━━━━━━━━━━━━━
▼見積ご希望の方、下記を必ず連絡下さい。
　1. 「電子化した書籍（pdf）のご提出」または
　　「書籍名（amazon URL）のご連絡」
　2. 問題数（概算でよい）
　3. 入力項目 【例】(表) 英単語　(裏) 意味、例文
　4. その他のご希望仕様（サブデッキ化）等
　5. 端末のOS、画面サイズ
━━━━━━━━━━━━━━━━━━━━━━━━
なお、納品物は「apkgファイル」になります。

数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます！

個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。

まずはお気軽にご連絡ください。

■こんな方におすすめ

• ☆繁忙期でリソースが足りない制作会社様
• ☆デザインはできるけどコーディングは他の方にお願いしたい

■プランに含まれるもの

• レスポンシブ対応
• アニメーション：ハンバーガーメニュー/アコーディオン/スライダー
• お問い合わせフォーム：ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
• 修正無制限無料（大幅なデザイン変更はご相談ください）

■事前にご用意するもの

• デザインデータ（XD/figma/Illustrator/Photoshop）　
• 画像データ（JPG/PNGなど）

■納品までの流れ

①ご相談・お見積もり
　デザインデータと画像データを元にチャットでお打ち合わせを行います。
　その後、お見積り金額を提示させて頂きます。

②仮払い
　ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。

③デザインデータをご用意ください
（プラン日数はご提供頂いてからの日数になります）

④制作開始

⑤初稿提出〜修正
（テスト環境の情報をお伝えしますのでそちらでご確認ください）

⑥納品
（ファイル形式を添付し納品、またはサーバーにアップロードいたします）
　※サーバーにアップロードの場合はFTP情報をご準備ください。

■その他

※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。

WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

● ブレイクポイント --------------------------------------------------

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

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

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

● 納期について -----------------------------------------------------

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

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

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

ホームページの更新でお困りではありませんか？

✔ 依頼した業者がいなくなり、修正できない…
✔ 契約は面倒だけど、ちょっとした変更はしたい…
✔ WordPressで作ったけれど、更新の仕方がわからない…

そんなお悩みを解決します！
軽微な修正でもお見積りいたしますので、お気軽にご相談ください。
これまで手掛けたホームページ更新事例は多数ございますので、安心してお任せください。

✅ 対応可能な作業例：

• 新着情報の更新
• ページ内容の修正、部分削除
• レイアウト調整（崩れたデザインの修正、余白調整など）
• PC、スマホでの文字サイズ、並び変更
• ブログの更新情報をサイトに反映（アメブロなど）
• 文章・画像（バナー）変更、差し替え
• Youtube動画やGoogleマップの埋め込み
• ページリンクの設定
• コンテンツやページの追加
• HTML、CSS、JavaScriptの修正
• 内部SEO対策のチェック

ご不明な点は、お気軽にお問い合わせください！
ご発注お待ちしております。

◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます！

個人事業（1年目）でWebコーダーをしている「森　猛」と申します。
コーディングとWordPress構築をメインに活動しています。

◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。

◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装

◾️料金
・TOPページコーディング：30,000円〜
・下層ページコーディング：10,000円〜

※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。

◾️制作の流れ
①ヒアリング
　ページ構成・必要な機能などを確認いたします。
②お見積り
　納期や金額を提示させていただきます。
③制作・確認
　ページ毎でのご確認をお願いいたします。
　※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
　制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。

◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。（品質チェックシートのお渡しも可能）
・即レス対応（21時までのご連絡においては、3時間以内には返信いたします）
・可能な限り柔軟に対応いたします。

◾️ご用意していただくもの
・デザインカンプデータ（XD、Photoshop、Illustrator、Figma）

JavaScript(React, jQuery, Ajax,)、GASで関数作成、コーディングが必要な方の作業を代行します。
もちろん実装の相談でも構いません。

個人情報の関係でお見せすることはできませんが
WEBアプリ開発にも多数携わっております。

ご興味ございましたら是非一度ご相談下さい。

Webサイトの下層ページのコーディングを承ります。

※TOPページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

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

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

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

※特にご指示がなければファイル送付での納品となります。

● 納期について -----------------------------------------------------

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

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。

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

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

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

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

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やバナーのデザインを作ってほしい など

LP（ランディングページ・一枚ものページ）のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

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

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

● ブレイクポイント --------------------------------------------------

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

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

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

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

● 納期について -----------------------------------------------------

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

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

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

【緊急コーディング対応｜最短当日着手】

「時間がない…」そんなお悩みを最短当日から解決。
デザインカンプからのコーディングを、スピーディかつ丁寧に仕上げます。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

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

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

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

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

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

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

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

・いずれのプランもSPレスポンシブ対応込み（ハンバーガーメニュー）、ヘッダー追従、TOPへ戻るボタンを含んでおります。
・Wordpress導入済の空のサイトをご用意いただき、Wordpress構築・フロントコーディング致します。
・格安サーバーですと、思わぬエラーや実装不可能なこともございますので、ご注意ください。
・修正は無料。
・ご依頼内容になかった修正や追加のご依頼は別途お見積りして対応致します
・シルバーの間の特別価格です！認定ランクがゴールドに上がった場合、価格を改定いたします。

### ベーシック
・LPをお任せしたいお客様におすすめです。
・HPでもボリューム（1P当たりの長さが短め、下層5枚未満）が少ない場合はこちらにて対応致します。

### スタンダード
・HPをお任せしたいお客様におすすめです。
・5枚程度の目安となっております。

### プレミアム
・下層10枚以上、ページ数が多めのお客様におすすめです。

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サイトを、真面目さと丁寧さで丁寧に作り上げます！

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

Webサイトの立ち上げ、改修、または機能追加で困っていませんか？予算が限られているけれど、信頼できる人に依頼したいと思っていませんか？

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、デザインイメージ、必要な機能、納期などをお知らせください。

要件定義
詳細なヒアリングを行い、Webサイトの構成、デザイン、機能について具体的に決定します。

設計・開発
要件定義に基づき、Webサイトの設計・開発を行います。進捗状況は随時ご報告いたします。

ご確認・修正
完成したWebサイトをご確認いただき、必要に応じて修正を行います。

納品・サポート
最終確認後、納品となります。納品後も、簡単な修正やサポートは承ります。

対応範囲・価格

基本のWebページ作成：10,000円〜
HTML/CSSを使用したシンプルなWebページ作成。レスポンシブ対応も可能です。

JavaScriptによる機能追加：5,000円〜
JavaScriptを使用したWebページの動的機能実装（フォームのバリデーション、簡単なアニメーションなど）。

WordPressカスタマイズ：20,000円〜
WordPressのテーマカスタマイズ、テンプレートの修正など。既存サイトの改修も承ります。

納期

案件によります。お気軽にご相談ください。

制作の流れ

要件定義
お客様の要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。

設計
Webサイトの構成、デザイン、機能について、お客様と相談しながら決定します。

コーディング・開発
HTML/CSS、JavaScript、WordPressなどを使用して、Webサイトを構築します。

テスト・修正
完成したWebサイトをお客様に確認していただき、修正点があれば修正します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。公開後も、簡単な修正やサポートは承ります。

サービス内容

Webサイト制作、改修、機能追加を低単価で承ります。HTML/CSS、JavaScript、WordPressに対応。真面目さと丁寧さで、お客様のWebサイトを丁寧に作り上げます。

Webサイトは企業の顔であり、集客の要です。しかし、初めてWebサイトを作る方や、予算が限られている方にとって、Webサイト制作はハードルが高いものです。

そんなあなたのために、Web制作を始めたばかりの私が、真面目さと丁寧さで、あなたのWebサイトを丁寧に作り上げます。実績作りのため、低単価にて対応いたしますので、お気軽にご相談ください。

「Webサイトを作りたいけど、どこに頼めばいいかわからない…」
「予算がないけど、ちゃんとしたWebサイトを作りたい…」

そんなお悩みを解決します！まずはメッセージにてご相談ください。

デザインから実装まで、あなたのWebサイトをトータルサポート！

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

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。デザインと実装で担当者が分かれていて、連携がうまくいかない。

発注の流れ

お問い合わせ
まずは、お客様のご要望を詳しくお聞かせください。Webサイトの目的やターゲット、デザインのイメージなど、お気軽にご相談ください。

企画提案・お見積もり
お客様のご要望を基に、最適なプランをご提案いたします。お見積もりもご提示いたしますので、ご納得いただけましたらご契約となります。

制作開始
デザインデータをご提供いただき、コーディング作業を開始いたします。進捗状況は随時ご報告いたしますので、ご安心ください。

納品・公開
完成したWebサイトをご確認いただき、修正点などございましたらお気軽にお申し付けください。修正後、納品となります。

対応範囲・価格

Webサイト コーディング代行：3万円〜
HTML/CSS/JavaScriptを使用した、Webサイトのコーディング代行を承ります。デザインデータからのコーディングはもちろん、レスポンシブ対応も可能です。

WordPress導入・カスタマイズ：5万円〜
WordPressの導入・カスタマイズを承ります。お客様のご要望に合わせたテーマの選定、プラグインの導入、SEO対策など、幅広く対応いたします。

Webサイト UI設計：3万円〜
WebサイトのUI設計を承ります。Adobe XD/Figmaを使用し、お客様のWebサイトのユーザビリティ向上に貢献いたします。

HTMLメール制作：1万円〜
HTMLメールの制作を承ります。キャンペーン告知や、メルマガなど、お客様の目的に合わせたHTMLメールを制作いたします。

納期

1週間〜

制作の流れ

素材準備
お客様からいただいたデザインデータを基に、コーディングに必要な素材を準備いたします。

コーディング
HTML/CSS/JavaScriptを使用し、Webサイトのコーディングを行います。レスポンシブ対応も行います。

テスト・修正
コーディングしたWebサイトをテスト環境で確認し、動作確認や表示崩れがないかなどをチェックします。

納品
完成したWebサイトをお客様に納品いたします。納品後も、Webサイトの運用に関するご相談を承ります。

サービス内容

Webサイトのコーディング代行、WordPress導入・カスタマイズ、UI設計、HTMLメール制作など、Webサイト制作に関わる業務を幅広く承ります。

Webサイトのコーディング、デザイン、UI設計でお困りではありませんか？
デザインはあるけどコーディングができない、Webサイトをリニューアルしたいけど何から始めればいいかわからない...
そんなお悩みをテックウィングが解決します！
デザインから実装まで一貫してサポートすることで、お客様の理想のWebサイトを実現します。
コーディング代行、WordPress導入、UI設計、HTMLメール制作など、Webサイト制作に関わることなら何でもお任せください。
まずは、お気軽にご相談ください！

あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー！

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

Webサイトの改善、業務効率化、データ分析、LP制作

発注の流れ

お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。

企画提案・お見積り
ヒアリング内容を元に、最適なプランとお見積もりをご提案します。

制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。

納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。

対応範囲・価格

Webサイト コーディング：3万円〜
HTML/CSSコーディング：デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。

LP制作：5万円〜
ランディングページ制作：ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。

業務効率化ツール：3万円〜
Excel/スプレッドシート効率化ツール：データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。

納期

要相談

制作の流れ

ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。

企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。

制作
最新の技術を駆使し、高品質なWebサイトを制作します。

テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。

納品・公開
本番環境へWebサイトを公開し、運用をサポートします。

サービス内容

Web開発（HTML/CSS/JavaScript）、LP制作、業務効率化ツール作成

WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか？
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します！
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。

＼ 現在、限定価格でのご案内です！お気軽にお待ちしております！ ／

ご覧いただきありがとうございます。
こちらはHTML／CSSでのサイト構築のご案内となります。
ブログ機能など、ご自身で運用されるご予定の場合はWordpressでの構築をお勧めします。→

▼こんな方におすすめ
・ホームページって何から始めたらいいかわからない
・既存のサイトを流行のデザインに作り直したい
・期間限定だから更新もないし低コストで作りたい

▼サービス内容
・デザインフレーム制作
・HTML／CSSコーディング
・簡易アニメーション（JavaScript）
・レスポンシブ対応
・地図の埋め込み(Googleマップ)
・フリー画像、イラストの使用
・デザイン修正（デザインフレーム制作中3回まで）
・セキュリティ対策
・納品後20日間のアフターフォロー

▼納品までの流れ
１．ご予算やご要望をメッセージにてお問い合わせください
２．ヒアリングの実施
３．見積り提出・ご購入（仮払いの確認）
４．下記「ご準備いただくもの」が揃い次第、制作を開始
５．デザインのご確認・修正対応
６．デザインが決定次第、コーディングを開始
７．サイトのご確認・修正対応
８．サイト納品

▼ご準備いただくもの
・載せる文章
　→ 形式は電子データでしたらテキストメモ、word、PDFなど何でもOKです。
・デザインのイメージ
　→ メインカラー、ターゲット層は事前に決めていただきます。
・参考サイト
　→ 制作にあたり完成イメージに近いサイトがあればご提供ください。
・使用する画像素材
　→ 画像や動画、ロゴなど、使用する素材データをご提供ください。
　　※ご用意できない場合、サイトデザインに合うフリー素材の準備が可能です。
　　有料素材の利用をご検討の場合、サイトデザインに合う素材のご提案が可能です。（購入費用はお客様のご負担）
・ドメイン・サーバー
　→ 事前にご契約・ご準備ください。

　ご覧いただきありがとうございます。初出品です。
　ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。

【納品までの流れ】
　1. 相談・見積り（金額確定、納期目安等）
　2. トークルームでやりとり（データの受け取りと確認、進捗報告、修正等）
　3. zip形式で納品

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

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

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

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

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

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

< 納品方法 >
zipファイル

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

はじめまして。「りこ＠Webエンジニア」と申します。
ご覧いただきありがとうございます！

当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。

PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。

対応可能な業務

HTML / CSS / JavaScript コーディング

JavaScriptによるUIアニメーション（スライダー・スクロール演出 など）

レスポンシブ対応（スマホ・タブレット）

WordPress オリジナルテーマ制作（1からのWP化）

既存テーマのカスタマイズ（デザイン反映や機能追加）

固定ページや投稿テンプレートの作成

カスタム投稿・カスタムフィールド対応（ACFなど）

※SEO対策（構造化データやメタ設定の最適化など）は対応しておりません。

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

LP（静的）コーディング：7〜10営業日

WPテーマ化：14〜30営業日（内容により変動）

アニメーション実装追加：+1〜3日

WPカスタマイズのみ：5〜7日（内容次第）

ご依頼の流れ

【ヒアリング・相談】ご要望やデザインの共有

【見積もり提示】金額・納期をご案内

【正式発注】ご同意後に着手

【制作・途中確認】進捗を共有しつつ対応

【納品・修正】修正があれば対応

【完了報告】

注意点

サーバー・ドメイン設定代行は別途料金がかかります（ご相談ください）

SEOの内部対策は行っておりません

高度なプラグイン開発や複雑なPHPロジックの開発は要相談です

jimdoクリエーターで運用中のページをリメイクいたします。

■旧レイアウトをご利用の場合、新レイアウト（レスポンシブ対応）への変更をいたします。

■カスタマイズのご案内

新レイアウトの基本レイアウトのまま可能、部分的にCSSを追加してカスタマイズいたします。
※ページ内容により、個別に必要なカスタムを追加します。

▼各種カスタマイズ内容

●スマホ用フローティングメニュー

　最下部にメニューを最大７つ設置します。

●新着情報

　日付や項目を一覧で表示いたします。
　一定の高さ以上に項目が増えると、スクロールバーが出て表示いたします。

●見出し装飾

　Ｈ1、Ｈ2、Ｈ3の見出しに装飾を設定いたします。

●BOXデザイン

　文章コンテンツでは文字が並ぶだけですが、枠や吹き出しなどを追加設定します。

●Q&Aアコーディオン

　質問項目をクリックすると答えが開いて表示するものです。

●マウスオーバーエフェクト

　リンク設定の画像にマウスを重ねると色が変化しリンクがあることがわかります。

●ヘッダー部コンテンツ挿入

　ＰＣ表示時にヘッダー上部等にコンテンツを表示いたします。

●表のレスポンシブ効果（２列のみ）

　スマホ表示時に意図しないところで改行しないように、上下に並び替えます。

★プランの内容

・オリジナルがいいけど何をしたらいいか分からない
・起業するので名刺代わりのホームページが欲しい
・綺麗で整ったデザインのホームページを考えている

デザインにこだわり、オリジナルのWebサイトがほしい方におすすめです。

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

★サービス内容

●文章について
基本的にはお客さまにご用意いただいております。
ボリュームが足りない場合などは、資料や他社サイトを参考に、こちらで文章を作成させていただきます。

●素材写真
使いたい写真などがあればご提供ください。
写真が無い、もしくはプロの目から使わない方がいいと判断した場合は、こちらでご用意いたします。

●ロゴ
ロゴがまだ無い場合も大丈夫です。
シンプルなデザインでしたら、無料でお作りいたします。

●ページデザイン
テンプレートは使用せず、ヒアリング内容をもとに、
ご希望に沿った完全オリジナルのデザインで仕上げます。

●コーディング（HTML）
検索エンジンにやさしい、基本的なSEO対策を取り入れた形でコーディングいたします。
※検索結果での上位表示を保証するものではありません

●修正は納得いくまで何度でも
納品までの期間中であれば、何度でも修正対応OKです。
お気軽にご相談ください。

●サーバー・ドメイン取得もおまかせ
オプションにて、面倒なサーバーやドメインのお手伝いいたします。

●アップロード対応
完成したホームページは、こちらでサーバーへアップロードいたします。
そのまま公開までスムーズに進められます。

●アフターサポートも安心
納品後のご質問やちょっとしたご相談は、メールにていつでも無料で対応いたします。
※メールのみ

■その他含まれる内容（ご希望の方）
・スマホ対応（レスポンシブデザイン）
・Googleマップの設置
・お問い合わせフォームの作成 なども標準対応しています。

文章や素材の準備からデザイン、制作、公開まで、すべておまかせください！
「ホームページは初めてで不安…」という方も、安心してスタートできるようしっかりサポートいたします。

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

★プラン内容

◆ベーシックプラン
トップページのみのシンプルなプランです。

会社案内やサービス紹介など、簡潔な情報発信におすすめ。
※お問い合わせフォーム付き（トップページ下部に設置 ※ご希望の方）

◆スタンダードプラン
トップページ＋下層ページ3ページまで制作します。

情報をしっかり掲載したい方におすすめの内容です。

＜ページ構成の例＞
・トップページ
・サービス案内
・会社概要
・お問い合わせページ

または、

・トップページ
・スタッフ紹介
・料金案内
・ご予約ページ(お問い合わせ)

なども対応可能です。

◆プレミアムプラン
トップページ＋下層ページ5ページまで制作。

より充実した構成で、本格的なサイトに仕上げたい方に最適です。

★すべてのプランに含まれる内容
・不足分の文章・写真の補助作成
・シンプルなロゴ制作（ロゴが無い場合）
・完全オリジナルのデザイン
・HTMLコーディング（基本的なSEO対応）
・修正は納得いくまで無制限
・サーバーへのアップロード
・スマホ対応（レスポンシブ）
・Googleマップの設置
・お問い合わせフォーム設置
・納品後のアフターサポート（メール対応・無料）

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

★オプション対応（ご希望に応じて追加可能）
・下層ページの追加
・サーバー取得サポート
・ドメイン取得サポート
・縦長のLP（ランディングページ）制作

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

★お申込み後の流れ

1. 事前のヒアリング、お打ち合わせ
2. 仮払い、データ類のご用意
3. デザインカンプ（仕上がり見本兼ご提案書）の制作
4. 完成したデザインのご確認、修正対応（回数無制限）
5. デザインにOKを頂けましたら、コーディング（htmlページの制作）へ移行
   　 完成したページをご確認、修正対応
6. サーバーへアップロード、完了

ホームページが完成してからのご不安も、いつでもお気軽にご連絡下さい。

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

★ご相談・お見積り

ホームページ制作をご検討されている方は、お気軽にご相談下さい。

📌 業務内容
運用中のホームページの
「テキスト1文だけ変えたい」
「画像を差し替えたい」
「デザインを整えたい」
といった軽微な修正から、プログラムの不具合対応や全体リニューアルまで柔軟に対応いたします！

最短即日対応も可能です。まずはお気軽にご相談ください。

✅ 作業内容（一例）

• テキスト・画像の差し替え
• 色やデザインの変更
• レイアウト崩れや表示不具合の修正
• JavaScript / PHPのプログラムエラー修正
• 新規ページの追加や機能追加
• サイト全体のデザイン・構成リニューアル など

✅ こういった方におすすめ

• サイトのちょっとした修正を頼める人がいない
• 表示崩れやリンク切れなど、気になる箇所を直したい
• プログラムの不具合を見てほしい
• 自社で運用しているサイトを定期的にメンテナンスしたい
• デザインを現代風にアップデートしたい

✅ 対応条件

• HTML / CSS / JavaScript / WordPressなど幅広く対応
• サーバー情報やCMSのログイン情報をご共有いただける方
• コーポレートサイト、サービスサイト、ブログなど柔軟に対応可能

🔁 定期更新にも対応！
スポット対応だけでなく、3ヶ月・6ヶ月単位での定期契約も可能です。
更新作業をアウトソースしたい方に最適！

🔧 まずは無料相談から！
事前にサイトのURLとご希望を教えていただければ、修正ポイントの簡易診断・作業案をご提案します。

お気軽にお問い合わせください！

HP制作のデザインからコーディングまで、すべてお任せください

ご覧いただきありがとうございます。
Webデザイナーの坪と申します。

デザインからコーディングまで一貫対応！
「伝わるデザイン」と「正確な実装」で、あなたのサービスや商品が魅力的に伝わるHPを制作いたします。

＼こんな方におすすめです／

✅ HPで集客・売上アップを図りたいけど、やり方が分からない
✅ ざっくりしたイメージから、提案含めて任せたい
✅ 自社で作ったHPが、なんだか物足りない
✅ 商品やサービスの強みをしっかり伝えたい
✅ デザインもコーディングもまとめてお願いしたい
✅ オンラインで相談しながら進めたい

どれか一つでも当てはまった方は、ぜひご相談ください。
あなたのビジネスを後押しする、成果につながるLPを丁寧にお作りします。

◆サービス内容

• デザイン＋コーディング込みのパッケージ
• レスポンシブ対応（スマホ・タブレット対応OK）
• 提案数：1案
• 修正回数：無制限！（納得いくまで何度でも対応）

◆有料オプション

• 画像データの譲渡
• 著作権の譲渡
• 素材探し（無料素材を中心に選定・ご提案）
• アニメーション追加（1箇所）
  　→スクロールに合わせた動きやフェードインなど、印象的な演出が可能です
• サーバーへのアップロード代行
  　→納品後すぐに公開できる状態でのお引き渡しが可能です

◆納品までの流れ（スタンダードプランの場合）

1．無料相談・お見積もり（DMにて）
　気になる点があれば、どんなことでもご相談ください
2．ヒアリング
　目的・ターゲット・掲載内容・デザインのご希望などを丁寧に伺います
3．ご購入
　内容にご納得いただいたうえで、ご購入をお願いします
4．デザインカンプ提出（ラフ案）
　完成イメージをご確認いただきます
5．デザイン修正・最終確認
　修正回数は無制限！安心してご依頼いただけます
6．コーディング作業
　スマホ・タブレット対応のレスポンシブ設計で実装いたします
7．納品（ZIP形式 or オプションにてサーバーアップ）

◆納品方法

HTMLやCSSなどのフォルダをお渡しいたします。

◆ポートフォリオ

[こちらからご覧いただけます](https://www.lancers.jp/profile/tsubo_web_designer/portfolio?ref=more)
過去の実績やデザインのテイストをご確認いただけます。

✨まずは「無料相談ボタン」から、お気軽にご相談ください✨
ヒアリングから納品まで、丁寧かつ誠実に対応いたします。

このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。

現在はフリーランスとして、HTML / CSS / JavaScript（jQuery・GSAP含む）を中心としたコーディング業務を行っております。
レスポンシブ対応（PC・スマホ）や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。

お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。

【サービス内容】
・デザインデータからのHTML/CSSコーディング（静的ページ対応）
・JavaScriptによる動的実装（アニメーション、スライダーなど）
・HP・LPのWordPress化（別途オプション）
・GSAPなどを使ったアニメーション表現（プレミアム対応）

【料金目安】
・LPコーディング（1ページ）：10,000円〜
・下層ページ追加：+5,000円〜
・JavaScript機能追加：+5,000円〜

※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。

【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応（PC / スマホ）
・修正対応（5回まで無料）

【納期について】
・目安：1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください（オプションあり）。

【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です

丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。

■ コーディング（HTML / CSS / Sass / JavaScript / jQuery）
デザインカンプ（Figma / XD / PSD / PDF）からのコーディング

レスポンシブ対応（スマホ・タブレット）

BEM記法、Sass設計（変数・mixin・モジュール管理）に対応

jQueryを使ったアニメーション、スライダー（Swiper等）の実装

ページ内スクロール、メニュー開閉などのUI実装

■ サイト修正・調整
表示崩れの修正（スマホ・PC）

HTML/CSS/JSのコード整理・リファクタリング

パーツ単位の追加・削除・調整

■ ランディングページ（LP）制作
1ページ構成のLPのコーディング（静的）

アニメーション・構成ごとの調整も対応可能

■ Webサイトのスマホ対応化
既存PC向けサイトのレスポンシブ化

ブレークポイント設計の見直しと実装（Sass使用可）

📦 納品形式
HTML / CSS / JS / 画像一式（zip形式 or Gitリポジトリ）

納品前の動作確認はPC / スマホで実施

ご希望に応じて、テスト用URLでの事前確認も対応可能

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

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

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

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

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

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

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

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

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

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

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

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

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

LP制作のデザインからコーディングまで、すべてお任せください

ご覧いただきありがとうございます。
Webデザイナーの坪と申します。

デザインからコーディングまで一貫対応！
「伝わるデザイン」と「正確な実装」で、あなたのサービスや商品が魅力的に伝わるLPを制作いたします。

＼こんな方におすすめです／

✅ はじめてのLP制作で全くわからない
✅ LP型のHPを制作したいけどどこで頼んだらいいの？
✅ ざっくりしたイメージから、提案含めて任せたい
✅ 自社で作ったLPが、なんだか物足りない
✅ 商品やサービスの強みをしっかり伝えたい
✅ いろいろ見すぎてどれにしたらいいかわからなくなった
✅ オンラインで相談しながら進めたい

どれか一つでも当てはまった方は、ぜひご相談ください。
あなたのビジネスを後押しする、成果につながるLPを丁寧にお作りします。

◆サービス内容

• デザイン＋コーディング込みのパッケージ
• レスポンシブ対応（スマホ・タブレット対応OK）
• 画像選定
• 長さ制限なし（内容が多くても追加料金なし）
• 提案数：1案
• 修正回数：無制限！（納得いくまで何度でも対応）
• サーバーアップロード代行

◆有料オプション

• 画像データの譲渡
• 著作権の譲渡
• 素材探し（無料素材を中心に選定・ご提案）
• アニメーション追加（1箇所）
  　→スクロールに合わせた動きやフェードインなど、印象的な演出が可能です
• プライバシーポリシーページの制作
  　→プライバシーポリシーのページを制作できます
• 納品後のサポート（2週間）
  　→納品後、必要に応じてサポートいたしますので安心です

◆納品までの流れ（スタンダードプランの場合）

1．無料相談・お見積もり（DMにて）
　気になる点があれば、どんなことでもご相談ください
2．ヒアリング
　目的・ターゲット・掲載内容・デザインのご希望などを丁寧に伺います
3．ご購入
　内容にご納得いただいたうえで、ご購入をお願いします
4．デザインカンプ提出（ラフ案）
　完成イメージをご確認いただきます
5．デザイン修正・最終確認
　修正回数は無制限！安心してご依頼いただけます
6．コーディング作業
　スマホ・タブレット対応のレスポンシブ設計で実装いたします
7．納品（サーバーアップ）

◆納品方法

サーバーアップロードをもって納品となります。
※サーバーとドメインのご用意はクライアント様へお願いしております。
　ご不明点がありましたら取得のサポートをすることも可能です。

◆ポートフォリオ

[こちらからご覧いただけます](https://www.lancers.jp/profile/tsubo_web_designer/portfolio?ref=more)
過去の実績やデザインのテイストをご確認いただけます。

✨まずは「無料相談ボタン」から、お気軽にご相談ください✨
ヒアリングから納品まで、丁寧かつ誠実に対応いたします。

デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

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

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。

「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。

【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして

【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。

② デザインデータのご共有（PSD／AI／XD／Figmaに対応）
静的HTMLまたはWordPress（オリジナルテーマ）での実装が可能です。

③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品（zip形式 または サーバーへアップロード）
※サーバー納品の場合はFTP情報をご共有ください。

【 料金目安 】
トップページ（レスポンシブ対応）：20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。

【 対応環境 】
PC：Chrome・Safari・Firefox・Edge（※Firefox・Edgeは擬似環境）
スマホ：主要ブラウザすべて対応

ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください！

短納期でデザイン通りにコーディングします！

ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください！

【営業時間】
平日 9:30～17:30 （休業日：土日、祝祭日、特定日）

■業務内容

デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。

●サービス内容

・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策

●対応範囲について

本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。

以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置

●制作の流れ

①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。

②デザインデータのお預かり
対応可能データ（Photoshop ・Illustrator・AdobeXD・Figma）
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください

③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。

④確認・修正
テスト環境にて仕上がりをご確認いただきます。

⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。

▼ このような方へ
継続的なパートナーシップが締結できれば幸いです。（もちろん、単発でも喜んでお受けします。）

▼ ご提供内容
ウェブクリエイティブに強いウェブサイト
『こんなことを伝えたい！こんな表現がしたい！』etc、率直なご要望をお聞かせください。

▼ ご購入後の流れ
ZOOMもしくは電話によるMTGを希望します。（齟齬が生まれないよう、お打ち合わせさせて頂きます。）

▼ 得意なジャンル
クール、エレガント、ポップな雰囲気が得意です。
女性らしく『キュート』で『可愛い』モノも、ベストを尽くします。

▼ 料金プランやオプション
費用については、可能な範囲で柔軟に対応致します。

▼ 納期
納期に関しても、可能な限り柔軟に対応させていただきます。

本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ！

▼ こんな方におすすめ

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

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

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

▼ 料金

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

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。

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

▼ 対応可能データ
※ 一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

▼ 納品までの流れ

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

▼ 納品形式

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

▼ 注意事項

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

※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください

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

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

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

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

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

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

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

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

2024 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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

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

これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。

コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください！

【作業内容】
HTML・CSSコーディング
js実装

【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品

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

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

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

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

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

本サービスはデザインデータからもしくは既存静的サイトのwordpress化を行います。

【こんな方におすすめです】
・デザイナー様
・デザインデータをお持ちの方
・静的サイトのwordpress化をお考えの方

【基本サービス内容】（すべてのプラン共通）
・基本的なSEO対策
・テスト環境（当方契約サーバ）へのアップロードテスト
・実装可能な項目
　＜内訳＞
　問い合わせフォーム１種類（メールフォーム）５項目程度
　投稿ページ
　投稿一覧ページ
　カスタム投稿ページ
　カスタム投稿一覧ページ
　※基本的に管理画面で更新可能にするページは投稿ページとカスタム投稿ページを想定しています。
　　別途要望がございましたら、ご相談ください。

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

【納品方法】
ご相談

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

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

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

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

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

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

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

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

⑤料金の確定・お支払い

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

▼料金
パソコン表示12000pxまでのLPであれば一律で10000円
（レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。）

受注させていただいたお仕事を実績として私のポートフォリの掲載に掲載させていただきます。（掲載許可に関しましてはお客様の方でご自由にお選びいただき、その旨お伝えください。）
なお、掲載にあたりましてはベーシック認証もかけられますので、ご協力願えましたら幸いです。

▼納期
ボリュームによって若干左右することもあるとはお思いますが、おおよそベーシックなプランであれば7日～10日くらいを目安にしております。

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

▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい

トップページは別で依頼済み or 自社で作成済み

テキスト中心のページで費用を抑えて実装したい

WordPressなどCMSのテンプレート用HTMLが必要

納期を守って丁寧に仕上げてくれるコーダーを探している

▼ご提供内容
下層ページのHTML＋CSS（静的ページ）

スマホ対応（レスポンシブ対応）

コーディングルールに沿った実装（ご要望があれば事前に共有ください）

共通パーツの使い回し（ヘッダー・フッター等）にも柔軟に対応

シンプルなJavaScriptの動き（アコーディオン・スムーススクロール等）

▼ご購入後の流れ
ご相談・お見積もり（ページ内容・デザインを確認させていただきます）

必要なデータのご提出（画像・デザインデータ・テキストなど）

コーディング作業

納品（zip納品 or サーバーアップロード）

ご確認・修正対応（軽微な調整は料金内で対応します）

▼制作可能なジャンル
コーポレートサイトの会社概要／採用情報ページ
サービス紹介／製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ

スクール・教育機関・医療・飲料・EC関連など多業種実績あり

▼料金プランやオプション
オプション例
アコーディオン対応：無料（シンプルな構造の場合）

JSスライダー導入：＋5,000円〜

※複数ページ・ボリュームディスカウントも可能です。ご相談ください。

▼納期
1〜2ページ：2〜4営業日
3ページ以上：要相談（スケジュール優先可能です）

ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします！

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない

更新しやすく、構造のしっかりしたコードで作ってほしい

デザインに忠実に再現してくれる信頼できるコーダーを探している

制作会社や代理店とスムーズにやり取りできる外注先を探している

▼ご提供内容
静的HTML＋CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。

対応内容：

HTML5 / CSS3（Sass可）

レスポンシブ対応（SPはブレイクポイント指定対応可）

jQueryアニメーション（スライド・フェードなど）

ドロワーメニュー

ページトップボタン

スクロールアニメーション

フォーム（HTML側のみ / PHP設置別途）

画像最適化

▼ご購入後の流れ
ご依頼内容のヒアリング

デザインデータのご共有（Figma / XD / Photoshop / illustrator など）

ページ構成確認と正式お見積り

着手 → 中間確認（必要時）

納品（zipまたは指定サーバーアップロード対応可能）

納品後の軽微な修正1回まで無料対応

▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。

実績例：

医療・製薬系（医薬品LP）

飲料・食品メーカー（キャンペーンLP）

教育機関（専門学校、スクールサイト）

コーポレートサイト全般

健康食品ECサイト（MakeShop）

企業Q＆A　（Zendeskカスタマイズ）

CMS組み込み（Wordpressオリジナルテーマ・MovableType）

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

🟨基本料金
種別 価格（税抜） 備考
トップページ（〜7,000px） ¥20,000 基本構成＋レスポンシブ対応　長さ、ボリュームで変動
下層ページ（通常） 10,000円〜 / 1ページ　ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動

🛠オプション
内容 価格（税抜）
WordPress組み込み対応 ¥40,000〜

▼納期
トップページ：5営業日程度（構成や仕様により変動）

下層ページ：1〜2営業日程度／1P

特殊なレイアウトは別途ご相談ください

制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。

ご相談ベースでも大歓迎です。お気軽にご連絡ください！