HTMLの依頼・発注・代行

▼実績/評価
★ 2023年 ランサーズ　パッケージ売上ランキング【LPデザイナー】1位
★ 2024年 ランサーズ　報酬ランキング【LPデザイナー】2位

【制作実績】
▼ポートフォリオ
https://www.lancers.jp/profile/MikaKurimoto/portfolio/557534

【営業時間】平日9〜20時（土日祝は返信遅れます）

【ご利用の流れ】
① お問い合わせ・ご相談
まずは「見積もり・カスタマイズの相談」よりお気軽にご連絡ください。その際、以下のテンプレートをコピーし、情報を追記してメッセージをお送りいただけますと幸いです。

ラフ案や原稿素材が用意済みであればお送り頂けると正確なお見積もり作成が可能です。

【ご回答用テンプレート】
1.会社名：
2.担当者名：
3.制作予定LPのテキスト量に近いサイトURL：
4.ご希望のサービス（LP制作など）：
5.ご希望の納期：
6.具体的なご相談内容：

② ヒアリングシートにご記入（必須）
③お見積もり：明確な料金とスケジュールをご提示※
④ご契約：ランサーズ仮入金後・契約書締結※
⑤制作開始：デザインからコーディング、公開まで一貫して対応
⑥納品・サポート：納品後90日間は不明な点や不具合あればメッセージでサポートします。

※③のお見積り期限は2週間です。
※スケジュール確保や制作開始は【契約書締結後】【LP原稿のご提出後】となります。

※ヒアリングシート未記入・必要資料が未提出の際は概算見積もりでのご案内となります。

※所在地が確認できる法人・事業者様からのご依頼のみ対応しております。(個人不可)
ご相談時には企業名・ご担当者様名をご明記ください。

※制作会社・代理店・マーケティング会社様からの依頼はディレクション担当者様側にて校正済みLP原稿のご提出を必須とさせて頂きます。

※発注前のビデオ電話には対応しておりません。

【📌 お客様に必ずご用意いただきたいもの】

✅ LPの基本的な文章（商品・サービスの詳細情報、会社情報など）
✅ 商材写真（商品・サービス画像）
✅ サイトロゴ画像

※掲載情報の提供が難しい場合、丸投げ希望の場合はご期待に添えない場合もございます。ご了承ください。

【このプランでできること】

✅オリジナルデザイン
テンプレートではなく、企業のサービスに合わせた完全オリジナルデザイン制作。

✅原稿作成サポート

原稿作成に不安がある方でも安心なライティング補助シート（Excel）を共有します。
初心者の方でもLPのライティング法則に基づいた原稿制作が可能です。
ご記入いただいた内容を元に伝わりやすいLP構成を作成いたします。

ベーシックプランはFVキャッチコピー・見出し文章までの文章サポートに対応いたします。
スタンダート・プレミアムプランはLP全体の構成と文章整理に対応します。

（※薬機法・医療・専門知識が必要なものは対応不可）

✅デザイン画像素材の提供
必要な素材はストック素材で購入して提供可能です。

✅HTML/WordPress構築・設置作業
HTML構築とWordPress構築のどちらかをお選びいただけます。
WordPress構築は納品後に自社で写真やテキストを更新可能なブロックエディタLPで制作します。
（Lightningテーマ／X-T9テーマ対応）

✅サーバー・ドメイン契約もサポート
エックスサーバーのビジネスパートナーに加入しており、契約のお取次ぎも可能です。

✅会社概要・プライバシーポリシー2Pまで無料

✅ 簡易的な更新マニュアルPDFの提供（WordPress）
納品後に編集の補助として簡易的な更新マニュアルPDF（WordPressのみ）をご提供します。
納品後にサイト更新、修正（保守）が難しいお客様は別料金としてご相談と対応は可能です。

✅ 公開後のサポート
納品後90日間の不具合対応に加え、納品後2週間以内は軽微な文章修正にも対応。

※デザインカンプデータの納品をご希望の場合は別料金になりますのでオプション料金をご選択ください。
（対応形式：Ai、PSD、XD、figma）

※アニメーション多用したLPには基本的に対応しておりません。

※WordPressは指定がなければLightning、X-T9テーマで制作します。

※御社指定のテーマで構築する際は2万〜の追加費用がかかります。

TOPページ/下層ページ、LP、HTMLメールなどデザイン通りにコーディングします！

◾️提供可能な内容


• HTML・CSSの静的コーディング
• アニメーション、動作コントロール
• お問い合わせフォーム
• WordPressの構築
• 運用管理
• 環境設定
• テスト環境の構築
• SEO対策

◾️基本料金内


• HTML・CSSの静的コーディング
• CSSアニメーション（「ふわっと表示」のような基本的な動作）
• jQuery/JavaScript（メインビジュアルのスライダやメニューボタン・CSSアニメーションのコントロールなど一般的な動作）
• スマホ最適化（レスポンシブ対応）
• SEO対策（原則に沿ったコーディング）
• 修正対応（不備等、本アップまで対応可能）

◾️オプション


• 運用管理（サーバー/ドメイン契約、継続的な管理）
• 環境設定（サーバー設定、SSL、セキュリティその他）
• テスト環境（本アップと別で構築）
• お問い合わせフォーム（入力フォーム+サンクスページ）
• アニメーション（高度な動作）
• WordPress構築（オリジナルテーマ制作 / カスタマイズ）
• WordPress更新マニュアル

◾️納期

（お急ぎではない場合）正式なご発注後1週間
特急（LPで翌日など）可能です！お急ぎの場合はお知らせください。

◾️金額について

金額・納期はボリュームやページ数などで変動いたします。
要件に沿ってお見積りさせていただきます！
まずはお気軽にお問い合わせください。
ご安心いただけるよう、密なコミュニケーションをこころがけております。

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

Figmaのデザインデータをもとに、HTML / CSSコーディング、WordPress化を行います。

レスポンシブ対応込みで、企業サイト・LP・店舗サイトなどに対応可能です。

「デザインデータはあるのでコーディングを依頼したい」
「レスポンシブ対応までまとめてお願いしたい」
「コーディングのみ依頼したい」

という方向けのサービスです。

━━━━━━━━━━━━━━
■ 基本プラン（60,000円）
━━━━━━━━━━━━━━

以下を目安に対応いたします。

【対応内容】
・TOPページ：ヘッダー、フッター＋５セクション（about、works、news、company、contactなど）
・下層2ページ程度(投稿ページ＋アーカイブページなど)
・レスポンシブ対応（スマホ・タブレット）
・ お問い合わせフォーム設置
・WordPressオリジナルテーマ化

無料対応
・FVカルーセル 1箇所
・スクロールアニメーション 1箇所

ページ数追加や機能追加は別途ご相談となります。
オプション

• 下層ページ追加：10,000円
• カルーセル追加：5,000円
• アコーディオン：3,000円
• タブ切り替え：10,000円
• カスタム投稿：10,000円
• ACF追加：5,000円

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

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

フリーランスのフロントエンドエンジニア・デザイナーの竹山 と申します。

札幌のシステム開発会社で約10年間、WEB制作を一貫して担当してきました。
現在はフリーランスとして4年目となり、
大手企業サイトから自治体・メーカー・個人事業主様のサイトまで、幅広く制作を行っています。

現在までの経験を活かし、WEBサイトの更新・保守・管理を迅速・丁寧に安心サポートします。

スポット対応（¥3,000〜）をご希望の方は、
パッケージの「まずは相談する（無料）」ボタンや、
プロフィールページの「このフリーランスへまずは相談してみる（無料）」ボタンより、
お気軽にお問い合わせください。

ご要望によりましては、指示通りの対応のみならず、
より良い改善へのご提案も可能です。

◎よくある対応例
・文章やテキスト・カラーの変更
・写真の差し替え
・コンテンツの追加
・新規ページの追加制作
・バナーの設置や制作・
・会社概要等の更新

◎よくあるお悩み
・高額の保守管理費用が毎月発生している
・Webサイトの更新作業が後回しになっている
・WordPressの不具合や表示崩れが不安
・社内に詳しい人がおらず、管理が属人化している
・軽微な修正を頼める人がいない
・制作会社に頼むほどではないが、放置はしたくない

スポット対応や、月定額対応等お気軽にご相談ください。

--
他の制作パッケージや実績はこちらからご確認いただけます。
https://www.lancers.jp/profile/neromaro
--

◎サービス内容（WEBサイト更新・保守・管理）
・テキスト・画像差し替え
・HTML / CSS / PHP の軽微修正
・WordPressの更新・不具合対応
・表示崩れ・エラー調査
・バックアップ対応
・セキュリティ対策

「これ頼んでいいのかな？」という内容も、まずはご相談ください。
お見積りのみでもお気軽にご連絡をお待ちしております。

◎発注の流れ
① ヒアリング
現在のWebサイトの状況、更新内容、困っている点をお伺いします。

② 作業内容の確認・ご提案
対応可能範囲・作業内容・納期をご案内します。

③ 作業実施
合意した内容に基づき、更新・修正・保守作業を行います。

④ 完了報告
作業完了後、対応内容をご報告します。

対応範囲・価格（目安）
Webサイト更新・修正：3,000円〜
・テキスト修正
・画像差し替え
・軽微なレイアウト調整

WordPress保守・管理：月額15,000円〜

軽微な更新：即日〜3営業日
不具合対応：内容により応相談

※お急ぎ対応も可能です。

◎対応可能なサイト
WordPressサイト
HTMLサイト
企業サイト / LP / ECサイト
制作会社様からのご依頼（業務委託）も歓迎

