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

webサイトの修正を承ります。

既存のWebサイトで訴求しているサービス内容が変更になった！
価格表の金額やプラン名を変更したい！
表示している画像を新しいものに差し替えたい！

など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。

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

★ 対応可能デザインデータ★
・figma、Adobe XDなどの各種デザインソフトで作成されたデザインカンプ

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

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

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

★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。（ベーシックプランの場合）

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

楽天市場で新規出店の店舗様へ、
出店許可を取得したら、
オープン審査へ向けていろいろ書類・申請などの準備をしなければならない・・・・
RMSでの設定が面倒、機能の使い方がわからない、オープンまでの時間をかけたくない・・・
審査を通過したら、すぐ売上作れるような状態にしたい・・・・

そんなお悩み解決いたします！
最短15日以内オープンできる！
トップページ制作から審査用商品ページ作成、共通コンテンツのデザイン、様々ツール・機能の設定のサポートまでおまかせ下さい！

学校の課目から生活を基盤としたテーマに変えたテーマカードをもとに
グループで問題に取り組む教材となっています。
家庭教師の方、親御さんらがお子さんに教える為の虎の巻にもなります。

自分で問題を作成するのに時間が足りない
どんな問題が最適なのか？
自分の出題で子どもたちの反応が気になる

日本語・英語切り替えになっていますので外国の方にも対応。

内容物
htmlコードで提供しますので、オフラインでオンラインでも
ご利用できます。

どんな用途で
学校での学びの補完
フリースクールでの学びの教材に
塾を経営されている方へ
学童支援　教育に
ご家庭での親子で取り組む学び

カードが先生を“案内役”に戻す理由

1. 教材研究の負担がゼロになる
   　“何を教えるか”はカード化済み。
   　→ 先生は“どう伝えるか”だけ考えればいい。
2. 授業の流れがカードそのもの
   　カードの順番＝授業の順番。
   　→ 迷わない、疲れない。
3. 先生の個性が自然に乗る構造
   　余白があるから、先生の話が生きる。
   　→ 教師の「人間性」が戻る。
4. 考えすぎて疲れる領域をすべて肩代わり
   　教材作り・構造化・レイアウトなどの“設計仕事”を
   　全部 Quuny が担っている。
5. 授業の時間中、先生が子どもに目を向けられる
   　教材を追うのではなく、子どもを見る授業に戻る。
   　→ これが教育の本質。

※教えるための手ほどきの一例です。

＜AIにそれぞれのカードの詳細を以下のようにコピペして質問すると。。＞
1–2年 5W1H 話す/聞く
5W1Hカードで出来事を説明

※AIが以下のように指導方法例を答えてくれる。
＜AIがべんきょうの手ほどきの例題文（1–2年／家庭／5W1H・話す/聞く）を作ってくれます＞

参考pdf:例１marge=教え方例をChatGPTに答えさせたファイルを添付してます。

カード1：出来事を説明（5W1H）
• いつ：来週の月〜日（7日間）
• どこ：家（リビング→洗面→台所→玄関）
• だれ：ぼく（家族も手伝い1回だけ）
• なに：朝のしたくを8:00までに終える
• なぜ：学校にゆとりをもって行くため
• どうやって：タイマー＋チェック表
• 話す例（10秒）：
「来週、家で朝のしたくを8時までに終わらせます。タイマーと表を使います。」

カード2：なぜ（背景/根拠）＋“？（いつ/どこ）”先回り
• 背景：最近、出発が少し遅れがち
• 根拠：先週はタイマーを使った日は早くできた（5日のうち3日）
• 先回りの答え：
　Qいつ起きる？→6:30
　Qどこで何する？→自室（着替え）→洗面（顔・歯）→台所（朝食）→玄関（荷物）
• 話す例（10秒）：
「6時半に起きて、部屋・洗面・台所・玄関の順で動きます。」

カード3：手順（1週間）
• 月：タイマー10分×3（顔あらい／着替え／荷物確認）
• 火：前夜準備（服・連絡帳）→朝は声に出して復唱
• 水：家族は声かけ1回まで
• 木：自分でチェック表に◯をつける
• 金：忘れ物ゼロで登校
• 土：3分ふりかえり（できた／むずかしかった）
• 日：来週の“直すこと”を1つだけ決める
• 話す例（10秒）：
「毎日やる順番を決めて、金曜日は忘れ物ゼロを目標にします。」

カード4：知識（学校への橋渡し）
• 5W1H：Who＝自分／What＝朝のしたく／When＝6:30–8:00／Where＝家／Why＝時間に間に合う／How＝タイマー＋表
• 順序立て：時系列→場所順→チェック
• 道具：5W1Hカード・メモ・タイマー・チェック表
• 話す例（10秒）：
「5W1Hで順番に言うと、聞く人にも分かりやすいです。」

カード5：KPI・質問メモ・省略検証
• KPI：
　①8:00までに完了＝7/7日
　②忘れ物ゼロ＝5日→7日へ
　③家族の質問数＝5→2へ
• 家族の質問メモ：
　1. 今日の持ち物は？／2. 何時に出る？／3. 鍵は誰？／4. ゴミ出しは？／5. 宿題入れた？
• 省略検証：翌日「カード2」を省いて説明→通じたら○／むずかしければ×を記録
• 話す例（10秒）：
「明日は“なぜ”のカードを省いて説明し、通じるか試します。」

このように各科目の指導を進めていくと無限の指導方法が見つかり
実践していくと先生も子ども達も楽しく学んでいけるのではないでしょうか？
勿論、独学でやってもよし！

資料の山、もう怖くない！スマホ最適化でどこでも見れる、使える資料に大変身させます！

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

紙資料が多くて管理が大変、スマホで見やすくしたい、社内共有をスムーズにしたい

発注の流れ

お問い合わせ
メッセージで資料の種類、ページ数、希望納期などをお知らせください。

資料のご提供
HTML化したい資料をご提供ください（データ形式）。

企画提案・お見積り
資料の内容、ご要望に基づいて、最適なHTML化プランをご提案します。

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

対応範囲・価格

HTML化（Basic）：2万円〜
シンプルな資料のHTML化。スマホでの閲覧に最適化します。ページ数少なめ、デザインはシンプル。

HTML化（Standard）：4万円〜
標準的な資料のHTML化。スマホ最適化に加え、デザイン調整、目次作成など、見やすさを追求します。

HTML化（Premium）：8万円〜
リッチな資料のHTML化。スマホ最適化、デザイン調整に加え、インタラクティブな機能（アニメーション、検索など）を実装し、表現力を高めます。

納期

契約から1〜2週間

制作の流れ

資料分析・設計
ご提供いただいた資料を分析し、HTML化の設計を行います。

HTML化作業
HTMLコーディング、デザイン調整、動作確認を行います。

中間確認・修正
お客様に中間確認をしていただき、フィードバックを反映します。

納品
最終確認後、納品データを送付します。

サービス内容

お手持ちの資料を、スマホでサクサク見れるHTML形式に変換します。いつでもどこでも資料を確認、共有できるようになり、業務効率が劇的にアップします！

資料のHTML化で、あなたのビジネスを加速させませんか？

「紙の資料が多くて管理が大変…」「スマホで見れたらもっと便利なのに…」
そんなお悩み、私が解決します！

電機メーカーでの25年の経験で培ったスキルを活かし、エクセル、ワード、パワーポイントなどの資料を、スマホでサクサク見れるHTML形式に変換します。

いつでもどこでも資料を確認、共有できるようになり、業務効率が劇的にアップ！

今すぐご相談ください。最適なプランをご提案します。

【対応可能な業務範囲】

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

【標準的なお見積り】

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

【納品までの流れ】

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

【納期】

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

古いホームページをスマホ対応に！ 費用を抑えて、集客チャンスを最大化します！

既存PC向けホームページをURLはそのままにレスポンシブ化（画面の大きさに合わせて表示を最適化）。

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