◎私が選ばれる理由
WEB制作歴20年の実務経験
制作だけでなく「運用・保守」に強い
小さな修正も丁寧に対応
専門用語を使わず、わかりやすく説明
WEBサイトの「困った」を、すぐ相談できる存在に

「更新する時間がない」
「管理が不安」
「誰に頼めばいいかわからない」

そんな時に、気軽に頼れるWEB担当者としてサポートします。

まずはお気軽にご相談ください。
現状を確認し、最適な更新・保守方法をご提案いたします。

お持ちのデザインデータをWEBサイトにコーディングします。

デザインがあり、コーディングスタッフをお探しの企業様、
HTML・CSS・JavaScript・jQueryを使ってコーディングいたします。

• 社内にコーディングスタッフがおられない場合
• ご多忙でコーディングのお時間が取れない場合
• デザインデータだけ手元にある場合

など、ぜひお役に立てましたら幸いです。

110件以上の実績

多くのお客様にご利用いただき、
特定クライアント様から105回以上のリピートをいただくなど、
継続的な信頼をいただいています。

マーケティングの知見

マーケティングの知見もあり、実績を重ねてまいりました。
https://www.lancers.jp/profile/naka_rin
貴社の課題に合わせて
より良い方法をご提案させていただきます。

テスト環境について

テスト環境をお持ちでないお客様には、こちらのサーバーを無料でご提供し、
ブラウザでご確認いただけるようにご準備します。

サーバーやドメインについて

取得についても、ご相談に乗らせていただきます。

柔軟な対応

サイト修正のご希望は、柔軟に対応させていただきます。

1ページ、3ページ、5ページのプランですが、
実際のページ数に合わせてお見積りします。
ページ数が少ない場合は減額いたします。

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

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

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

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

※デザインやページボリュームによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

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

◎ 流れ ◎

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

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

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

宜しくお願い致します。

実績作りのため格安で対応します！
現役WEBディレクター/元WEBコーダー

発注の流れ

お問い合わせ
まずはメッセージにて、ご希望の業務内容や予算、納期などをお気軽にお知らせください。

ヒアリング
オンラインまたはメッセージにて、お客様のビジネスや課題について詳しくお伺いします。

企画・提案
ヒアリング内容をもとに、最適なWebサイト制作プランをご提案します。

お見積り
具体的な業務内容に基づいて、詳細なお見積りをご提示します。

ご契約・制作開始
ご納得いただけましたらご契約いただき、Webサイト制作を開始します。

対応範囲・価格

WebサイトまたはLP制作（1ページ）：1万円〜
トップページ、会社概要、サービス紹介など基本的なWebサイトを制作します。
デザイン、コーディング、レスポンシブ対応込み。
お客様のイメージに合わせたオリジナルデザインをご提案の場合は別途＋20,000円になります。
※Wordpressでのテンプレート使用のみ。オリジナルテーマ作成は別途ご相談
※アニメーション別途（ボリュームによりご相談）
※サーバー、ドメイン代はお客様ご負担となります
※問い合わせフォームや決済等の機能なし
※初回のみの金額です

Webサイト更新・保守：月額1万円〜
Webサイトのコンテンツ更新、メンテナンスを代行します。
急なトラブルにも迅速に対応いたします。

制作の流れ

要件定義・設計
お客様の要望を詳細にヒアリングし、Webサイトの構成や機能、デザインの方向性などを決定します。

デザイン制作
ワイヤーフレーム作成後、お客様のブランドイメージに合わせたWebサイトのデザインを制作します。

コーディング
デザインを元に、HTML、CSS、JavaScriptなどを用いてWebサイトを構築します。
レスポンシブ対応も行います。

テスト・修正
Webサイトの動作確認を行い、不具合や修正点があれば修正します。

納品・公開
お客様にWebサイトをご確認いただき、問題がなければ納品・公開となります。

HTML/CSSの修正・カスタマイズを丁寧に対応いたします。
既存サイトの「少し直したい」「ここを変更したい」といったご相談も歓迎です。

見た目の崩れやレイアウト調整など、
HTML/CSSで対応可能な修正を承ります。

一つひとつ慎重に確認しながら作業を進めているため、
内容によっては少しお時間をいただく場合がありますが、
その分、丁寧な作業と細かな確認を大切にしています。

小さな修正でも問題ありませんので、
お気軽にご相談ください。

対応可能な内容
・HTML/CSS修正
・レイアウト調整
・表示崩れの修正
・レスポンシブ対応
・デザイン微調整
・テキスト変更
・画像変更

対応の流れ
① ご相談・内容確認
② お見積り
③ 作業開始
④ ご確認・修正対応
⑤ 納品

ご相談時に教えていただきたいこと
・サイトURL
・修正箇所
・修正内容
・デザイン、修正後イメージ（あれば）

相談だけでも大歓迎です。
「ここを少し直したい」などの小さなご依頼もお気軽にご相談ください。

丁寧に対応させていただきます。どうぞよろしくお願いいたします。

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

《Webデザイナー様》デザインに集中して、コーディングだけ外注したい！
《Web制作会社様》案件が重なり、コーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

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

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方（オプション）

ご提供内容
📌 HTML/CSS コーディング（レスポンシブ対応・LP制作）
📌 JavaScript開発・機能追加（動的要素・API連携）
📌 WordPressサイト構築・カスタマイズ（テーマ調整・設定代行）
📌 追加ページ制作（サービス紹介・問い合わせページなど）
📌 デザイン制作（シンプルなレイアウト調整）
ご希望に合わせて柔軟に対応可能！理想のサイトを形にします。

購入後の流れ
1️⃣ ご依頼内容の確認（仕様書・要件ヒアリング）
2️⃣ 初回実装＆レビュー（動作確認・方向性調整）
3️⃣ 修正・調整対応（フィードバックを反映）
4️⃣ 納品＆コード提出（ZIPファイル形式）

作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します！

製作可能なジャンル
💻 コーポレートサイト（企業向けWebサイト）
📱 ランディングページ（キャンペーン・イベント向け）
🎨 その他カスタム機能の開発（オリジナル仕様に対応）

納期
⌛ HTML/CSS コーディング：3～5日
📂 JavaScript機能追加：5～7日
📌 WordPressサイト構築：7～10日
🌍 追加ページ制作：2～4日（1ページあたり）
🎨 デザイン制作（オプション）：3～5日
納期の調整も可能ですので、お急ぎの方はご相談ください！

デザインデータ（Figma, XD, Photoshop, Illustrator）をご支給いただき、Webサイトとして実装（コーディング）いたします。

ただ表示させるだけでなく、「表示速度（Core Web Vitals）」「SEO（セマンティックなマークアップ）」「アクセシビリティ」を考慮した、エンジニア品質のコードを提供します。

対応可能なデザインデータ

• Figma / Adobe XD , Photoshop , Illustrator
• ※画像の書き出し、スライス作業から対応可能です。
• 不足している素材はAI生成を活用し、補充いたします

「アニメ」も「動画」も。対応します

• 「ちょっとした動きを入れたい」という要望も対応可能です。
• スライダーやカルーセル可能です。
• 動画埋め込み / ポップアップ行います

強み：最新技術「Astro」への対応

一般的なHTML/WordPress構築に加え、次世代の静的サイトジェネレーター 「Astro」 での構築も可能です。

• 爆速の表示速度を実現したい
• サーバー代を抑えたい
• セキュリティを強固にしたい

といった案件で、クライアント様に「付加価値」として提案できます。
Astroはさくらインターネットや Github Pagesでの運用実績もございます。
不要なCGI動作を省いた静的Htmlは、管理が追いつかず放置しているWordPressより格段にセキュリティリスクが低くなります。 是非ご検討ください。

こんなご依頼に最適です

• 「デザインは社内でやったが、コーディングのリソースが足りない」
• 「レスポンシブ化をお願いしたい」
• 「WordPressへの組み込みまで丸投げしたい」
• 「アクセシビリティ対応を求められた」
• 「WordPressから別の早くて安全なCMSに移行したい」

納品形式

• HTML/CSS/JSファイル一式
• WordPressテーマファイル
• サーバーへの直接アップロード

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

• デザインはあるけど、コーディングできる人がいない
• AstroやWordPressでのサイト構築に時間がかかり、コンテンツの更新が滞ってしまう

是非お任せ下さい!

発注の流れ

1. お問い合わせ・ヒアリング

メッセージにて、デザインデータ、ご要望、納期などをお知らせください。詳細をヒアリングさせていただきます。

2. 企画提案

デザインデータを確認し、最適なコーディングプラン、サイト構成、機能などを提案します。

3. お見積もり・ご契約

提案内容に基づき、詳細な見積もりを提示します。ご納得いただければご契約となります。

4. 制作開始

仮払い後、コーディング作業を開始します。進捗状況を随時報告し、フィードバックを反映します。

5. 納品・検収

完成したサイトをご確認いただき、修正点があれば対応します。最終確認後、納品となります。

納期

プランにより異なります。

• ベーシック: 1週間
• スタンダード: 2週間
• プレミアム: 3週間

✅ デザイン分析・設計
デザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。サイト全体の設計を行います。

✅ コーディング
HTML/CSS/JavaScriptを用いて、デザインを忠実に再現します。レスポンシブ対応も行います。

✅ システム組み込み・動作確認
AstroまたはWordPressにコーディング結果を組み込み、動作確認を行います。CMS機能やプラグインの導入も行います。

✅ パフォーマンス最適化
SEO対策、表示速度の最適化、セキュリティ対策など、サイト全体のパフォーマンスを向上させます。

✅ 最終確認・納品・サポート
お客様に最終確認いただき、修正点があれば対応します。納品後もサポートいたします。

※通常は平日作業で進行いたします。
※特急対応が必要な場合は事前にご相談ください。
※納品後の5回を超える修正や追加要望は別途ご相談下さい。
※提出物につきましては、恐れ入りますが、確認依頼、及び納品後、3営業日以内にご確認ください。スムーズな納品フローのため、一定期間ご返信がない場合はプロジェクト完了報告に進めさせていただく場合がございます。何卒ご理解いただけますと幸いです。
※表示価格に消費税とシステム手数料がかかります

信頼と責任を持って作業いたします。
どうぞよろしくお願いいたします。

はじめまして！　南と申します。

Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。

初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。

＿＿＿＿＿

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

• ウェブサイトがうまく動かなくなった
• テキストや画像を変更したい
• レイアウトを微調整したい
• サイトの更新が滞っている
• WordPressの操作がわからない
• エラーが出て困っている

Webサイトの困り事、お任せください！
迅速・丁寧な対応で全力サポートします。

＿＿＿＿＿

発注の流れ

お問い合わせ・ご相談
Webサイトの現状と、修正・更新したい内容を具体的にお知らせください。
サイトのURLや画像などがあるとスムーズです。

お見積もり・ご契約
ご依頼内容に応じて、お見積もりと納期をご提示します。
内容にご納得いただければ、正式にご依頼ください。

制作開始
必要な素材（テキスト、画像など）をご提供いただき、作業を開始します。進捗状況は随時ご報告いたします。

納品・完了
修正・更新内容をご確認いただき、必要に応じて修正を行います。
ご納得いただければ本番環境で公開して納品となります。

＿＿＿＿＿

対応範囲・価格

❶テキスト・画像差し替え・その他微調整　〜10,000円
軽微な修正はまとめてこちらのプランで対応可能です。
内容によって費用調整可能ですのでご相談ください。

❷CSS・JavaScript修正　11,000円
デザインの微調整やレイアウト崩れの修正、JavaScriptエラー修正など

❸WordPress 修正　12,000円〜
WordPressのエラー修正・機能調整など、専門的な知識が必要な作業を代行します。
WordPressやPHPのバージョンアップが必要な場合、追加費用は10,000円です。

＿＿＿＿＿

納期

内容によって異なりますが、軽微な内容は即日対応可能です。
規模の大きな更新や改修は、1週間程度お時間をいただきます。

＿＿＿＿＿

費用・納期のご相談も承ります。
まずはお気軽にお問い合わせください！

コーポレートサイトやLP（ランディングページ）の
HTML・CSSコーディングを承ります。

デザインを正確に再現するのはもちろん、
コードのメンテナンス性や見やすさも考慮し、
作業させていただきます。

制作に関するご相談やお見積りは無料です。
メッセージよりお気軽にご連絡ください。

■ パッケージの特徴
1.Illustrator・Photoshopデータのコーディングもお任せください
Illustrator(.ai)形式、Photoshop（.psd）形式からの
コーディングも安心してお任せ下さい。

2.既存プロジェクトの引き継ぎも対応可能です
既存データを引き継ぎ、作業を進めることも可能です。

3.PCデザインのみでも、スマホ最適化まで対応
PC版のデザインしかないといった場合でも、
最適なレスポンシブデザインに調整し、実装が可能です。

■ 標準対応
1.マルチデバイス対応
PC、スマートフォン、タブレットの各デバイスに
最適化されたコーディングを提供いたします。

2.標準で実装可能なインタラクション
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

3.ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンにて表示・動作確認を行います。

■ 費用
・ランディングページ（1ページ）：40,000円〜
・トップページ（1ページ）：35,000円〜
・下層ページ（1ページ）：10,000円〜

※制作内容やボリュームにより費用が変動するため、まずはお気軽にご相談ください。
詳細を確認させていただいた上、お見積りさせていただきます。
※サイトの更新や修正なども対応可能です。

■ 入稿可能なデザインデータ
・Adobe Illustrator
・Adobe Photoshop
・Adobe XD
・Figma

■ 納品について
ZIPファイルでHTMLデータ一式をお送りいたします。
ご指定のテストサーバーへのアップロードも可能です。

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせ下さい。
内容を確認し、お見積りさせていただきます。

1.お見積もり
2.仮払いのお手続き
3.デザインデータのご入稿
4.コーディング開始
5.コーディングデータの送付
6.検収・修正対応
7.納品完了

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

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

<ご要望に応じ対応いたします>
・gitでのコード管理
・テスト環境のご用意
・STUDIOやWordPressでの実装

【スタンダードプラン】
上記ベーシックプランの内容に追加
・各種アニメーション（Javascript）
・フォーム設置
・既存コードやコーディングルールに合わせた実装　等

【プレミアムプラン】
上記スタンダードプランの内容に追加
・複数ページの作成
・CMS実装（STUDIO使用）　等

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

【ご用意いただくもの】
・デザインデータ（Figma / Illustrator / Photoshop など）
・（あれば）指示書等
　

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

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

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

このパッケージは【初回お取引の方限定プラン】です。
１回のみご利用いただけます。

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

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

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

下層ページやホームページ全体のコーディングはできるの？
はい、もちろん対応させていただいております。
下層ページや複数ページのコーディングをご希望の場合は
メッセージをお送りいただけますと幸いです。

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

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

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

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

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

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

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

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

実績100件以上の現役エンジニアの私が、フロントエンドの開発代行を致します。
既存サイトの不具合などの小さなご依頼から、Webサービスの開発まで、対応可能です！

固定の金額をご提示するのが難しいので、ひとまず見積もり依頼をしていただきたく思います。

「サービス詳細」
いただいたデザインカンプや仕様書から、Webサイト/Webアプリコーディングをします。
・HTML/CSSコーディング
・Wordpressサイト開発
・Vue.js/Nuxtを使ったモダンフロントエンド開発
・ReactやNext.jsを使ったモダンフロントエンド開発
・バックエンドも含めた機能開発
・JavaScript,JQueryを使ったアニメーション実装
・レスポンシブ対応
・お問い合わせフォーム実装
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・サイトだけでなくWebアプリも対応
・デザインから対応できる
・VueやReactなどのモダンフロントも得意
・内部SEOを意識しコーディング
・Wordpressサイトを作成する際は、セキュリティ対策など適切なプラグイン導入を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置も可能です

「私の実績」
・ホームページの制作(住宅業・ホテル宿泊業・美容クリニック・介護/デイサービス・福祉・保育園・歯医者・鍼灸院等)
・LP(大手企業のサービスLP・オンラインスクール・美容クリニック等)
・採用サイト(年間数本制作しております)
・Wordpress
・長野県の企業のサイト制作をすることが多いです
・営業支援システムの開発(フロントバックどちらも)
・ToC向けポイントサイト(フロントバックどちらも)
・オンラインスクール向けのシフト管理・授業管理・課題管理・生徒管理システムの開発
・SaaSの新規開発（日報管理・従業員コンディション管理・AI日報会話システム）において、設計から実装・クライアント折衝まで開発リード・フロントバックどちらも対応

などなど

「私の経歴」
フリーランスでWeb制作を学び、歯科医院や企業のホームページを制作。Web制作会社でサイト制作経験を経た後、システム開発会社でフロントエンドおよびバックエンド開発を担当
フリーランスとしてスタートアップ企業に所属し、PoCやMVPの開発を複数件対応
サイト制作は100件以上の経験あり。

「アフターフォロー」
・追加修正が3回目まで無料
・納品後1ヶ月は、不明点の質問に無料でお答えします。

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品

レンタルサーバーにアップロード or ファイル納品 or 指定の箇所へデプロイ(AWS/GCPなど) or github repositoryへpushを想定しております。

HTML・JavaScriptで動作する買い切り型カラーシミュレーターです。
月額費用不要。CSVを更新するだけで商品・色を追加できます。
\更新費用は発生しません。

【こんな方におすすめ】
・塗料・建材・DIY商品の販売会社
・商品ごとにカラーシミュレーターを導入したい企業
・商品や色をCSVで簡単に管理したい企業
・買い切り型で導入したい企業

【ご提供内容】
・HTML一式（JavaScript含）
・CSV管理ファイル
・使用マニュアル（PDF）
・買い切りライセンス

【オプション】
・企業情報カスタマイズ
・CSV初期登録代行
・カラーコード作成
・サーバー設置・動作確認

【無料デモ】
[ライト版]
https://cf768924.cloudfree.jp/colorsyumilator/light/ColorSimulator.html
[スタンダード版]
https://cf768924.cloudfree.jp/colorsyumilator/standard/ColorSimulator.html
[PRO版]
https://cf768924.cloudfree.jp/colorsyumilator/full/ColorSimulator.html

こんなお悩み・ご要望はございませんか？

「ホームページを作りたいが、テンプレートのようなありきたりなデザインでは他社と差別化できない」
「ChatGPTやAIツールで簡単にサイトは作れる時代になったが、動きのないペラッとした印象になってしまう」
「SEO対策やレスポンシブ対応など、専門知識がないと何が正解かわからず不安」 「制作会社に依頼すると高額な上に、意図が正確に伝わらずイメージと違う仕上がりになった経験がある」 「せっかく作るなら、ユーザーの記憶に残る、ワンランク上のサイトにしたい」

このようなお悩みやご要望をお持ちのお客様のために、現役シニアWeb・AIエンジニアである私が、企画・デザインから実装・SEO対策まで一貫してサポートするサービスをご用意いたしました。