スマホからのアクセスが増えているのに、ホームページがスマホ対応できていない。
スマホ対応したいが、リニューアル費用が高い。
PCサイトのデザインは気に入っているので、その雰囲気を損なわずにスマホ対応したい。

無料お見積もりの段階でおおよその仕上がりをテストページを作成してご提案します

お問い合わせの際に、ホームページのURLをお知らせください。
ホームページを拝見し、サンプルとして「仕上がり予定図」をご提示します。
それを確認してから発注するかどうかをご判断ください。

サンプル提示後の営業はいたしませんので、『思っていたのと違うな』ということであれば、そのままスルーしていただいてかまいません。
お気軽にどうぞ。

ページ数ではなくCSSファィルの容量で料金計算するから安くて明朗

ご自身でのお見積もりも可能です。
そのホームページに関わるすべてのPC表示用CSSファイルを選り出してください。
次にファイル容量を合計してください。

ファイル容量の合計が10KB（キロバイト）以内、なおかつ文字数のトータルが5,000文字以内 = 12,000円（最低ライン）。
ファイル容量の合計が20KB以内、なおかつ文字数のトータルが10,000文字以内 = 20,000円。
ファイル容量の合計が30KB以内、なおかつ文字数のトータルが15,000文字以内 = 28,000円。

基本料金4,000円＋10KB毎に8,000円という計算方法です。
見積もり時の計算が合っているかどうか（妥当な価格であるかどうか）を、第三者にも客観的に検証してもらえます。

この際、ページ数は関係ありません。
極端なケースですが、ページ数100ページであったとしてもCSSファイルの総容量が10KB以内かつ5,000文字以内であれば料金は12,000円となります。

ごく一般的な10ページ程度のホームページであれば10KB以内に収まっていることが多いです。

お問い合わせいただければこちらで計算いたします。

納期

最短4日間

制作の流れ

• コーディング
  お客様のPCサイトを基本に、トレンドを取り入れながらスマホやタブレットに最適なレイアウトを考えます。
  そこからお客様のご要望をお聞きして調整を行います。
  PCサイトに無い機能や、スマホページの時だけ追加したい画像がある場合はご相談ください（たとえばスマホ時にハンバーガーメニューを導入したいなど）。

• 対応画面
  PCとスマートフォンだけではなく、中間の大きさのタブレットにも最適化されます。
  一番小さい端末はiPhone SE（第2・3世代）を想定しています。

• 納品
  スマホ最適化されたホームページをZIPファイルで納品いたします。

レンタルサーバへの転送・設置も代行して欲しいという場合は、

• サーバ名
• アカウント名（ユーザー名）
• ログインパスワード

の情報が3つとも必要です。

設置代行は無料です。

サービス内容

PCサイトのデザインはそのままに、スマホに最適化するサービスです。低コストでスマホ対応を実現し、集客アップに貢献します。

ホームページをお持ちの卸売・小売業、飲食店、士業の皆様、スマホ対応はお済みですか？
スマホからのアクセスが増加している今、スマホ対応は必須です。
しかし、ホームページのリニューアルには高額な費用がかかります。
そこで、私がご提供するのが、既存のPCサイトのデザインをそのままに、低コストでスマホ対応を実現するサービスです。
最小限の工事で、スマホユーザーを取り込み、集客アップに貢献します。
まずは、お気軽にご相談ください。

ハイクオリティなHTML/CSSコーディングで、御社のWebサイトを魅力的に、そして使いやすくしませんか？最新技術を駆使し、細部までこだわった丁寧な作業で、お客様のビジネスを加速させます。

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

WebサイトのUI/UX改善、レスポンシブ対応、SEO対策、表示速度の改善、既存サイトのメンテナンス。

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、ターゲット層、デザインイメージ、必要なページ数などをお知らせください。参考となるWebサイトがあれば、URLをお伝えください。

企画提案・お見積り
お客様からいただいた情報をもとに、最適なコーディングプランをご提案します。概算のお見積もり、納期も合わせてお伝えします。

ご契約
提案内容にご納得いただけましたら、正式にご契約となります。着手金として、お見積もり金額の30%をお支払いいただきます。

コーディング作業
お客様からデザインデータ（PSD、Sketch、XDなど）をお預かりし、コーディング作業を開始します。必要に応じて、お客様と連絡を取りながら進めます。

ご確認・修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

納品・お支払い
修正が完了しましたら、納品となります。残りの金額をお支払いいただきます。

対応範囲・価格

基本コーディングプラン：5万円〜
基本的なHTML/CSSコーディングを行います。TOPページ、会社概要ページ、お問い合わせページなど、5ページまで対応可能です。レスポンシブ対応も含まれます。

標準コーディングプラン：10万円〜
基本コーディングに加え、JavaScriptによる簡単な動的表現、アニメーションの実装、フォームの最適化などを行います。SEO対策として、メタデータの最適化、構造化データの実装も行います。

プレミアムコーディングプラン：20万円〜
標準コーディングに加え、Webサイト全体のUI/UX改善提案、高度なアニメーション、複雑なフォームの実装、多言語対応、CMSとの連携などを行います。パフォーマンス改善として、画像の最適化、コードの圧縮、キャッシュの活用なども行います。

納期

案件の規模と内容によりますが、通常1週間〜4週間で納品いたします。

制作の流れ

設計
お客様からいただいた情報、デザインデータをもとに、Webサイト全体の設計を行います。ページ構成、必要なファイル、コーディング規約などを決定します。

コーディング
設計をもとに、HTML/CSSコーディングを行います。最新のフレームワークを使用し、レスポンシブでスケーラブルなWebサイトを構築します。JavaScriptによる動的表現、アニメーションの実装も行います。

テスト
コーディングが完了しましたら、Webサイトの動作確認を行います。様々なブラウザ、デバイスで正しく表示されるか確認します。表示速度の改善、SEO対策も行います。

修正
テスト環境にて、お客様にWebサイトをご確認いただきます。修正点があれば、ご指摘ください。

納品
修正が完了しましたら、納品となります。

サービス内容

お客様のデザインデータ（PSD、Sketch、XDなど）をもとに、WebサイトをHTML/CSSでコーディングいたします。PCサイト、スマートフォンサイト、レスポンシブサイトなど、様々なWebサイトに対応可能です。最新のフレームワークを使用し、SEO対策、表示速度の改善も行います。

Webサイトのコーディングでお困りではありませんか？
デザインはあるけど、コーディングする人がいない。
コーディングを依頼したいけど、どこに頼めばいいかわからない。
そんなお悩みを解決します！
6年のエンジニア経験を活かし、お客様のデザインデータを元に、高品質なWebサイトを制作いたします。
最新の技術を駆使し、SEO対策、表示速度の改善も行います。
ぜひ一度、ご相談ください。

自己紹介

ランサーズでは、フロントエンジニアとしてWeb関連の業務をしています。
基本的なコーディングは勿論のこと、WordPressやMicro CMSなどのCMS組み込み、ShopiflyやEC-CUBEを使ったEC構築も承っています。
また、今後はReact / TypeScriptを使ったモダンな開発でも貢献していきたいと考えております。

このパッケージについて

スピーディかつ高品質に、HTML / CSS / JavaScriptを使ったコーディングをします。

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

❓ 「自社のコーダーが足りない」
❓ 「PCのデザインだけで、SPもよしなに調整して欲しい」
❓ 「各種CMS・ECサイト構築できるエンジアが足りない」
❓ 「デザインを作れるがコーディングができない」

こんな方におすすめです

✔︎ 「コーディングの外注先をお探しの方」
✔︎ 「パートナーとなるコーダーをお探しのデザイナーの方」
✔︎ 「タイトなスケジュールで活動できるフロントエンジニアをお探しの方」

サービス内容

デザインからコーディング致します。
料金は、ページのボリュームによって変動します。

▼ WordPress / MicroCMSなどの各種CMS組み込みをご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097

▼ Shopifly / EC-Cubeなどの各種ECサイト構築をご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097