■サービスの強み
累計制作実績170件以上、リピート・追加発注率72％、納品後の重大クレーム対応率0％という実績を誇るエンジニアが、貴社の想いをカタチにいたします。単なるコーディング代行ではなく、マーケティング視点とエンジニアリング視点の両軸から、コンバージョン率向上に直結するサイトをご提案いたします。

また、Web制作会社での実務経験に加え、AI開発分野でのプロジェクト参画実績も持つため、最新のAI技術トレンドを踏まえたご提案が可能です。単なる「見た目が綺麗なサイト」ではなく、「成果につながるサイト」を追求しております。

最大の特徴は「AIだけでは実現できないアニメーション演出」です。近年、AIによるサイト自動生成ツールが急速に普及し、誰でも数分でそれらしいホームページを作れる時代になりました。しかし、AI生成のサイトはテンプレート感が強く、スクロール連動アニメーションやマイクロインタラクション、繊細なイージング調整といった、ユーザーの記憶に残る「体験」を作ることは非常に困難です。私は、AIによる効率的な設計・コーディングと、人間ならではのクリエイティビティ・演出力を掛け合わせることで、御社だけのオリジナリティあふれる、他社と差別化できるサイトを制作いたします。

■ご購入いただく理由
・SEOに強いセマンティックなHTMLマークアップと、コアウェブバイタルを意識した表示速度最適化を標準対応
・スマートフォン、タブレット、PCすべての画面幅で美しく表示されるレスポンシブデザイン
・GSAP等のライブラリを用いた滑らかなスクロールアニメーション、パララックス演出、マイクロインタラクション
・専門用語を使わないわかりやすいヒアリングと、納品後も安心の修正保証
・丁寧なコミュニケーション
・大手企業のコーポレートサイトから個人事業主のLPまで、幅広いジャンルでの制作実績
・お問い合わせフォームの設置、SNS連携、アクセス解析設定など、公開後の運用面までトータルでサポート

■使用技術（テクノロジースタック）
HTML5／CSS3／JavaScript（ES6+）／TypeScript／React／Next.js／GSAP／Tailwind CSS／WordPress／Figma／Adobe XD／Google Analytics／Google Search Console／PageSpeed Insights／各種AIツール（Cursor、Claude、ChatGPT等）を組み合わせたハイブリッド開発体制により、スピードと品質、そしてオリジナリティを高い次元で両立いたします。

■ご提供の流れ（プロセス）
①ヒアリング：ご要望、ターゲットユーザー、ご予算、参考サイトなどを丁寧にヒアリングいたします
②構成・デザイン提案：ワイヤーフレームとデザインカンプをご提示し、方向性をすり合わせます
③コーディング・実装：レスポンシブ対応、SEO対策、アニメーション実装を行います
④テスト・最適化：表示速度、各種デバイスでの表示崩れ、SEO指標を確認し最適化いたします
⑤納品・アフターフォロー：ご公開後も一定期間、軽微な修正・調整に無償で対応いたします

また、業種・業界を問わず、飲食店・美容室・士業事務所・ITベンチャー・ECサイトなど多様なクライアント様にご満足いただいております。

初めてご依頼される方も安心してご相談いただけるよう、専門用語を極力使わず、丁寧でわかりやすいご説明を心がけております。
さらに、納品前には第三者目線でのユーザビリティチェックを実施し、直感的に操作できる導線設計にこだわっております。
貴社のビジネスの成長に貢献できるサイトづくりを、心を込めてサポートいたしますので、ぜひお気軽にメッセージにてご相談くださいませ。

デザインデータをもとに、HP / LPのHTMLコーディングを代行します

【提供内容】
・デザインを忠実に再現します
　※デザインと重ね合わせて差異なしレベルまで
・HTML/CSSコーディング（レスポンシブ対応）
・簡単なアニメーション（スライダー・ハンバーガーメニュー・アコーディオン・フェードイン等）
・SEO対応の構造化
・主要４ブラウザ(Chrome, Edge, Firefox, Safari)で確認します

【対応ファイル形式】
・Figma：推奨
・PNG・JPG・PSD：GIMPで確認。複雑なレイヤー構成は要相談。再現精度は目視ベース。

【注意事項】
・素材（画像・テキスト）はご支給ください
・デザインの大幅な変更は別途ご相談
・価格、納期はプランの目安です。ページ内の要素ボリュームにより変動します
・ご注文前に必ずメッセージにてご相談ください

初期費用を抑えて、丁寧な対応でWebサイトの改善をサポートします。

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

Webサイトの修正に時間がかかる、デザインが古く見栄えが悪い、スマホ対応ができていない、Webサイトの知識がないため業者に依頼したいが費用を抑えたい。

発注の流れ

お問い合わせ
メッセージにて、修正内容やご要望をお気軽にご相談ください。参考になるWebサイトや資料があれば、共有をお願いします。

お見積り
ご要望を基に、作業内容と料金のお見積もりを提示します。納期や対応範囲について、詳しくご説明します。

作業開始
お見積り内容にご納得いただけましたら、作業を開始します。修正内容によっては、何度か確認を重ねながら進めます。

納品・修正
修正完了後、お客様に確認していただきます。修正点やご要望があれば、お気軽にお申し付けください。

対応範囲・価格

詳しい料金は上記プランをご確認ください。

納期

要相談（作業内容により異なります）

制作の流れ

ヒアリング・企画立案
お客様からご依頼内容をヒアリングし、Webサイトの構成やデザインの方向性を決定します。

コーディング
HTML/CSSやWordPressを使って、Webサイトのコーディングを行います。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるようにします。

テスト・修正
コーディングしたWebサイトをテスト環境で確認し、修正点があれば修正します。

納品
お客様にWebサイトをご確認いただき、問題がなければ納品となります。

サービス内容

HTML/CSSとWordPressの知識を活かし、Webサイトの小さな修正から丁寧に対応いたします。実績作りのため、相場より抑えた価格でWeb制作・修正作業を承っております。お気軽にご相談ください。

Webサイトのことでお困りではありませんか？

「Webサイトの修正をしたいけど、どこに頼めばいいかわからない…」
「デザインが古くて、見栄えが悪い…」
「スマホで見たとき、表示が崩れてしまう…」

そんなお悩みを抱えているなら、ぜひ私にお任せください！

HTML/CSSとWordPressの知識で、あなたのWebサイトを丁寧に修正いたします。

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

あなたのWebサイトを、もっと魅力的にもっと使いやすくしませんか？

【30%OFF（特別価格）のご案内】

現在、ランサーズ内での評価・取引実績の積上げおよび制作事例（ポートフォリオ）の充実を目的に、先着2件限定で通常料金より30%引きにてお受けしております。

経験豊富なエンジニアが担当いたしますので、品質や納期は通常案件と変わりません。「コストを抑えつつ高品質なコーディングを依頼したい」という企業様は、ぜひこの機会にご活用ください。

20年の実績で、あなたのデザインを完璧なコードへと変換します

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

デザインはあるがコーディングできる人員が足りない、ピクセル単位で正確に再現してほしい、既存サイトのコードが古いため整理・修正したい、といったフロントエンド開発の課題を解決します。

発注の流れ

1. メッセージよりご相談
   ランサーズのメッセージ機能から、デザインデータや構成、納期などのご要望をお送りください。内容を確認し詳細をお伺いします。

2. お見積もり・仮払い
   お伺いした仕様に沿ってお見積もりを提示します。合意後、ランサーズ上で仮払いを行っていただいた時点で作業を開始いたします。

3. 制作確認・納品
   成果物ができあがりましたらご確認いただき、ご要望に応じた修正調整を経て、HTML/CSS等のソースコード一式を納品いたします。

対応範囲・価格

LPコーディング：15,000円〜
デザインデータ（1P分）をレスポンシブ対応込みで丁寧にコーディングします。シンプルなLP等に最適です。

複数ページコーディング：45,000円〜
共通パーツを最適に設計し、下層ページを含む5ページまでのサイト構築を行います。運用のしやすいクリーンなコードで制作します。

インタラクティブコーディング：80,000円〜
JavaScriptによるインタラクティブな動き（スライダーやメニュー等）を含め、最大8ページをフルレスポンシブで構築します。

納期

お引き受けから7〜21日（プランにより異なります）

制作の流れ

1. デザインデータの詳細確認
   デザインを確認し、余白・フォント・要素の構造から最適なマークアップ設計を行います。

2. コーディング実装
   HTML/CSSによる構築を行います。必要に応じてJavaScriptを実装します。

3. 表示確認・クオリティチェック
   主要な端末・Macブラウザ、iPhone16（Chrome, Safari）での表示・動作検証を行い、最終納品物として提供します。

サービス内容

Web制作20年以上の経験をフルに活かし、デザインを精密に再現する高品質なHTML/CSS/JavaScriptコーディングをご提供いたします。IT・通信・インターネット業種における基準に準拠した、メンテナンス性の高い美しく整ったソースコードを記述します。LPからコーポレートサイト、既存サイトの部分改修、柔軟かつ丁寧に対応いたします。

デザイン通りのマークアップなどで修正でお困りではありませんか？
デザインデータを忠実に再現する高品質なHTML/CSSコーディングを丁寧に承ります。
まずはランサーズのメッセージ機能よりお気軽にご相談ください。仕様をお伺いし、最適な進行方法を提案いたします。

ご覧いただきありがとうございます。
フリーランスWEBコーダーのfumicaです。

これまでにココナラ経由・個人のお客様経由を含め200件以上の制作・改修を担当し、
更新しやすさ・運用のしやすさを重視したWordPress構築を得意としています。
公開可能な実績はpdfにまとめていますのでぜひご覧ください。

「自分で更新できるサイトにしたい」
「既存サイトをWordPress化して効率よく運用したい」

そんな方に向けて、オリジナルテーマでのWordPress構築を行います。
丁寧でスムーズなやり取りを心がけて対応いたします。

【こんな方におすすめ】
・デザインデータからWordPressサイトを作成したい
・静的サイト（HTML）をWordPress化したい
・更新しやすいサイトにしたい
・コーディングまでまとめて任せたい

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

【作業内容】
・デザインからのWordPress構築（phpコーディングによるオリジナルテーマ）
・HTMLサイト（静的サイト）のWordPress化
・各種投稿機能の実装（ブログ／お知らせ／実績など）
・お問い合わせフォームの設置
・JavaScript（jQuery）による動作実装
（ハンバーガーメニュー／スライダー／アコーディオン／フェードイン など）
・SNS、Googleマップ、動画の埋め込み

【料金】
TOPページ＋下層3ページまで：100,000円〜

※仕様・ボリュームにより変動します
※まずはお気軽にご相談ください

【追加料金の目安】
・1ページ追加：＋10,000円〜
・カスタム投稿機能追加：＋10,000円〜
・複雑な機能実装：別途お見積り

【無料サービス】
・title／description／OGP設定
・Googleタグマネージャー設置
（事前にご準備をお願いいたします）
・画像の軽量化

【修正について】
・初回デザインに対する修正：無制限
・デザイン変更を伴う修正：軽微な内容に限り3回まで

【制作の流れ】
① ヒアリング・お見積り
（デザイン／ご希望納期／ご予算などを共有ください）
↓
② ご購入
↓
③ デザインデータのご共有
↓
④ WordPress構築開始
↓
⑤ ご確認・修正対応
↓
⑥ 納品

【注意事項】
・サーバー／ドメインはお客様にてご用意をお願いいたします
・大幅な仕様変更は別途費用をいただく場合がございます

ご覧いただきありがとうございます！
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。

今までクラウドソーシングサービスや個人のお客様経由を含め、200件以上のサイトのコーディングや改修の対応してまいりました。
ココナラでも活動しており、現在150件以上の実績がございます。
公開可能な実績はpdfにまとめていますのでぜひご覧ください。

こちらのサービスでは、WEBサイトの一部修正、改修、更新を対応いたします。

【こんな方は是非ご相談ください】
・サイトで一部修正したいところがある（例：メインビジュアルなど）
・サイト内で表示崩れがあるので修正して欲しい
・スマホで綺麗に表示されるようにレイアウトを整えて欲しい
・画像や文章を新しいものへ変更したい
・アニメーションを付けたい部分がある
・スライダーやハンバーガーメニュー、アコーディオンなどの機能を付けたい
・WordPressサイトに投稿機能やカスタム投稿機能を付けたい

【作業内容】
・HTML/CSSコーディング
・CSS/javascript（jQuery）でのアニメーション
・WordPressサイトの改修
・WordPressオリジナルテーマの編集

【制作の流れ】
①ヒアリング・お見積り
下記内容をお見積もり相談からお聞かせください。
対応の可否を判断させて頂きます。
・ご依頼内容
改修後のデザインイメージなどもありましたらご共有をお願い致します。
・サイトURL
・WordPressサイトの場合、ログイン情報やFTP情報
・ご希望納期
↓
②購入
↓
③サイト改修
↓
④ご希望通りの状態になっているか確認
実装出来ていない場合は無制限で修正対応させて頂きます。
↓
⑤納品

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

ご覧いただきありがとうございます。
フリーランスWEBコーダーのfumicaです。

これまでにクラウドソーシングサービス、個人のお客様経由を含め200件以上の制作・改修を担当し、リピートを多数いただいております。
ココナラでも活動しており、150件以上の実績がございます。
公開可能な実績はpdfにまとめていますのでぜひご覧ください。

「忙しくてコーディングが追いつかない」「デザインはあるけどコーディングが出来ない」「サイトにアニメーションやスライダーを付けたい」「WordPressやSTUDIOでサイトを公開したい」
そんな方に向けて、丁寧でスムーズなやり取りを心がけて対応いたします。

【作業内容】
・デザインデータからのHTML/CSSによるHP・LPコーディング
・WordPress構築・既存テーマへの組み込み
・STUDIOによるサイト実装
・モバイル表示対応

【料金目安/1ページ】
・TOPページ　20,000円～
・下層ページ　15,000円～

【料金目安/サイト一式】
・LP / コーポレートサイト コーディング
　30,000円〜

・WordPress（小規模サイト・LP / 簡易構築）
　70,000円〜
（お問い合わせフォーム・簡易投稿機能など）
※中規模以上のサイト（複数ページ・カスタム投稿を含む構成など）は別サービスよりご相談ください

・STUDIO実装
　20,000円〜

【その他機能実装など】
・フォーム実装（内容により変動）
　別途お見積り
・アニメーション / JavaScript実装
　内容・難易度によりお見積り
※仕様・ボリュームにより金額は変動します

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化

【修正について】
・初回デザインに対する修正：無制限
・デザイン変更を伴う修正：軽微な内容に限り3回まで

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

【注意事項】
・サーバー／ドメインはお客様にてご用意をお願いいたします
・大幅な仕様変更は別途費用をいただく場合がございます

▼こんな方へオススメ

・楽天・Yahoo!ショッピングでメルマガを活用したいが、制作する時間がない方
・配信はしているが、開封・クリックがなかなか伸びない方
・外注していたが、コストや品質に不満がある方

▼ご提供内容

ECモール(楽天・Yahoo!ショッピング)向けのHTMLメルマガを制作します。
お預かりした商品リスト・素材をもとに、ヘッダー、企画バナー、おすすめ商品紹介、フッターまでを構成・ライティング・デザインします。
ECモールのメルマガを月20回・5年以上継続してきた実務経験をもとに、高頻度配信でも質を保てる制作フローでお届けします。

▼ご購入後の流れ

(1)ヒアリング(対応モール・商品ID・ご要望をお知らせください)
(2)制作・初稿のご提出
(3)ご確認・修正のご指示
(4)修正対応(2回まで)
(5)納品(HTMLデータ／オプションで配信代行も可)

▼制作可能なジャンル

楽天市場・Yahoo!ショッピングのHTMLメルマガ
商品紹介・新商品入荷案内・セール/クーポン告知・季節特集 など

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

ベーシック:1通／スタンダード:2通／プレミアム:3通
オプション:配信代行(＋3,000円)、特集型への変更(＋4,000円)
※2回目以降のご依頼は、過去の制作物を雛形として内容を変更するため、短納期・割安のリピート価格でご案内します。詳しくは個別にお見積りしますので、お気軽にご相談ください。

▼納期

1通あたり7日が目安です。2回目以降のリピート制作は1通あたり3日が目安です。お急ぎの場合はご相談ください。
※お預かりできる商品情報(csvなど)によっては納期を短くすることも可能です。

Figma、Adobe XD、Photoshopなどで作成されたデザインをもとに、LP・サービスサイト・コーポレートサイトのHTML/CSSコーディングを承ります。

「デザインはあるが、実装できる人がいない」
「スマホでも崩れないLPを作りたい」
「既存サイトに新しいページを追加したい」
「資料請求フォームやサンクスページまでまとめて実装したい」
「納品後も修正しやすい形で作ってほしい」

このようなお悩みをお持ちの方に向けたパッケージです。

弊社は、フロントエンド・バックエンド・データ/インフラ領域に強みを持つ現役エンジニア3名のチームです。
単にデザイン通りにコーディングするだけでなく、スマートフォン・タブレット・PCで崩れないレスポンシブ対応、保守しやすいHTML/CSS設計、画像最適化、基本的なSEOを意識したマークアップまで丁寧に対応いたします。

【対応内容】
・Figma / XD / PhotoshopデザインからのHTML/CSSコーディング
・LP、サービスサイト、コーポレートサイトの実装
・レスポンシブ対応
・資料請求フォーム、お問い合わせフォームの実装
・サンクスページの作成
・画像の書き出し、圧縮、最適化
・基本的なSEOを意識したHTML構造
・JavaScriptによる簡単なアニメーション、タブ、アコーディオン、追従ボタンなどの実装
・既存サイトへのページ追加
・納品前の表示確認、リンク確認、フォーム動作確認

【このような方におすすめです】
・新サービスのLPをスピード感を持って公開したい方
・Figmaデザインを忠実にWebページ化したい方
・スマホ表示まで綺麗に整えたい方
・制作会社やデザイナーから受け取ったデザインを実装できる人を探している方
・公開後の修正や運用まで考えた形で納品してほしい方

【制作の流れ】

1. ご相談・要件確認
   Figmaデータ、ページ構成、フォーム有無、納品形式、希望納期を確認します。

2. 実装方針の確認
   不明点をQAとして整理し、実装範囲・対応内容・納品物を明確にします。

3. コーディング
   デザインの再現性を重視しながら、レスポンシブ対応・保守性・表示速度を意識して実装します。

4. 動作確認・修正対応
   PC / スマートフォンでの表示崩れ、リンク、ボタン、フォーム、余白、文言などを確認します。

5. 納品
   HTML / CSS / JavaScript一式、またはご希望の形式で納品いたします。

「ここだけ直したい」「1ページ足したい」——制作会社に頼むほどでもない修正を、まとめてお引き受けします。