ご依頼の流れ

1. ご相談

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

2. 見積もり提出

お見積もりと納期をご提示します。

3. オファーの作成・承諾

ご納得いただけましたらオファーを作成しますので、承諾してください。

4. 作業開始

作業を開始します。

5. 確認・修正

完成したサイトを確認していただき、満足いただけるまで修正します。

「まずは相談する（無料）」のボタンからお気軽にご相談ください

相談の際は、下記テンプレートを使用していただけますとスムーズです。

「準備中」

他にもパッケージを出品しています

▼ スピーディかつ高品質 / 各種CMS / ECサイト対応 】コーディング代行します
https://www.lancers.jp/menu/detail/1242097

お客様の想いをカタチに！デザインカンプコーディングからWordPressまで、Web制作をサポートします。

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

Webサイトのデザインはあるけど、コーディングしてくれる人がいない。WordPressで更新しやすいサイトにしたい。スマホ対応もきちんとしたい。

発注の流れ

お問い合わせ
まずはメッセージにて、Webサイトの目的、ターゲット、デザインの有無、ご予算などをお気軽にご相談ください。

ヒアリング
お客様のWebサイトに対する想いを詳しくお伺いし、最適なプランをご提案します。必要に応じて、ビデオ通話での打ち合わせも可能です。

ご契約・素材ご提供
お見積もり内容にご納得いただけましたら、ご契約となります。制作に必要な素材（テキスト、画像など）をご提供ください。

制作開始
お客様のご要望を反映しながら、丁寧にコーディングを進めていきます。進捗状況は随時ご報告いたしますのでご安心ください。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

対応範囲・価格

デザインカンプコーディング：30,000円～
Figma, Adobe illustratorなどのデザインカンプから、忠実に、そして美しくWebサイトをコーディングします。アニメーションの実装もお任せください。

WordPressサイト制作・移行：80,000円～
WordPressによるWebサイトの新規制作、既存サイトのWordPress化を承ります。SEO対策、MEO対策もお任せください。

静的サイトWordPress化：50,000円～
既存の静的HTMLサイトを、WordPressで構築し直します。ブログ機能の追加や、SEO対策も可能です。

納期

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

制作の流れ。

・ヒアリング
ヒアリングシートを用いてクライアント様のご要望を丁寧にお聞きいたします。

・コーディング
デザインカンプがある場合は、それに沿って丁寧にコーディングしていきます。デザインがない場合は、ご要望に応じてデザイン制作も承ります（別途お見積もり）。

・テスト・SEO対策
PC、スマホ、タブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。また、SEO対策も合わせて実施します。

・納品・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。お客様にご納得いただけましたら、納品となります。

・運用・保守サポート
納品後も、Webサイトの運用・保守に関するサポートを承ります。お気軽にご相談ください。

サービス内容

デザインカンプからのコーディング、レスポンシブ対応、WordPressサイト制作、静的サイトWordPress化など、Web制作に関わる幅広いサービスを提供します。お客様の目的やご要望をしっかりと理解し、高品質なWebサイトを制作します。

Webサイトのことでお困りではありませんか？デザインはあるけどコーディングできる人がいない、WordPressで更新しやすいサイトにしたい、スマホ対応もきちんとしたい…。そんなお悩みをWeb制作コーダーの私が解決します！丁寧なヒアリングでお客様の想いをカタチにし、高品質なWebサイトを制作いたします。まずは、お気軽にご相談ください。

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

現在、ランサーズでの実績獲得のため、格安でご対応可能です！
アニメーション・ページの長さに関わらず、
LP or TOPページ　￥10,000でコーディングいたします。

◎こんな方へおすすめです◎
・デザインはあるけれど、実装する人手が足りない方
・制作が詰まっていて、急ぎで形にしたい方（状況により優先対応可）
・スマホ〜PCまでしっかり綺麗に整えたい方
・公開後の更新や修正を想定して、扱いやすい形で納品してほしい方
・やり取りが丁寧で、進行が分かりやすい相手に任せたい方

◎ご提供できること◎
・HTML、CSSでの静的コーディング
・レスポンシブ対応
・Javascript（jQuery）でのアニメーションの実装
・WordPress実装
・お問い合わせフォーム実装
・既存ページの修正
など

◎購入後の流れ◎
①ヒアリング
　デザイン確認後、対応範囲や納品形式などのすり合わせを行います。
②制作開始
③確認・修正
　修正は３回まで無料で行います。
④納品（データ一式／必要事項の共有）

◎納期について◎
例）
LP（1ページ）：正式に着手後、3日
TOP +下層数ページ：正式に着手後、7日〜10日

ページ数・内容によって納期は変動しますが、お急ぎ案件の場合も
できる限りお応えできるよう努めますので、まずはご相談ください。

◎お約束すること◎
・分かりやすく、丁寧なコミュニケーション
　安心して任せていただけるように、真摯に取り組みます。
・見やすく、運用しやすい納品
　更新や修正がしやすいよう、構成やファイルを整理してお渡しします。
・仕上がりの品質確認
　スマホ〜PCまで各ブラウザで表示を確認します。
・納期を意識した進行

なるべく迅速なレスポンス＆作業ができるよう心がけております。
内容に合わせて柔軟に対応しますので、ぜひお気軽にお問い合わせください。

デザインデータから高品質なWebサイトを迅速に構築します！レスポンシブ対応でスマホも安心。あなたのビジネスをWebで成功に導きます。

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

企業のWebサイトをリニューアルしたいが、デザインデータはあるもののコーディングできる人がいない。スマホ対応も必須。

発注の流れ

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

お打ち合わせ
デザインデータを確認し、Webサイトの構成、機能、SEO対策などについてご提案します。

お見積もり・ご契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。

制作・納品
コーディング、テスト、修正を行い、Webサイトを納品します。

対応範囲・価格

基本のWebサイト構築：5万円〜
HTML/CSSによるレスポンシブWebサイト構築（5ページまで）。デザインデータからのコーディング、スマホ対応、SEO対策。

WordPressテーマ化：10万円〜
WordPressテーマ化（オリジナルテーマ）。基本のWebサイト構築に加え、WordPressによるCMS導入、ブログ機能追加。

STUDIO制作：8万円〜
STUDIOを用いたWebサイト制作。STUDIOによるWebサイト制作、アニメーションやインタラクションの実装。

納期

最短1週間で納品

制作の流れ

要件定義・設計
お客様から提供されたデザインデータと要件を詳細に分析し、Webサイトの構造を設計します。

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

テスト・修正
テスト環境で動作確認を行い、修正点があれば修正します。

納品・公開
Webサイトを納品します。必要に応じて、サーバーへのアップロード作業も行います。

サービス内容

デザインデータから高品質なWebサイトを迅速に構築します。レスポンシブ対応でスマホも安心。WordPressテーマ化やSTUDIO制作も対応可能です。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？スマホ対応もしたいけど、どうすればいいかわからない？そんなあなたのために、私がWebサイトを制作します！FigmaやXDのデザインデータを正確に再現し、レスポンシブ対応でスマホでも快適に閲覧できるWebサイトを制作します。WordPressテーマ化やSTUDIO制作も対応可能です。お気軽にご相談ください。

Figmaデザインを高品質なWebサイトへ！あなたの想いをカタチにします。

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

Webサイトのデザインはあるけど、コーディングできる人がいない。コーディングを依頼したいが、どこに頼めば良いか分からない。クオリティの高いWebサイトを制作したいが、費用を抑えたい。

発注の流れ

お問い合わせ
メッセージにて、Figmaデザインデータ、ご希望のWebサイトイメージ、納期などをお知らせください。

デザイン確認・ヒアリング
Figmaデザインデータを確認し、Webサイトの構成、必要な機能、デザインの詳細についてヒアリングいたします。

お見積もり・ご契約
お打ち合わせ内容に基づき、お見積もりと制作スケジュールをご提示いたします。

制作開始
コーディング作業を開始し、進捗状況を随時ご報告いたします。お客様からのフィードバックを元に修正も行います。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。

対応範囲・価格

Webサイト コーディング：1万円〜
Figmaデザインを基に、HTML/CSS/JavaScriptで忠実に再現。レスポンシブ対応でスマホ表示も美しく。
フェードイン、スライド、ハンバーガーアイコンなどのアニメーション可能。

Webサイト コーディング：5万円〜
上記以外の複雑なアニメーションが必要な場合。

WebサイトWordPressオリジナルテーマ構築：10万円〜

納期

最短7日

制作の流れ

設計・準備
Figmaデザインデータを詳細に分析し、Webサイトの構造を設計します。

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

WordPress 構築（必要な場合）
WordPress化をご希望の場合は、WordPressのテーマを構築し、必要な機能を実装します。

品質チェック
Webサイトの動作確認、表示確認、SEO対策など、品質チェックを行います。

最終確認・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。修正３回無料。

納品・公開
Webサイトのデータを納品いたします。サーバーへのアップロード作業もサポートいたします。

サービス内容

Figmaからのコーディング代行、Webサイト制作、WordPress構築を承ります。お客様のデザインを高品質なWebサイトとして実現いたします。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？
コーディングを依頼したいけど、どこに頼めば良いか分からなくて悩んでいませんか？

そんなあなたのために、Figmaデザインからの高品質なWebサイト制作を承ります。

私は、Figmaデザインを忠実に再現し、細部まで丁寧に仕上げることを得意としています。
これまでの経験を活かし、お客様のWebサイト制作をサポートいたします。

Webサイト制作でお困りの方は、ぜひ一度ご相談ください。

ポートフォリオはこちら　https://fori.io/leo-code-lab

ご覧いただきありがとうございます。
フリーランスとして「Studio」でコーディング（実装）を承っている濱崎と申します。

★デザイン制作後に実装まで手が回らないWebデザイナー様
★受注が多く実装部分は手伝ってほしいWeb制作会社様

など、Studip実装部分のみ代行してほしいという方向けのサービスです。
※デザインカンプ（Figmaのみ対応）はお客様にご用意いただきます

【サービス内容】
Studio実装のみ
・画像圧縮
・レスポンシブ対応
・CMS構築
・内部SEO設定
・アニメーション（出現時、ホバーなど）
・カルーセル
・アコーディオン
・Google mapの埋め込み
・SNSの埋め込み
・背景動画の設定　　など

【料金】
デザインによって変動します！

以下の場合は別途追加料金が発生します。
・CMS操作マニュアルの作成
・CMSの本記事入力
・デザイン確定後の大幅なデザイン変更
・デザインがないページの追加
・お急ぎ納品
など

【ご準備いただくもの】
・デザインデータ（URLでご共有いただきます）
・Studioのアカウント

【納期目安】
デザインやご依頼時期によって変動します。

【購入と制作の流れ】
①ご相談とお見積り
ご依頼の内容を詳しくお聞かせください。
お見積りさせていただきます。
↓
②ご購入
お見積り内容にご納得いただけましたらご購入ください。
↓
③制作準備
Studio内のプロジェクトへご招待していただき、各種素材をお送りください。
↓
④制作開始
↓
⑤プレビューでご確認
↓
⑥修正対応
↓
⑦正式納品

お気軽にご相談ください！丁寧に対応させていただきます。

CSSの修正をお願いしたいけれど、scssが使用されていてうまいかない...
このようなお悩みはありませんか？
FL designはscssの使用歴が5年ほどですので、ぜひ作業のご依頼をいただけますと幸いです！

HTML / CSS / JavaScript および WordPressを用いたWebサイトのコーディング・構築を行います。
デザインデータをもとに、Webページを一から制作したい方に向けたサービスです。

【どんな方に向けたサービスか】
・デザインは完成しており、実装を任せたい方
・WebサイトやLPを新規で制作したい方
・WordPressを使ったオリジナルサイトを構築したい方

【対応できる制作内容】
・HTML / CSS / JavaScriptによるWebサイト・LP制作
・レスポンシブ対応を含むページ制作
・WordPressテーマの新規構築
・固定ページ、投稿ページのコーディング
・お問い合わせフォームなど基本機能の実装

【提供内容・納品物】
・コーディング済みHTML / CSS / JavaScriptデータ
・レスポンシブ対応済みWebページ
・WordPressサイト一式（テーマ・テンプレート）

※Figma / XD / illustrator などのデザインデータから制作可能です。

【進め方】

1. 制作内容・ページ構成のヒアリング
2. 実装方針のすり合わせ
3. コーディング・サイト構築
4. 動作・表示確認
5. 納品

【強み・経験】
HTML / CSS / JavaScript、WordPressを用いたWebサイト制作を多数経験しており、
個人サイトから企業サイトまで幅広い制作実績があります。
デザインの再現性と、運用しやすい構成を意識したコーディングを行います。

Webサイトを一から制作したい方は、ぜひご相談ください。

デザインと実装、両方の視点からWebサイトの価値を最大化します！

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

デザインの知識がないため、Webサイトの品質に不安がある。実装できる人がいないため、Webサイトが作れない。

発注の流れ

お問い合わせ
まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望をお伺いします。

ヒアリング
お客様のWebサイトの目的やターゲットユーザー、デザインのイメージなどを詳しくヒアリングします。

企画・提案
ヒアリング内容をもとに、Webサイトの構成案やデザイン案、お見積もりをご提案します。

ご契約・制作開始
提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。

制作・確認
Webサイトのデザインやコーディングを行い、お客様に確認していただきます。修正があれば、修正対応を行います。

納品・公開
Webサイトの動作確認を行い、問題がなければ納品となります。納品後も、Webサイトの運用に関するサポートをいたします。

対応範囲・価格

Webサイト コーディング代行：20,000円〜
HTML/CSS/JavaScriptでのコーディングを代行します。既存デザインのカンプデータからのコーディングや、デザインがない状態からのWebサイトの作成も可能です。修正は3回まで対応いたします。

Webサイト デザイン制作：50,000円〜
Webサイトのデザインを制作します。お客様のイメージをヒアリングし、ターゲットユーザーに合わせたデザインを提案します。修正は3回まで対応いたします。

WordPress サイト構築：100,000円〜
WordPressの導入からカスタマイズまで、Webサイトの構築をトータルでサポートします。お客様の要望に合わせたテーマの選定や、プラグインの導入、SEO対策なども行います。

納期

要相談

制作の流れ

企画立案
お客様からいただいた情報をもとに、Webサイトの構成案やデザイン案を考えます。

デザイン制作
構成案やデザイン案をもとに、Webサイトのデザインを制作します。

コーディング
デザインをもとに、HTML/CSS/JavaScriptでコーディングを行います。

テスト・修正
Webサイトをサーバーにアップロードし、動作確認を行います。

納品
お客様にWebサイトを確認していただき、修正があれば修正対応を行います。

サービス内容

Webサイト制作、デザイン、コーディング、WordPress構築など、Webサイトに関するあらゆる業務を承ります。お客様のWebサイトの課題を解決し、目標達成をサポートします。

Webサイトのことでお困りではありませんか？
「Webサイトを作りたいけど、何から始めたらいいかわからない…」
「今のWebサイトのデザインが古くて、使いにくい…」
「WebサイトのSEO対策をしたいけど、どうすればいいかわからない…」
そんなお悩みを、Keiskが解決します！

Keiskは、エンジニア視点の実装力とデザインスキルを兼ね備えたフリーランスエンジニアです。
お客様のWebサイトの課題を解決し、目標達成をサポートします。

今回は特別に、Webサイト制作に関するお得なパッケージをご用意しました。
この機会にぜひ、KeiskのWebサイト制作サービスをご利用ください！

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

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

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

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

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

特別料金でコーディングさせていただきます！
★あなたの想いを形に！心を込めたコーディングで、Webサイトの魅力を最大限に引き出します★

このようなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足りずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングを外注したいWebディレクターやコーダー様
コーディングをサポートしてくれるコーダーをお探しのWebデザイナー様

事前相談はいつでも無料で承ります。気軽にお問い合わせください。

サポート内容
コーディング全般
WordPress対応
メタタグ設定、OGP設定
・レスポンシブ対応

発注の流れ

1.プランを選択し、「まずは相談（無料）」ボタンをクリック
メッセージにて、業務内容やご要望、納期などをすり合わせします。
2.デザイン、メタタグ内容、OGP画像を提出していただきます。
3.デザインに沿ったコーディングをいたします。
4.こちらのテストサーバーにて表示確認をさせていただきます。
5.表示確認ができましたら、ファイルにて納品させていただきます。

対応範囲・価格

TOPページ コーディング：20,000円
TOPページのデザインに合わせて、美しいコーディングを施します。4セクションまで対応。

セクション追加：5,000円／セクション
TOPページに追加でセクションを増やしたい場合に。

下層ページ コーディング：10,000円／ページ
会社概要やサービス紹介など、下層ページのコーディングを承ります。

WordPress化：20,000円
コーディングしたWebサイトをWordPressで構築し、お客様自身で簡単に更新できるようにします。

納期

案件の内容により異なりますが、通常1週間～1ヶ月

制作の流れ

事前準備
お客様からいただいた情報をもとに、コーディングの準備を行います。

コーディング
HTML、CSS、JavaScriptを用いて、Webサイトを丁寧にコーディングいたします。

ご確認・修正
コーディングしたWebサイトをご確認いただき、修正点があればご指摘ください。

納品・アフターフォロー
最終確認後、納品となります。納品後も、軽微な修正は対応いたします。

サービス内容

HTML/CSS/JavaScriptを使用したWebサイトのコーディングを承ります。BEMやSassを用いた保守性の高いコーディング、レスポンシブ対応、WordPressのオリジナルテーマ開発も可能です。お客様の想いを形にするWebサイトを制作いたします。

Webサイトの見た目を変えたいけど、どこから手をつければいいかわからない…そんなお悩みはありませんか？HTML、CSS、JavaScriptのプロが、あなたのWebサイトを美しく、使いやすく生まれ変わらせます！丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。

Figmaデザインを高品質なHTML/CSSへ！あなたのWebサイトを魅力的に生まれ変わらせます。

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

• Webサイトのデザインはあるが、コーディングするリソースがない
• デザインの意図を正確に反映したコーディングを求めている
• レスポンシブ対応で、スマホでも見やすいサイトにしたい
• WordPressで簡単に更新できるサイトにしたい

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始いたします。

テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。

納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。

対応範囲・価格

Basicコーディングプラン：30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。

Standard動的Webサイトプラン：50,000円〜
Basicプランに加え、JavaScript（jQuery）による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。

Premium WordPress構築プラン：150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。

納期

要相談

制作の流れ

デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。

コーディング
HTML/CSS/JavaScript（jQuery）を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。

テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。

お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。

納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。

サービス内容

Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。

Webサイトのデザインはあるけど、コーディングでお困りではありませんか？
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください！

✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• WordPressの設定やテーマ調整に困っている方
• サイトの移行やサーバー設定を安心して任せたい方
• 企業サイトをしっかりと整えたい方
• 初めてのWebサイト制作で不安がある方

🛠️ご提供内容
• WordPressサイトの構築・移行（All-in-One WP Migration対応）
• レスポンシブ対応（スマホ・タブレット最適化）
• テーマカスタマイズ（色・レイアウト・構成調整）
• 表示崩れの修正・CSS調整
• サーバー設定（Xserver・Cyberduck・SSL・DNS・Basic認証）
• SEO初期設定（metaタグ・OGPなど）
• PR文・プロフィール設計のアドバイス（希望者のみ）

🛒ご購入の流れ

1. 「見積もり・相談」からご希望内容をご連絡ください
2. 内容確認後、最適なプランと納期をご提案します
3. ご購入後、必要な情報（ログイン情報・素材など）をご提供いただきます
4. 制作・修正作業を進行（進捗報告あり）
5. 納品・ご確認 → 修正対応（1回まで無料）
6. 完了・評価

🎨制作可能なジャンル
• 企業・店舗の公式サイト
• サービス紹介・ポートフォリオサイト
• ブログ・メディアサイト（WordPress）
• LP（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

WordPress・SEOに強いWebコーダーのらぐちです。
Web制作会社やフリーランスのクリエイターとして50件以上の案件に携わってきました。
リソース不足に悩む、Web制作会社様やデザイナー様に代わってデザインに忠実なコーディングを代行いたします。
パソコン・スマートフォン・タブレットにおける表示に完全対応！
豊富な実績を持つフリーランスが親切・丁寧にお仕事いたします。

★このような方におすすめのサービスです

• デザインデータはあるけどコーディングができない
• コーディング作業のための時間が足りない
• ちょっとしたアニメーションが必要だけど自分では難しい

★サービスの内容

• HTML・CSSの静的コーディング
• JavaScriptを使った動的な表現
• WordPressのテーマ開発（クラシックテーマ）
• WordPressへの機能追加（※別途お見積りいたします）
  ※どのような案件も1ページから承ります！

★制作の流れ

1. ヒアリング（お見積り）※お気軽にご相談ください
   ご依頼の内容を伺います。
   コーディングするWebサイトの内容や目的、ページ数、スケジュール、ドメイン、サーバーなどの情報をお聞かせください。
   アニメーションなど動きが必要な場合は、簡単なイメージだけでも共有していただけると幸いです。
   （参考URLの提示などでも構いません）

2. 契約（仮払い）
   ヒアリングを受けてお役に立てそうであれば、仮払いにてご契約いたします。

3. お客様からデザインデータの受け取り（Figma・Photoshopに対応）
   お客様からデザインデータをいただきます。
   対応しているアプリはFigmaとPhotoshopです。
   デザインデータのほかにコーディングルールがございましたら、合わせてご提供ください。
   WordPressの場合は、差し支えなければ管理画面のIDとPass情報もいただけるとありがたいです。

4. コーディング実装・動作確認
   コーディングを開始します。
   WordPressの場合は、管理画面の構築やテーマファイルのアップロードまで対応いたします。

5. お客様によるご確認
   納品の前にお客様によるご確認をお願いいたします。
   動作確認用のプレビュー環境をこちらで準備することも可能です。

6. 納品（zipファイル、サーバーへのアップロードなど柔軟に対応いたします）
   ご確認の結果、問題なければ納品とさせていただきます。

★無料対応

• 画像変換と圧縮（JPG・GIF・PNG ⇒ WebP）
• 基本的なSEO（titleタグ、description、OGP、構造化データなど）
• WordPressやコーディングに関する簡単な相談対応

★WordPress案件について

WordPressのページとして制作する案件については、

• 管理画面のログインID、パスワード
• FTPのホスト名、ID、パスワード
• レンタルサーバーのログイン画面のIDとパスワード

などの情報が必要となる場合があります。
※都度ご相談いたします。

★所有資格

• 認定SEOコンサルタント
• ウェブ解析士
• HTML5プロフェッショナル認定試験レベル2

===

迷ったら、とりあえずメッセージ下さい！
お見積り・技術的に可能かどうかなど、ご返信差し上げます。

メッセージを送ったからといって、必ず依頼しなくてはならない、なんてことはないです。ご安心ください。

インドネシアと日本の技術を結集！お客様のアイデアを、高品質なWebシステムとしてスピーディーに実現します。

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

レガシーシステムの刷新、業務効率化、顧客体験の向上、新規ビジネスの立ち上げ

発注の流れ

お問い合わせ・ご相談
お客様の課題やご要望をヒアリングし、最適なソリューションをご提案します。
お気軽にご相談ください。