■ 対応できること
・文章や画像の差し替え、リンクの修正
・レイアウトの崩れ、スマホで表示がずれる問題の修正
・ページの追加、既存ページの複製と書き換え
・お問い合わせフォームの設置と送信先の設定
・Googleアナリティクス、各種タグの設置
・JavaScriptの動きの追加と、動かない原因の調査
・表示速度の改善（画像のWebP変換、キャッシュ設定、フォントの読み込み方の見直し）

■ 対応できるサイト
HTML・CSS・JavaScriptの静的サイト、PHPのサイト、Next.js・Reactのサイト、WordPress、Wix・STUDIOなど外部サービスで作ったサイト。
サイトの作り方が分からない場合も、URLを教えていただければこちらで調べます。

■ 私について
企業向けの業務システムを7本、要件の整理から設計・実装・運用まで一人で担当しています。自分のサイトもすべて手書きのHTML・CSSで作り、Cloudflareで公開・運用しています。個人ではiOSアプリを4本 App Store で公開しています。

■ 進め方

1. 直したい箇所を教えてください（スクリーンショットに印をつけていただく形が一番早いです）
2. できるかどうかと、かかる時間をお伝えします
3. 作業して、確認していただきます
4. 直した箇所をご説明してお渡しします

■ 事前に教えていただきたいこと
・対象ページのURL
・どこをどう直したいか
・サイトの作り方（WordPress、Wix、手書きのHTMLなど、分かる範囲で）
・管理画面やサーバーへのログイン情報をお渡しいただけるか

■ お引き受けできないこと
・デザインそのものの制作（既存のデザインに合わせた修正は対応します）
・他社が権利を持つテーマやプラグインの、許可のない改変
・元の状態に必ず戻せると保証すること
・SEOのキーワード設計やコンテンツ戦略の提案（見出し構造や表示速度など技術面の改善は対応します）

■ 稼働について
本業があるため、作業は平日20時以降と土日が中心です。チャットの返信は平日日中も可能で、遅くとも24時間以内にお返しします。打ち合わせはビデオ通話でも対応できます。

■ 納品後
同じ箇所の不具合は納品後2週間まで無償で対応します。

まずは「これは直せますか」というご相談だけでも歓迎します。

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

当サービスでは、ウェブ制作歴25年のプロが、確実に反応が取れるランディングページ（LP）を作成します。
すべてのプランで、デザインからコーディング・公開までお任せいただけます。

特に中小企業・個人事業主様向けに、集客の仕組み全体の提案設計を含めたLP制作を得意としております。
もしウェブ集客を改善したい、またはこれから始めたい、とお考えであれば、ぜひご相談下さい。
初めての方も大歓迎です！

制作例

▼YouTube広告運用代行サービス（BtoB）[レスポンシブ]
https://hanayumi.xsrv.jp/el_youtube/

▼人材採用支援サービス（BtoB）[レスポンシブ]
https://hanayumi.xsrv.jp/hirogari/

▼広告モデル募集（求人）[スマホ特化型]
https://hanayumi.xsrv.jp/el_tiktok/

◎その他実績多数！
広告代行／保険／物販／住宅／相続／不用品査定／害獣駆除／ジム／整体／貸スタジオ／セミナー／塾／動画講座など

ポートフォリオ一覧よりご覧下さい。
https://lancers.jp/profile/web_hanayumi/portfolio?ref=more

「反応が取れる」理由

LPには、興味関心を掻き立て、行動したくなるよう計算したデザインが必要です。
当サービスの制作するLPは、認知心理学やWEBマーケティングを活用した設計で、閲覧者の安心感や期待感を高め、迷いや不安を減らし、問い合わせや購入につなげます。

真に効果の見込めるLP制作とは設計・デザイン・構築の総合格闘技であり、決して生成AIが簡単に真似できるものではありません。

提供内容

【ベーシック】
※原稿はお客様でご用意いただきます。
※レスポンシブ対応をしない、スマホ特化型LPになります。
・オリジナルデザイン（ページの長さ無制限）
・有料画像素材提供
・HTML&CSSコーディング
・納品前修正回数無制限
・ファビコン作成
・プライバシーポリシーページ作成
・特商法に基づく表記
・追従ボタン設置
・SNSシェア表示（OGP）対応
・サーバー設定代行
・各種計測タグ埋め込み
・納品後１ヶ月保証

【スタンダード】
※ベーシックの内容に加えて
・原稿作成サポート
・構成案作成
・レスポンシブ対応
・メールフォーム作成
・サンクスページ作成
・画像編集ファイル（Photoshop PSD）提供

【プレミアム】
※スタンダードの内容に加えて

・リサーチ代行
　制作前に顧客リサーチと競合リサーチを行い、あなたの強みが活きるLPを企画します

・原稿作成代行
　ヒアリングやご提供材料を参考に、こちらで内容をすべて作成いたします。

・Google広告設定代行
　あなたの商品が選ばれる検索キーワードをピックアップし、基本的な設定を代行します

サービスの流れ

①「まずは相談する（無料）」よりご相談下さい。
↓
②見積り提案をお送りしますので、ご確認のうえご注文下さい。
↓
③ヒアリングシートへのご記入と、素材のご準備をお願いします。
↓
④素材が揃ったら制作に着手します。
↓（5営業日程度）
⑤ファーストビューのデザインをご確認いただきます。
↓（10営業日程度）
⑥仮完成の状態で全体をご確認いただきます。
↓（修正対応・通常2〜5営業日程度）
⑦最終確認後、ご要望に応じて公開作業を行います。
↓
⑧すべての制作物をお渡しして納品完了です。

購入にあたってのお願い

■お客様には下記のご用意をお願いいたします。
・ヒアリングシート（ご購入後にお渡しします）へのご記入
・（ベーシックプランの場合）原稿
・商品や店舗の写真、顔写真、ロゴ画像等
・レンタルサーバー

■薬機法や医療広告ガイドライン等、法令に抵触する可能性のある内容については事前に専門家によるチェックをうけた原稿をご用意下さい。

■公序良俗に反する内容や、著作権侵害行為にあたるご指示はお受けできません。

■仮完成後の大幅な内容変更には対応できかねますのでご了承下さい。

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行います。

【こんな方におすすめです】
・デザインは自分で用意しているので、コーディングだけ依頼したい
・レスポンシブ対応（スマホ・タブレット・PC）のサイトを作りたい
・納品後に自分で修正できるよう、読みやすいコードで書いてほしい

【対応内容】
・HTML/CSS（SCSS）によるコーディング
・JavaScript（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応（モバイルファースト）
・Figma・Adobe XD・画像ファイルからの再現
・コメント付きの読みやすいコードで納品

【納品物】
・HTML/CSS/JSファイル一式
・画像・フォントなどの素材ファイル
・簡単な修正方法のメモ（希望者のみ）

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有（スタンダード・プレミアムプラン）
5. 修正対応（2回まで無料）
6. 最終納品

【修正について】
納品後2回までの修正は無料で対応します。大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

▼こんな方へオススメ
・既存サイトの特定ページを削除して、リンクも整理したい方
・テキストや画像を一括で差し替えたい方
・スマホ表示の崩れを直したい方
・WordPressのお知らせ更新やプラグイン設定変更を依頼したい方
・問い合わせフォームの項目を変更したい方
・「ちょっとした修正」を頼める相手を探している方

▼ご提供内容
・HTML / CSS / JavaScript / jQuery の修正
・WordPress軽微改修・記事更新・プラグイン設定
・レスポンシブ対応・表示崩れ修正
・問い合わせフォーム改修（項目変更・送信先変更等）
・SEO基本対応（メタタグ・OGP・構造化データ）
・表示速度の軽微改善

▼ご購入後の流れ

1. ご注文後にメッセージで詳細をヒアリングいたします
2. 仮払い確認後に作業着手いたします
3. 進捗はテキストでこまめにご報告します
4. 完成後、PC/スマホで動作確認結果をお見せします
5. ご確認・修正対応後、納品完了

▼制作可能なジャンル
・コーポレートサイトの軽微修正
・LP（ランディングページ）修正
・WordPressブログ・コーポレートサイトの改修
・HTML/CSS静的サイトのテキスト・画像差し替え
・問い合わせフォーム改修

▼料金プランやオプション
・ベーシック ¥10,000：1〜3ページの軽微修正・ページ削除・テキスト変更
・スタンダード ¥20,000：複数ページのリニューアル軽修正・レスポンシブ対応・WordPress軽微改修
・プレミアム ¥40,000：セクション追加・WordPressテーマカスタマイズ・表示速度改善・SEO基本対応

オプションは要件に応じてご相談ください。

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

お急ぎの場合はご相談ください。可能な範囲で短縮対応いたします。

▼私について
SES勤務の現役ITエンジニアです（TypeScript / JavaScript / Angular / PHP 業務4年）。
Claude等のAIツールを活用した効率的な開発を得意としており、新規構築よりも「既存サイトの軽微修正・運用保守」に特に注力しています。

ランサーズでの活動は開始したばかりで実績はこれから積んでいく段階ですが、その分丁寧に対応いたします。
AI（Claude等）を活用していますが、最終的なロジック確認・品質チェックは私自身で行い、コードの説明責任・バグ対応もこちらで担当しますのでご安心ください。

▼対応しない範囲
・新規サイトのフル構築（別途ご相談）
・本格的なデザイン制作（デザイナー領域）
・ECサイト構築（別パッケージで対応予定）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Figma、Adobe XD、Photoshopなどでご支給いただいたデザインをもとに、LP（ランディングページ）のHTML/CSSコーディングを行います。

PC・スマートフォンのデザインに対応し、レスポンシブを意識した見やすいレイアウトで丁寧に実装いたします。