要件定義・お見積もり
要件定義に基づき、Webサイトの設計、デザイン、機能などを具体的に決定します。
ワイヤーフレームやプロトタイプを作成し、お客様とイメージを共有します。

開発・制作
Webサイトの構築、コーディング、テストを行います。
進捗状況を随時ご報告し、お客様からのフィードバックを反映します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。
公開後も、Webサイトの保守・運用をサポートします。

対応範囲・価格

HTML/CSSコーディング：5万円〜
シンプルなHTML/CSSコーディング。
既存デザインからの変換や、簡単な修正に対応します。
小規模なLPやバナー制作にも最適です。

WordPressサイト構築：15万円〜
WordPressサイトの基本構築。
テーマ選定、プラグイン導入、コンテンツ設定など、Webサイトの立ち上げに必要な作業を代行します。
ブログサイトや中小企業サイトに最適です。

デザインデータからのWebサイト構築：30万円〜
デザインデータ（PSD/XD/Figma）を元に、高品質なHTML/CSS/JavaScriptでWebサイトを構築します。
レスポンシブ対応、アニメーション実装、SEO対策も可能です。
企業のWebサイトやECサイトに最適です。

WebサイトUI/UX改善：50万円〜
既存のWebサイトのデザインを分析し、UI/UXを改善します。
ABテスト、ヒートマップ分析、ユーザビリティテストなどを実施し、コンバージョン率向上を目指します。
ECサイトや会員制サイトに最適です。

AIを活用したWebシステム開発：100万円〜
AI技術を活用したWebシステムの開発。
ChatGPT連携、データ分析、自動レポート生成など、お客様のビジネス課題を解決するAIソリューションを提供します。

納期

要件定義後、最短2週間でプロトタイプを納品

制作の流れ

デザインデータ解析
お客様からご提供いただいたデザインデータ（PSD/XD/Figmaなど）を解析し、Webサイトの構造を設計します。

コーディング
HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。
レスポンシブ対応、アニメーション実装、SEO対策も行います。

テスト・修正
Webサイトの動作確認、表示確認、セキュリティチェックなどを行います。
お客様にテストサイトをご確認いただき、フィードバックを反映します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。
公開後も、Webサイトの保守・運用をサポートします。

サービス内容

デザインデータを、高品質なHTML/WordPressサイトに変換します。日本とインドネシアのハイブリッド開発体制で、迅速かつ丁寧に制作します。AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

Webサイトのデザインはあるけど、コーディングができない...そんなお悩み、ありませんか？

弊社は、日本とインドネシアのハイブリッド開発体制で、お客様のデザインデータを高品質なHTML/WordPressサイトに変換します。

「技術力 × ビジネス理解 × スピード」を軸に、お客様の事業成長を支援する開発パートナーとして活動しています。

AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

まずはお気軽にご相談ください。お客様のプロジェクトに最適な体制とプランをご提案させていただきます。

デザインカンプをもとにしたHTML/CSSコーディングや、WordPressオリジナルテーマの開発を承ります。
「目的や意図を正確にくみ取り、デザインに表れない細部まで配慮すること」を大切に、高品質なコーディングをご提供します。

対応可能な内容

• デザインカンプ（Figmaなど）からのコーディング
  　└ HTML／CSS／JavaScript／jQuery
• WordPressオリジナルテーマの作成
• レスポンシブ対応（PC・スマホ最適化）
• お問い合わせフォームの実装
• 既存サイトの修正・改修対応

ご依頼の流れ

1. ヒアリング（目的・ご要望を丁寧に確認）
2. デザイン確認／スケジュール提示
3. コーディング作業（進捗を随時ご報告）
4. 初稿提出 → 修正対応
5. 納品・公開サポート（ご希望により継続サポート可）

本業で20年間システムエンジニアとして培った報連相・進捗管理・品質管理を活かし、納期を守りながら安心してお任せいただける対応を心がけています。

ご不明点やご相談があれば、お気軽にお問い合わせください。

画像の中の物体の数や位置を検出できます。

学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。

使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。

ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。

それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。

〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。

▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている

▶︎サービスの概要
・HTML・CSS（Sass）を用いたコーディング
・JavaScript（jQuery）を用いたアニメーション実装
・レスポンシブ対応

▶︎無料対応
・表示速度向上のため画像圧縮（ご希望の場合）
・基本的はSEO対策（構文チェック、metaタグの設置）
・アニメーション実装（ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン）
・ファビコン・OGPの設置
・修正（大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。）

▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品

▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード

▶︎納期の目安（デザインデータをいただいてから）
・LP → 10日～
・トップページ → 10日～
・下層ページ → 3日～
※ご依頼のボリュームによって前後します。

▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma

ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する（無料）」よりお問い合わせください。

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

こちらのパッケージでは、簡単なWEBサイトの修正から、WordPress構築まで承っております！

サービスの特徴

◎スピーディ・高品質
60項目以上の品質チェックシート使用
スピード・品質ともに高評価、継続発注をいただいております

◎メンテナンスしやすい設計
コンテンツの追加・変更に対応しやすい設計でコーディングいたします
マニュアル等ございましたら、そちらに従いコーディングいたします

基本対応範囲

※以下の内容はプランの料金に含まれております
・W3C準拠・クロスブラウザ対応の確認
・レスポンシブ対応
・品質チェックシート使用
・画像圧縮
・メタ情報の設定（内容はご支給お願いいたします）
・構造化マークアップ
・スマホよしなに対応
・アニメーション(CSS、JavaScript、GSAPを使用した複雑なアニメーションも可)

納期目安

【修正】
1〜5日

【静的コーディング 1ページ 】
5〜7日

【WordPress 10ページ 】
10〜14日

※内容に応じて前後いたします

料金

プランの料金は目安となります
ご予算に応じて柔軟に対応させていただきます
また、ご依頼内容に応じてプランをご提案させていただくことも可能です
「まずは相談する」のボタンより、お気軽にご相談ください

制作の流れ

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

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

③制作開始
プラン納期は仮払い終了後からの日数になります。

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

⑤納品
Zipファイルで納品、またはサーバーにアップロードいたします。
※サーバーにアップロードの場合は以下の情報ご共有ください
・FTP接続情報
・レンタルサーバーのログイン情報（WordPressの場合）等
ご依頼時にもご案内させていただきます

稼働時間

※お問い合わせは24時間受け付けております
平日・土日祝日：9:00 ~ 17:00(原則15分以内にお返事いたします)
連絡の取れる時間帯：7:00 ~ 23:00

私について

新潟県でフリーランスとしてコーダーをしております
前職は薬剤師をしており、最新情報のキャッチアップや他職種とのコミュニケーションを大切にしておりました
その経験を活かし、現在も最新技術のキャッチアップはもちろん、日々の進捗報告や情報共有では、スプレットシートや画像を使用し、わかりやすく丁寧なコミュニケーションに努めております
現在、20サイト構築しており、
20〜40ページ程のWordPressオリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

ご相談だけでもお気軽にご連絡いただけましたら幸いです☘️

• デザインはあるけど、LPのコーディングだけお願いしたい

• 自分で作ったHTMLを修正してもらいたい

• できるだけシンプルな構成で、スマホ対応されたLPが欲しい

• 問い合わせフォームはGoogleフォームなどで済ませたい

• 小規模でまずは低予算でLPを作りたい

あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ（LP）の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。

• デザインデータ（Figma / Canva / PDF / 画像）をもとにした1ページLPのコーディング
• スマホ対応（レスポンシブ対応）
• スクロールアニメーション、簡単なJS演出の追加（スタンダード以上）
• Googleフォームの埋め込み or リンクボタン設置
• SEOの基本的な構造（metaタグ・alt属性など）の設定
• 他者が作成したコードの一部修正対応（オプション）
• コーディング後の簡単なカスタマイズ・微調整（オプション）

【進め方】

1. ご相談・ヒアリング（チャットにて対応）
2. デザインや要件のご共有
3. 初期コーディング作業（仮納品）
4. 確認・修正対応
5. 納品（ZIPファイル or GitHub共有 など）

【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能

【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社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は擬似環境）
スマホ：主要ブラウザすべて対応

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

数あるサービスの中からご覧いただきありがとうございます！
Webコーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。

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

「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします！

🛠 サービス内容

HTML/CSSによる静的コーディング（レスポンシブ対応）
JavaScriptやCSSアニメーションの実装（スクロール/スライダー/アコーディオンなど）
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ

価格

⚫︎LPコーディング：30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング（HTML）：105,000円
※５ページ 想定
⚫︎HPコーディング：（WordPress/PHP）：155,000円
※５ページ 想定

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

ご用意いただくもの

デザインデータ（Figma / XD / PSD / AIなど）
素材画像や動画、テキスト原稿
スマホ版デザイン（ない場合は私の方で調整対応可）
サーバー情報（アップロード希望時）

納品までの流れ

DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約（仮払い）
素材のご提供後、制作開始
コーディング確認・修正**
納品（Zip / サーバーアップ）

修正対応について
修正無制限（仕様変更は別途お見積り）
テスト環境での確認可能（Zip納品も可）

サービスの強み

1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験

まずはお気軽にご相談ください！
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします！

真面目な大学生が丁寧なコードで集客LPを制作します

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

「広告を出したいけどLPがない」「LPを低コストで作りたい」「簡単なLPを素早く立ち上げたい」とお悩みではありませんか？ Web制作を学び始めたばかりの私が、真面目に納期を守り、シンプルなLPを丁寧にコーディングして、あなたの課題解決をサポートします。

発注の流れ

1. 事前相談・ヒアリング
   まずはメッセージで、LPの目的やご希望、納期、ご予算について詳しくお聞かせください。

2. お見積り・仮払い
   ヒアリング内容に基づき、最適なプランと正確なお見積りを提示します。ご納得いただけましたら仮払いをお願いいたします。

3. 素材のご提供
   デザインデータ（Figma, XD, JPGなど）とLPに掲載するテキスト、画像素材をご提供ください。

4. コーディング作業開始
   いただいた素材を基に、丁寧にHTML/CSSでコーディングを進めます。進捗は随時ご報告します。

5. 初稿確認・修正
   完成したLPのテスト環境URLをお送りしますので、内容をご確認ください。修正点があればお申し付けください。

6. 最終確認・納品
   修正が完了後、最終確認いただき、問題なければデータ一式を納品いたします。

対応範囲・価格

シンプルLPコーディング（1セクション）：15,000円
導入部分のみの非常にシンプルなLPをHTML/CSSで丁寧にコーディングします。基本的な情報提供に最適です。

標準LPコーディング（3セクション）：30,000円
主要な情報やサービス紹介を含む3セクション程度のLPを、レスポンシブ対応でコーディングします。集客の土台作りに。

高機能LPコーディング（5セクション＋α）：50,000円
サービス詳細やお問い合わせフォーム連携など、5セクション以上のLPをレスポンシブ対応で制作。軽微なアニメーションも対応します。

納期

最短7日〜

制作の流れ

要件定義・素材確認
クライアントからのデザインデータ、テキスト、画像素材を詳細に確認し、コーディングの要件を明確にします。

HTML構造化・CSSスタイリング
提供されたデザインに基づき、セマンティックなHTML構造を構築し、見やすく保守性の高いCSSでスタイリングします。レスポンシブ対応もこの工程で行います。

動作確認・テスト
複数のブラウザやデバイスで表示崩れがないか、リンクが正しく機能するかなど、入念に動作確認とテストを行います。

修正・調整
クライアントからのフィードバックを基に、修正点や微調整を行い、最終的な完成度を高めます。

最終納品
完成したLPのHTML、CSS、画像ファイルなどを一式で納品します。

サービス内容

広告・イベント・プロモーション業界の皆様へ。Web制作を学ぶ大学生が、あなたのキャンペーンを成功に導くシンプルなLPを、HTML/CSSで丁寧にコーディングします。コストを抑えつつ、納期厳守と真面目な作業で高品質なLPを提供。スマートフォン対応も標準で、あなたのWeb集客を力強くサポートします。

「広告キャンペーンを成功させたいけれど、LP制作にコストはかけたくない…」「Webの知識がないから、誰に頼めば良いか分からない」そんなお悩みはありませんか？ Web制作を真面目に学ぶ大学生が、あなたの想いを形にするシンプルなLPコーディングをお手伝いします。最新のHTML/CSSで、スマートフォン対応もバッチリ。丁寧な仕事と納期厳守をモットーに、小さな一歩からWeb集客をサポートします。まずは、あなたのLPに対するご希望を、お気軽にお聞かせください。一緒に最適な解決策を見つけましょう！

実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします！
　

■内容

あなたがお持ちのWebサイトやLP（ランディングページ）のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします（スタンダード以上）
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
　

■こんな人におすすめ

・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
　

■メリット

・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします（※スタンダード・プレミアムのみ）
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。（※後者はスタンダード・プレミアムのみ）

まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます！
　

■納品物について

基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業（CMS埋め込み、Webサーバー配置）につきましては、事前にご相談の上対応とさせてください。（※オプションになります）
　

■実務経験について

現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。

デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします！

＼ 実績と信頼で選ばれています！ ／
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています！
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。

ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
（コピー＆ペーストでご覧いただけます）

本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ（SWELL／Snow Monkey）を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。

【こんなお悩みありませんか？】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい

そのお悩み、解決いたします！

【このサービスの特長】
・PCカンプのみでOK
　SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
　テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
　アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
　meta／alt／reCAPTCHA／画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
　独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。

【サービス内容】
・WordPress構築（SWELL／Snow Monkey）
・レスポンシブ対応
・SNS／外部予約サイトなどへの連携／お問い合わせフォーム
・スライダー／フェード表示などのアニメーション
・画像圧縮／軽量化／ファビコン設定
・内部SEO／セキュリティ対策

※テーマの性質上、ピクセルパーフェクト指定は承っておりません。

【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。

【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。

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

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

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

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

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

あなたの想いをカタチに！デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

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

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。

こんなお悩みございませんか？

・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。

そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~

【サービス内容】

・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作

内容によってはご相談いただいた当日に納品することも可能です。

着手から納品までスムーズにご対応いたします。

【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。

「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。

私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。

些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。

~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~

<<<こんなお悩みございませんか？>>>

・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。

そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~

【サービス内容】

・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作

内容によってはご相談いただいた当日に納品することも可能です。

着手から納品までスムーズにご対応いたします。

【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。

「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。

私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。

些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。

~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~

こんなお悩みございませんか？

・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。

そんな方はぜひ一度ご相談ください。
"必ず" 良いご提案ができます。

【サービス内容】

・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作

内容によってはご相談いただいた当日に納品することも可能です。

着手から納品までスムーズにご対応いたします。

【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。

「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。

私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。

些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。

迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。

Webエンジニア兼マーケターをしております、花田ケンタと申します。
ココナラでも活動しており、プラチナランクの実績がございます。
幅広い業界での制作経験を活かし、スムーズかつ高品質にコーディング対応いたします。

✅最短1日の特急対応可能
✅大手企業/飲食系メディア/海外動画サイト/エンタメ系のサイトなどの実績
✅内部SEO/デザインの再現
✅スマホ対応・アニメーション実装・サイト高速化も可能

WebサイトやLP、WordPressの構築など柔軟に対応いたします。
更新しやすい管理画面の対応も可能です。
ご相談は無料ですので、お気軽にお問い合わせください！

▼特徴

・スピード感×品質を両立したコーディング
・デザインの再現にこだわった実装
・SEO・保守性に配慮
・アニメーションの設計から実装まで柔軟に対応
・WordPressなどのCMS構築もサポート

【料金リスト】