「デザインはあるので、コーディングだけ依頼したい」
「シンプルなLPをできるだけスムーズに公開したい」
といったご相談におすすめのサービスです。

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop（PSD）
・Illustrator（AI）
・画像デザイン
・PDF

※内容によってはご相談させていただく場合があります

【対応内容】
・FigmaデザインをもとにしたLP1ページのコーディング
・HTML / CSSによる実装
・PC / SP（スマホ）デザインに対応
・レスポンシブ対応
・見出し、ボタン、画像、セクションなどの基本実装
・シンプルなアニメーションを除く、静的なLPの実装

【このサービスでできること】
・デザイン支給済みのLPをWebページとして実装
・シンプルな1ページ構成のLP制作
・長さや構成に応じた柔軟なお見積り対応

【プランの目安】
・ベーシック：シンプルなLP（FV＋数セクション程度）
・スタンダード：一般的な長さのLP（標準的な情報量）
・プレミアム：長めのLP、または調整量が多いLP

※LPの長さやセクション数、実装内容によっては別途お見積りとなる場合があります。
※複雑なアニメーションや大幅なレイアウト調整は、内容に応じてご相談となります。

【ご依頼時にご用意いただきたいもの】
・デザインデータ（Figma / Adobe XD / Photoshop など）
・PC / SPデザイン（ご用意がある場合）
・使用する画像素材、テキスト
・必要に応じて参考サイトや補足指示

【ご注意】
・本サービスは「コーディング」を対象としております（デザイン制作は含みません）
・WordPress化、フォーム実装、EC機能実装、複雑なJavaScript実装は対象外、または別途ご相談となります
・内容によっては納期・金額をご相談させていただく場合がございます
・デザインの長さやセクション数、実装ボリュームによっては、事前にお見積りをご相談させていただく場合がございます

丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。

【こんなご要望に応えます】
・毎回Excelを開いて同じ計算をしている。スマホからサッと使いたい
・現場やイベントで、その場で入力して結果を出したい
・お客様向けに、料金シミュレーターや簡易診断を用意したい
・大がかりなシステムは要らない。必要な機能だけの軽いツールが欲しい

1ページで完結する軽いWebツールを制作します。URLを開くだけで使えて、スマホでも快適に動く形にしてお渡しします。

【対応できるツールの例】
・料金や見積りの計算ツール（条件によって金額が変わるものも可）
・入力フォーム型のツール（入力→判定→結果表示）
・簡易診断、チェックリスト、アンケート集計
・抽選、シャッフル、順番決め、ジェネレーター系
・単位換算、日数計算、歩合や手数料の計算
・入力内容をCSVで書き出すツール

【納品物】
・HTML / CSS / JavaScript 一式（1ページ完結）
・簡単な設置手順書
サーバーにアップロードすればそのまま公開できる形でお渡しします。設置作業のお手伝いも可能です。

【進め方】

1. 「どんな入力をして、どんな結果が出てほしいか」を教えてください（手書きのメモやExcelでも構いません）
2. 実現方法・お見積り・納期を無料でご提示します
3. ご了承後に制作。早い段階で動くものをお見せし、操作感を確認いただきます
4. ご確認 → 修正対応 → 納品

【大切にしていること】
・先に動くものをお見せします。完成まで見えないまま進めることはしません
・スマホでの操作性を必ず確認してからお渡しします
・入力ミスへの対処（数値以外が入った、空欄のまま等）を最初から作り込みます
・追加費用が発生する場合は必ず事前にご相談します

【お受けできないこと】
・ログイン機能や会員管理を伴う本格的なWebサービス
・決済機能の実装
・継続的なサーバー運用の代行

まずは「こういうツールが欲しい」をざっくりお聞かせください。実現できるか、どのくらいの規模になるかを正直にお伝えします。

デザインに忠実な再現はもちろん、「公開後の運用」や「SEO・表示速度」までを見据えた、高品質なコーディングを提供いたします。現職でのサイト運用の知見を活かし、ビジネスの成長を技術面からサポートします。

🌟 大切にしていること
デザインへの忠実な再現：1pxのズレにもこだわり、デザイナー様の意図を汲み取ります。
高品質でシンプルな設計：保守性を高め、軽量で読みやすいクリーンコードを徹底します。
柔軟かつスピーディーな対応：納期遵守は勿論、細かな修正や仕様変更にも柔軟に伴走します。

📦 提供プラン
【ベーシックプラン】LP・単発ページ制作
・HTML5 / CSS3（Sass）コーディング（1ページ）
・完全レスポンシブ対応（PC / スマホ / タブレット）
・簡易アニメーション（スムーススクロール、フェードイン等）
・画像最適化（次世代フォーマットWebP対応）
・内部SEO・メタタグ設定（Title / OGP / ファビコン等）

【スタンダードプラン】機能性・動きのあるサイト
・ベーシックプランの全内容
・JavaScriptによる多彩なアニメーション
・お問い合わせフォーム実装（バリデーション込み）
・既存コード・コーディングルールへの厳密な準拠

【プレミアムプラン】CMS・Webサイト構築
・複数ページのパッケージ作成
・WordPress を活用したCMS構築（ブログ機能等）
・サイト全体の設計・導線アドバイス

🛠️ その他のご相談
・パフォーマンス改善：LCP（表示速度）改善、preload/fetchpriorityの最適化
・技術的な悩みの解消：jQueryからVanilla JSへの書き換え
・デザイン補完：PC版デザインからのスマホ版レイアウト作成
・SEO内部対策代行：運用者の視点での構造化マークアップ、タグ最適化
・既存サイト修正：Studio / WordPress / 静的HTMLの微修正・機能追加

🤝 ご用意いただくもの
・デザインデータ（Figma / Adobe XD ）
・指示書・仕様書（あればで構いません。ヒアリングでも補完可能です）
・テキスト・画像

🚀 納品までの流れ
ヒアリング：ご要望の詳細を確認（ランサーズの「メッセージ」「ビデオ通話」「ワークスペース」）
↓
お見積り：内容に基づいた最適なプランを提示
↓
ご発注・素材共有：契約後、制作に必要なデータを共有いただきます
↓
制作開始：進捗状況を適宜共有しながら進めます
↓
確認・修正：テスト環境にてご確認いただき、細部を調整します
↓
納品：本番環境への反映、またはファイル納品にて完了

👤 自己紹介
Webサイト運用担当として数多くのプロジェクトに携っています。
「作って終わり」ではなく、「集客できるか」「運用しやすいか」という視点を常に持ち、クライアント様のビジネスに貢献することをモットーとしています。

HTML・WordPressのコーディングをお任せください！

デザインに合わせたピクセルパーフェクトでコーディング
　
PC・スマートフォン・タブレットなど
あらゆるデバイスに対応した美しい仕上がりを実現いたします。
丁寧でわかりやすい対応を心がけ、修正やご相談にも迅速に対応いたします。
ご予算やご要望に合わせて柔軟に対応いたしますので、どうぞお気軽にご相談ください。
　
こんなお悩みはありませんか？
　

1. デザインはあるけれど、コーディングにかける時間が足りない（時間不足）
2. 品質のばらつきがなく、信頼できるコーダーがなかなか見つからない（品質への不安）
3. コーディング作業に手間取って、デザインに集中できない（業務効率）
   　

   短納期でコーディングをおこないます！

   　

   作業内容

• レスポンシブコーディング
• お問合せフォーム実装
• WordPress化（オリジナルテーマ、カスタムフィールド等も対応可）
• javascript（ローディングアニメーション、 スムーススクロール、スライダー、ハンバーガーメニュー、アコーディオン、モーダル等対応など）
  　
  　

  制作の流れ

  　

  1. ヒアリング・お見積もり（まずはご相談ください！）
  2. ご契約（仮払いで契約となります）
  3. お客様よりデザインデータのご提供
  4. コーディング・テスト
  5. ご確認・修正（回数無制限）
  6. 納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
     　
     　
     思っている以上に早く納品可能です。

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

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行い、WordPressへの構築・入稿・プラグイン設定まで一括で対応します。
Web制作の実務3年・40P規模のコーポレートサイトリニューアルの経験があります（実績写真は許可取得後、順次掲載します）。

【含まれるもの】
・デザインカンプ（Figma / XD / 画像）からのコーディング
・JavaScriptで動きのあるデザインの（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応
・WordPressテーマ構築・カスタマイズ
・カスタム投稿・ACFによる管理画面設計
・お問い合わせフォーム設置
・テキスト・画像の入稿
・PC・スマホ対応
・公開後修正対応（納品後2週間まで）

【含まれないもの】
基本的には含まれませんが、別途ご相談可能です。
・デザイン制作（別途ご相談可）
・サーバー・ドメインの契約・設定
・SEO対策・アクセス解析設置

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有
5. 初稿納品
6. 修正対応
7. 最終納品

【修正について】
納品後2週間以内の修正は無料で対応します。
大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。
要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

ーあなただけの、魅力的なLPページをー

当方では、フロントエンドコーディングの可能性を最大限使い、Webサイト・LP制作を心掛けています。
サイト訪問者のリピート率を上げて、結果として集客力を高める
「魅せるWeデザイン」を、ご提供いたします。

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

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

◆サービス内容

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

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

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

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

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

◆制作の流れ

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

◆納品方法

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

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

「毎月1万円で、専属のWeb担当者を雇っている安心感を」

月3時間の作業で、例えばこんなことができます。

• 文章の書き換え・追記（新着情報やキャンペーン詳細、企業情報など）
• 写真の差し替え（新商品の掲載やスタッフ写真の変更など）
• バナー・画像の作成（簡単な告知画像の作成と設置など）