●トップページコーディング：15,000円~
●下層ページコーディング：10,000円~ / 1ページ
●LPコーディング：15,000円~
●WordPressテーマ開発：12,000円~
●既存サイトの軽微なカスタマイズ:3,000円~

●待機調整費:2,000円/日
●特急対応:基本料金×1.3
-カンプ共有から納期14日未満が対象。作業内容によって変動します

【基本のサービス内容】

●HTML,CSS コーディング
●PC/SPレスポンシブ対応（スマホ対応）
●アニメーション追加（jQuery・JavaScript）
●ランディングページ作成
　　WordPressの導入・サイト構築
　　既存サイトの修正（機能追加・文言修正・デザイン変更など）
　　サイトのスピード改善　など

▼納品までの流れ

１.お見積もり/ご購入
２.デザインデータお預かり
３.コーディング作業開始
４.ご確認・修正
５.最終確認・納品

◯納品につきまして
基本的には本番環境へのアップロードを前提とした納品となります。
その他の納品方法をご希望の場合はお気軽にお知らせくださいませ。

▼納期

平均2週間ほどを目安に対応しております。
お急ぎの際もご相談ください。
※内容により納期は変動いたしますのでご相談ください。

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

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

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

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

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

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

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

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

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

【丁寧なコーディングで魅せる】デザイン通りに仕上げるWebページを制作します

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

・デザインと違う仕上がりにがっかりしたことがある
・スマホで崩れてしまうページに困っている
・小さな修正を頼みにくくて放置しているページがある

私のコーディングは「伝わる」「崩れない」「丁寧」をモットーに、
見る人にも使う人にもやさしいWebページを、ひとつひとつ丁寧に仕上げます。

HTML/CSS/JavaScriptを用いた、シンプルで整った、見た目も中身もきれいなコードを提供いたします。

サービス内容

・HTML/CSSコーディング（PC・スマホ対応／W3C準拠）
・LP（ランディングページ）の制作
・簡単なJS実装（アコーディオン・ハンバーガーなど）
・既存サイトの表示崩れの修正対応

※WordPressテーマの編集などは、現在勉強中です。
将来的には対応予定ですが、現時点ではHTML/CSSを中心とした内容に限らせていただきます。

発注の流れ

【お問い合わせ】
まずはお気軽にご相談ください。Webサイトの現状、課題、ご要望などをヒアリングします。

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

【ご契約】
ご提案内容にご納得いただけましたら、正式にご契約となります。納期、スケジュールなどを改めて確認します。

【制作開始】
コーディング作業を開始します。進捗状況を随時ご報告し、お客様と密に連携を取りながら進めます。

【ご確認・修正】
完成したWebページをご確認いただき、修正点があれば柔軟に対応いたします。

【納品・アフターサポート】
最終確認後、データ一式を納品いたします。納品後のご質問や微調整もお気軽にご相談ください。

対応範囲・価格

HTML/CSSコーディング（1ページ）：¥8,000〜
丁寧な手作業で、正確かつ美しいコードをご提供します。

LPコーディング（1ページ・動きあり）：¥20,000〜
集客・CVRアップに貢献する、魅力的なページを制作します。

複数ページ対応（3〜5P程度）：¥25,000〜
複数ページのサイト全体を整った構成でコーディングいたします。

Webサイト保守・更新：¥10,000〜/月
既存サイトの更新・表示崩れの修正・軽微な調整などを継続的にサポートします。

表示崩れ・修正対応（既存ページ）：¥5,000〜
既存ページの調整やエラー修正など、部分的な対応も可能です。

※実際の価格は、デザインデータの有無・ページ構成・実装内容によって変動いたします。

納期

内容により異なります。お気軽にご相談ください。

丁寧で誠実な対応を心がけています。
「ちょっとだけ相談したい」「こんなことも頼めるかな？」という段階でもお気軽にご相談ください。

ご一緒に、思いをカタチにするお手伝いができれば嬉しいです。

デザインカンプを元にLPのコーディングを承ります。

• レスポンシブ対応
• デザイン完全再現
• 読み込み速度を考慮した実装
• アニメーション演出の実装
• スライダーやモーダル、アコーディオンなどのUI実装

など、ご希望どおりの仕様・デザインで実装をいたします。

【標準対応】
下記についてはオプション料金なしで対応いたします。

• レスポンシブ対応
• リソースの圧縮と読み込み最適化によるパフォーマンス対策
• スクロールに応じた要素の表示アニメーション
• 最新ブラウザでの表示チェック

このページをご覧いただき、誠にありがとうございます。
はじめまして、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情報をいただければ、アップロード代行も可能です

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

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

「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」

そんな方々に是非コーディングをお任せいただけませんか？
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します！

サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化（別途料金となります。ご相談ください。）

基本料金
・トップページコーディング・・・・9,500円〜
　　　下層ページ作成・・・・・ +5,000円〜
　　　JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着５名様に１ページコーディングを5,000円で提供するキャンペーンを実施中です。

料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応（PC, SP）
・修正（基本5回迄）

見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。

納期について
1週間～
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。

対応データ
・figma
・Adobe XD
・Illustrator（.ai)
・Photoshop（.psd等画像データ）

納品形式
圧縮ファイル（ZIP）、FTPで納品・送付いたします。

親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。

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

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

静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。（1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。）

※ご購入前に、必ず無料見積もりをお願いいたします。

【ご購入いただいてからの流れ】

①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。

まずは、メッセージにてお気軽にお問い合わせください。

【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。

施工図屋さん様
sekouzu.jp/

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

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

本パッケージは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用に調整いたします。）

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

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

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

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

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

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

まずはご相談ください。

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

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

【納品までの流れ】

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

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

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

4. 製作開始

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

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

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

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

購入にあたってのお願い

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

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

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

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

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

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

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

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

⑤料金の確定・お支払い

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

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

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

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

Webサイトのちょっとしたテキスト修正や更新作業をお手伝いします！

　
■こんなお困りごとはありませんか？

• テキストを一文字だけ変更したい。
• 一部文章を削除したい。
• 住所や電話番号が変わった。
• リンク先が変わった。
• 画像を別のものに差し替えたい。

ほんの少し変更したいけど、制作会社に依頼するほどではない。
簡単に変えられそうだけど、手を加えて不具合が出ないか不安。
そんなちょこっとした相談、お任せください！

　
■サービス内容

Webサイトの文言修正やテキスト更新作業を代行いたします。
「会社概要の住所変更」「サービス名の統一」「ボタンラベルの修正」など、数文字の変更から対応可能です。

　
■このサービスが選ばれる理由

• 1箇所から依頼可能：小さな修正でもお受けします
• 短納期対応：基本納期は3日以内、急ぎのご相談も可能です
• 丁寧なやりとり：ご要望を確認しながら安心して進めます

　
■ご依頼の流れ

1. 修正内容をご連絡ください（スクリーンショットや該当ページURLがあるとスムーズです）
2. 作業前にお見積り内容を確認いただきます
3. 修正作業 → 納品
4. ご確認後、必要に応じて修正対応

　
■よくあるご依頼例

• 「会社の電話番号が変わったので差し替えてほしい」
• 「ボタンの表記を“申込”から“予約”に変えたい」
• 「サービス名を新しいものに更新したい」

　
■ 他作業についてもご相談ください

作業内容によって軽微なものであれば料金内で承れる場合があります。
また作業内容により追加料金をいただく事で対応できる場合があります。

「こんな小さな修正でも大丈夫かな…」と思う内容でも遠慮なくご相談ください。
迅速・丁寧に対応いたします。

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします

HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応（レスポンシブ）対応可
・保守性・可読性の高いクリーンなコードを意識しています

LP（ランディングページ）の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です

デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です

軽度のJavaScript実装（ご要望に応じて）
以下のような簡単な動きに対応可能です：
・スライダー（Swiperなどの導入）
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示（画像拡大など）
・スクロールアニメーション（AOS等ライブラリ）
・日付自動挿入 など

※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
　週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。

丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。

あなたの想いを形にする、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ソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。