解決できるお悩み

• しばらく更新できていない
• 自分で直そうとして表示が崩れ、元に戻せなくなった
• 数年前に作ったサイトが、スマホで見ると崩れている
• WordPressやプラグインの更新通知が来ているが、怖くて触れない
• 専門用語がわからず、何をどう頼めばいいか説明できない
• ちょっとした軽い変更なので、すぐやってほしい
• サイトのエラーや崩れている箇所を今すぐ直したい

上記のような、既存サイトの運用・修正・改善を承っております。
単発の修正はもちろん、定期的なメンテナンスもお任せください。
お客様との信頼関係を第一に考え、迅速かつ丁寧なレスポンスを徹底しております。

どのプランを選んだら良いか迷われる場合や、
ご相談レベルでも構いませんので、お気軽にご連絡くださいませ。

対応可能な作業

• コーディング（HTML / CSS / 軽微なJavaScriptの調整）
• フォームの送信エラー、表示エラー対応
• WEBサイトの表示に関するエラー対応
• レスポンシブ対応（スマホ表示の最適化）
• ページ追加
• 機能の追加
• CMS（WordPress・Webflow・MovableType等）の修正も対応します
• ネットショップ（EC-CUBE・メイクショップ等）の修正も対応します

ちょっとした文字修正や画像の差し替えなどは、最短でご依頼当日中の完了も可能です。
Webサイトに関するご依頼・ご相談が初めてという方も、どうぞ安心してお声がけください。
専門用語などは使わず、わかりやすい言葉でご案内させていただきます。

お客様からご用意いただいたデザインデータをもとに、HTML / CSS のコーディングを代行いたします。
デザインの意図を大切にし、見た目が崩れない・修正しやすいコードを心がけています。

【こんな方におすすめ】
・デザインはあるが、コーディングができない
・デザイン通りに再現してほしい
・外注でも丁寧に対応してほしい
・あとから修正しやすいHTMLが欲しい
※デザイナー様・個人事業主様・制作会社様からのご依頼も歓迎です。

【対応内容】

・HTML / CSS による静的コーディング
・スムーススクロール / ハンバーガーメニュー等の基本的なJS実装
・WordPressの導入・構築・改修
・レスポンシブ対応（PC / タブレット / スマートフォン）
・デザイン忠実な再現

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【お見積り／制作期間について】
記載されているものは目安のものとなります。
作成するページ数・要件によって変動いたしますので、お気軽にご相談ください。

【ご依頼の流れ】

1. ヒアリング／お見積り
2. デザインデータ・仕様の共有
3. コーディング作業
4. テスト環境でのご確認・修正対応
5. 納品

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営業日となります。（ベーシックプランの場合）

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

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

【ベーシック】
まずはホームページを導入して体裁を整えたたいという方向けに、JimdoやWIXのようなサイト生成サービスを使って構築します。短納期である程度デザインされたものが作れます。

【スタンダード】
HTML/CSS/jQueryでスタンダードなホームページを制作します。ページ目安は5～6ページです。お問い合わせフォームを付ける場合はPHPによるプログラミングが追加になります。基本的なHTML構造を守り、SEOに良い影響が出るようにします。

【プレミアム】
wordpressやゴリゴリのPHPを使って、新しくホームページを制作いたします。wordpressであればブログの設置ももちろん可能。固定のページは大体10ページ以内を想定しておりますが、柔軟に対応いたしますのでご相談いただければと思います。
またご要望に応じて各種プラグインの導入、修正対応なども承ります。

全てのプランでデザインカンプの制作から可能となっております。デザインは固まっているが構築の手が足りていないという場合は割引も可能です。

[ 毎月1名様限定 ]

この度は当サービスをご覧いただき、ありがとうございます。
フリーランスWeb制作者の tamashita と申します。

本サービスは、WordPressまたはHTMLによるサイト制作（コーディング）のご紹介です。
ただ作るだけでなく、公開後の更新のしやすさ・表示速度・運用のしやすさまで意識して構築するのが特徴です。

コード制作か、ノーコードか？

近年は安価なテンプレート制作やノーコード制作も増えていますが、
実際には以下のお悩みを聞くことがあります。

• 更新しづらい
• 不要な機能が多い
• 表示が重くなる
• 後から修正しにくい
• 将来的に作り直しが必要になる
• 利用後に継続費用が負担になった

など。

もちろん、ノーコード自体を否定するわけではありません。
ただ、事業用サイトや長く運用するサイトでは、見た目だけでなく、更新性・拡張性・保守性まで考えて制作することが大切だと考えています。

こんな方におすすめ

• 長く運用しやすいサイトを作りたい
• 公開後は自分でも更新したい
• 既製テンプレ感の強いサイトは避けたい
• 表示速度や内部構造も意識したい
• 制作後の軽微な改修も相談しやすい相手を探している
• 既存サイトをリニューアルしたい

サービスの特徴

• デザインデータをもとに丁寧にコーディング（デザイン制作は対象外）
• WordPressは更新しやすい構成を意識
• PHPによる実装理解も深めながら、より保守しやすい構成を意識
• HTMLサイトの制作にも対応
• スマホ表示対応
• 基本的な内部SEOを考慮（個人でブログ運営を運用中）
• お問い合わせフォームやFAQ等にも対応可能

価格目安

・HTMLサイト（5P程度）　160,000円〜
・WordPressサイト（5P程度）　230,000円〜
・ページ追加や機能追加は別途お見積り
※基本的な機能実装については、お問い合わせ後にお伝えします

納期目安

1.5か月～（その他受注状況による）

その他

• 受注状況により着手時期が変動するため、まずはご相談ください
• 価格はすべて税込みです
• インボイスは免税事業者となります

まずはサイトの目的やご希望を伺ったうえで、適した形をご提案します。
「とにかく安く作る」より、後から困りにくいサイト制作をお求めの方は、ぜひお気軽にご相談ください。

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

デザイン案を受け取ります。【必須】
→
コーディング作業
（作業時間の目安：10～20時間ほど）
→
問題ないかの確認・修正(２回ほど考えています)
→
納品

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

WordPressで作成されたサイトの修正・更新・カスタマイズを承ります。
軽微な修正でもお気軽にご相談ください。

【このようなお悩みの方におすすめです】
・サイト制作者と連絡が取れず修正・更新ができない
・Web担当者がおらず、自分では対応が難しい
・ちょっと直したいだけなのに頼める相手がいない
・なるべく早く対応してほしい

【対応可能な作業内容】

＜ベーシック｜軽微な修正・差し替え＞
・テキスト修正・文言の追加・変更・削除
・画像・バナーの差し替え
・フォントサイズ・余白・カラーの調整
・リンク・ボタンの追加・修正

＜スタンダード｜複数箇所の修正・調整＞
・CSS調整・レイアウト崩れの修正
・フォームの修正（Contact Form 7など）
・複数ページにわたる修正対応
・グローバルメニューの追加・並び替え

＜プレミアム｜広範囲の修正・カスタマイズ＞
・全体的なデザイン調整
・スマホ表示（レスポンシブ）の修正
・不具合・エラーの調査・修正
・プラグインの追加・設定

【ご依頼の流れ】

1. ご相談：サイトURLと修正箇所をお知らせください
2. お見積もり：作業内容と納期の目安をご提示します
3. 作業開始：進捗は随時ご連絡します
4. ご確認・納品

ご不明な点はお気軽にご相談ください。
内容を確認の上、対応可否・納期・お見積もりをお伝えします。

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

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

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

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

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

○サービスの流れ

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

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

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営業日となります。（ベーシックプランの場合）

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

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

◆はじめに

Webデザインデータを元に、HTML/CSS/JavaScriptによるコーディングを行います。
再現性と保守性を重視し、実運用を想定した実装を心掛けています。

◆予算について

複数ページ制作時の記載金額はあくまで目安です。
制作するページ数やご要件に応じて金額は変動いたします。
また、ご予算に応じた調整も可能ですので、「この予算内でどこまでできるか」など、お気軽にご相談ください。

◆納期について

記載の納期はあくまで目安です。
できる限り短納期での対応を心掛けておりますが、チェックバックの状況により前後する可能性がございます。
あらかじめご了承ください。

◆納品までの流れ

① ヒアリング

• カンプデザインの有無
• 動的制御（アニメーション・スライドなど）の有無
• ご要望・注意点の確認

　↓

②ご契約

• お見積り・納期をご提示いたします
  内容にご納得いただけましたら、ご購入をお願いいたします

　↓

③デザインデータ・必要情報のご共有
ご購入後、以下のデータ・情報をご共有ください。

• デザインデータ（Figma / XD など）
• metaタグ、OGPなどの各種情報
  ※ Adobe Fonts / Google Fonts などの Webフォント使用デザインは問題ありません
  ※ 特殊フォントを使用されている場合は、アウトライン化したデータも併せてご用意ください

　↓

④制作・確認・修正

• 制作後、ご確認いただきます
• 気になる点があれば、可能な限り修正対応いたします
  ※ 文言修正・余白調整などの軽微な修正は回数制限なく対応
  ※ テストアップが必要な場合、テスト環境のご用意も可能です

　↓

⑤納品

• Zip形式で納品いたします
  ※ 納品方法に指定がある場合は事前にお知らせください
  ※ 原則として、公開環境にアップロードする
  　HTML / CSS / JavaScript / 画像ファイルのみのお渡しとなります

◆さいごに

ご不明点やご相談がございましたら、些細なことでもお気軽にご連絡ください。

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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