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

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

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

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

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

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

【対象】

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

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

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

【注文時のお願い】

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

【注意点】

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

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

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

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

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

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

【その他】

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

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

デザインに忠実な再現はもちろん、「公開後の運用」や「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サイト運用担当として数多くのプロジェクトに携っています。
「作って終わり」ではなく、「集客できるか」「運用しやすいか」という視点を常に持ち、クライアント様のビジネスに貢献することをモットーとしています。

ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。

◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング（JavaScriptを含みます）
・小さな作業もお手伝いさせてください。

◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5（既存ソースの理解と修正計画策定分）を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。

◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ（ご要望、仕様確認、他）
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品　ご確認ご確認いただき必要な微調整などを実施
　弊サーバー上でのご確認いただくことも可能です。（無料）
▼納品、
■検収

◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成

ご検討頂ければ幸いです。

ご覧頂きありがとうございます。中桐と申します。
Webサイトの修正を承ります。

◆ご提供業務
・既存ペーシのレイアウト更新、画像差替え
・定期的な月次更新、お知らせの更新、等々

◆品質保証
▲作業チェックリストと作業手順/注意事項リストなどを作成してトレーサビリティも確保
▲更新の Before/After の比較ツール併用で見落としの二重チェック
▲自家製チェッカーをカスタマイズして見落としの二重チェック
▲作業実施、合意に基づく作業報告、随時確認・気づき報告

ご検討頂ければ幸いです。

ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。

◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング（JavaScriptを含みます）
・小さな作業もお手伝いさせてください。

◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5（既存ソースの理解と修正計画策定分）を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。

◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ（ご要望、仕様確認、他）
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品　ご確認ご確認いただき必要な微調整などを実施
　弊サーバー上でのご確認いただくことも可能です。（無料）
▼納品、
■検収

◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成

ご検討頂ければ幸いです。

制作会社での実務経験を活かし、保守性を意識した高品質なコーディングを行います。

「デザイン通りに実装したい」
「更新しやすいコードで構築したい」
「既存サイトの修正を頼みたい」

そんなWeb制作のお悩みに、フロントエンドエンジニアとして対応いたします。

Web制作会社にて3年間、フロントエンドエンジニアとして実務を経験しており、コーポレートサイトやLPなどのコーディング業務に携わってきました。

デザインデータからのHTML/CSSコーディングはもちろん、レスポンシブ対応、JavaScript実装、表示速度改善対応まで柔軟に対応可能です。

対応内容

■ 既存サイト修正・軽微な改修
10,000円〜

テキスト変更、画像差し替え、レイアウト調整、レスポンシブ対応、デザイン崩れ修正など、既存サイトの正に対応いたします。

■ LP・1ページサイト コーディング
25,000円〜

デザインデータをもとに、レスポンシブ対応を含めたコーディングを行います。

■ 複数ページサイト コーディング
80,000円〜

複数ページのコーポレートサイトやサービスサイトのコーディングに対応いたします。
保守性・更新性を意識した実装を行います。
対応ページ数に応じて、お値段の相談可能です。

対応について

平日・休日問わず、できる限り迅速な返信を心がけております。

制作会社での実務経験を活かし、円滑なコミュニケーションと丁寧な対応を意識して進行いたします。

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

＼LMSサイトの「離脱率改善」と「講座購入率向上」を実現するUI最適化サービス／

海外製LMSを利用したオンライン講座サイトの「ブランド力強化」「コンバージョン改善」「SEO強化」に特化した改善サービスをご提供いたします。

当サービスでは、Thinkificなどの海外LMSプラットフォームをベースに構築されたサイトを対象に、テンプレート依存から脱却し、ブランド価値を最大化する独自UI・UX設計を行います。

「デザインは整っているのに売れない」「アクセスはあるのに購入されない」
このような課題の多くは、導線設計・表示速度・信頼性設計の不足が原因です。

単なるデザイン修正ではなく、
・ユーザー行動分析
・コンバージョン導線設計
・SEO内部最適化
・表示速度改善
までを包括的に実施し、“売れるLMS”へと改善いたします。

このような方におすすめのサービスです
・LMSで講座販売をしているが購入率が低い
・テンプレート感が強くブランドイメージが弱い
・離脱率が高く、トップページの改善をしたい
・海外LMSを使用しているがカスタマイズ方法が分からない
・SEO評価と検索流入を強化したい
・表示速度を改善してユーザー体験を向上させたい

本サービスの特徴

・LMSに特化したUI／UX改善設計
学習者心理と購買行動に基づいた導線設計を実施します。

・ブランド価値を高めるデザイン最適化
ブランドガイドラインに準拠した統一感のあるデザインを構築します。

・コンバージョン率を重視した構造設計
講座購入までの導線を最適化し、CV率向上を実現します。

・SEO内部対策の実装
検索エンジンに評価される構造へ改善します。

・表示速度の高速化
表示速度改善により離脱率低下とSEO評価向上を実現します。

改善対象ページの例

・トップページ
・講座一覧ページ
・講座詳細ページ
・講師プロフィールページ
・ランディングページ
・購入導線ページ

提供内容

・UI／UX改善設計
・既存LMSテーマのカスタムCSS設計
・レイアウトおよび構造改善
・ブランドデザイン適用
・購入導線最適化
・SEO内部対策
・構造化データ実装
・表示速度改善
・モバイル最適化

SEO・分析関連の設定

・構造化データの実装
・メタ情報最適化
・ページ構造最適化
・サイトマップ最適化
・Google Analytics・Search Console連携
・検索評価改善施策

表示速度改善内容

・不要CSS／JavaScript削減
・画像最適化
・読み込み処理最適化
・レンダリング高速化
・Lighthouseスコア改善

期待できる改善効果

・直帰率改善
・講座購入率向上
・SEO評価向上
・表示速度改善
・ブランド信頼性向上
・問い合わせ増加

完成後のサポート（無料）

納品後30日間

・軽微な修正対応
・運用改善アドバイス
・UI改善提案
・技術的なご質問対応

制作の流れ

1 : お問い合わせ・ご相談
2 : 現状分析・課題整理
3 : 改善方針のご提案
4 : お見積り・ご契約
5 : 設計・実装開始
6 : テスト・品質確認
7 : 公開・納品

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

LMSは「構築するだけ」では成果は出ません。
正しく改善することで、売上・ブランド価値・ユーザー体験は大きく向上します。

貴社のLMSを“成果の出るプラットフォーム”へ最適化いたします。
まずはお気軽にご相談ください。

「安心感」と「高品質」を両立！丁寧なコーディングであなたのWebサイトを成功に導きます。

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

・コーダーとのやりとりが多く、手間がかかってしまう制作会社様
・コーディング後の修正指示が多く、対応に疲れてしまうディレクター様

→丁寧で伝わりやすいやりとりを大切にし、
修正の少ないWebサイトをご提供いたします。

発注の流れ

1. お問い合わせ・ご相談
   デザインデータやサイトの仕様、ご希望の納期などをお伺いします。ご不明点や実現したい動きなど、細かい内容も遠慮なくご相談ください。

2. 内容確認・お見積もり
   いただいたデザインや仕様をもとに、作業内容・納期・料金をご提案いたします。疑問点があればこの時点でしっかり擦り合わせいたします。

3. ご発注（ご契約）
   ご提案内容にご納得いただけましたら、正式にご発注ください。スケジュール確保のため、着手前にご発注をお願いしています。

4. コーディング開始
   ご発注後、デザインデータや必要素材をお預かりし、コーディングを進めます。進捗は適宜ご報告し、確認が必要な場合は随時ご相談いたします。

5. ご確認・修正対応
   一通りの実装が完了した段階でご確認いただき、修正やご要望に対応いたします。細かな調整もお気軽にお申し付けください。

6. 納品・アフターサポート
   最終確認後、データ納品またはサーバーアップいたします。納品後も不具合や軽微な修正など、ご相談いただければ対応可能です。

納期

各プランにより異なります。詳細はお問い合わせください。

コーディング〜納品の流れ

1. コーディング
   お送りいただいたデザインデータをもとに、HTML/CSS/JavaScriptでコーディングを行います。見た目や動きがデザイン通りに再現されるよう丁寧に仕上げます。

2. テスト・デバッグ
   さまざまなデバイスやブラウザで表示や動作の確認を行い、不具合や表示崩れがないかチェックします。どの環境でも快適に閲覧できるよう対応いたします。

3. 修正・調整
   ご確認いただいた後、修正やご要望に合わせた調整を行います。細かなご指摘もお気軽にご相談ください。

4. 納品・公開
   最終確認後、Webサイトのデータを納品いたします。サーバーへのアップロードや公開作業も、ご希望があればサポートいたします。

サービス内容

丁寧なコミュニケーションと高品質なコーディングで、お客様のWebサイト制作をサポートします。HTML/CSSコーディング、WordPressサイト制作、Webサイト修正など、幅広く対応いたします。

Webサイトのコーディングでお困りではありませんか？
「どこに頼めばいいかわからない…」「予算内で高品質なサイトを作りたい…」
そんなお悩みを、丁寧なコミュニケーションと確かな技術で解決します！
細部までこだわったコーディングで、デザイン通り・高品質なWebサイトを実現いたします。

今すぐお問い合わせいただければ、無料相談を承ります。お客様のWebサイトを成功に導くために、ぜひ私にお手伝いさせてください！

「早くて丁寧」を追求！あなたのWebサイトを確実に形にするスピード開発を提供します

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

「LPを作りたいけど、どこに頼めばいいか分からない」「Webサイトの修正が急ぎで必要」「WordPressサイトを作りたいが技術的なことが分からず困っている」「既存サイトの表示速度が遅く、改善したい」「レスポンシブ対応していないサイトを現代的にしたい」

発注の流れ

1. 相談・ヒアリング
   ランサーズのメッセージ機能にて、お悩みやご要望、サイトイメージなどを詳しくお聞かせください。

2. お見積り・ご提案
   ヒアリング内容に基づき、最適なプランとお見積り、納期をご提案します。

3. 仮払い・制作開始
   内容にご納得いただけましたら、仮払い後に制作を開始します。ランサーズのメッセージ機能で進捗をご報告いたします。

4. レビュー・修正
   制作物をご確認いただき、修正点があればプランに応じた回数で対応します。

5. 最終確認・納品
   最終的なご確認後、データにて納品いたします。

対応範囲・価格

LP一部コーディング・修正：30,000円〜
既存サイトの軽微な修正、またはLPの1セクション程度のコーディングを承ります。

レスポンシブLPコーディング：70,000円〜
デザインカンプからPC/SP対応の高品質なLPをコーディングします。

WordPressサイト構築・導入：120,000円〜
お客様のビジネスに合わせたWordPressサイトを設計から構築・導入までサポートします。

納期

プランにより最短7日〜最長30日程度

制作の流れ

要件定義・素材確認
お客様のご要望を詳細に確認し、必要なデザインデータや画像素材を共有いただきます。

コーディング・開発
HTML/CSSでのコーディング、WordPressテーマの構築・カスタマイズを行います。進捗は随時ご報告します。

動作確認・検証
各デバイスでの表示確認、リンク動作、パフォーマンスなどを厳しくチェックします。

最終調整・納品準備
細かな調整を行い、納品形式を整えます。

サービス内容

HTML/CSSを使ったレスポンシブLPコーディング、デザインカンプからの忠実な再現、WordPressでのサイト構築・カスタマイズ、そして既存サイトの修正やパフォーマンス改善まで幅広く対応します。「スピード納品」と「丁寧なコミュニケーション」をモットーに、お客様のWeb課題を迅速かつ確実に解決し、ビジネスの成長をサポートいたします。初めての方も安心してご相談ください。

WebサイトやLP、急いで作りたいけど、どこに頼んだらいいか悩んでいませんか？「Web制作カズ」は、HTML/CSSやWordPressを使ったLPコーディング、既存サイトの改修を得意としています。特に「スピード納品」と「丁寧なコミュニケーション」を大切にしているので、初めてWeb制作を依頼する方もご安心ください。デザインカンプ通りの忠実な再現はもちろん、レスポンシブ対応もバッチリ。表示速度の改善やバグ修正も承ります。お客様の「困った」に寄り添い、確かな技術でビジネスを後押しします。まずはお気軽にご相談ください！

デザインカンプをもとにHTML / CSSコーディングを行います。
LP（ランディングページ）やWebサイトのコーディング、既存ページのHTML・CSS修正などに対応しております。

制作会社にて15年以上コーディング業務に携わってきました。丁寧で崩れにくいコーディングを心がけています。

【対応内容】
・デザインカンプからのHTML / CSSコーディング
・LP（ランディングページ）コーディング
・既存サイトのHTML / CSS修正
・レスポンシブ対応

※制作内容・ページ数によりお見積りさせていただく場合があります。まずはお気軽にご相談ください。

数あるサービスの中からこちらのページをご覧いただきありがとうございます。
こちらはコーディングを代行するサービスになります。

【対応可能な業務範囲】
LP（ランディングページ）コーディング：売上に直結する、訴求力の高いページ構築。
コーポレート・個人サイト制作：TOPページから下層ページまで一貫した構築。
レスポンシブ対応：スマホ・タブレット・PC、全デバイスで最適な表示を実現。
お問い合わせフォーム設置：確認画面や自動返信メール機能の実装。
既存サイトの修正・更新：テキストの差し替え、バナーの追加、レイアウトの微調整。

【注意事項】
※あらかじめご了承ください

デザイン制作は含みません：本サービスはコーディングのみの価格です。デザインからのご依頼は別途ご相談ください。
サーバー・ドメイン代：お客様ご自身でのご負担となります。契約やアップロードのサポートは無料で行います。
大幅な仕様変更：制作開始後の大幅なデザイン・機能変更は、追加料金をいただく場合がございます。

ここまでご覧いただきありがとうございます。
ぜひお気軽にお問い合わせください。

▼こんな方へオススメ
・既存サイトの特定ページを削除して、リンクも整理したい方
・テキストや画像を一括で差し替えたい方
・スマホ表示の崩れを直したい方
・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サイト構築（別パッケージで対応予定）

既存サイトの修正・改修を承ります。

【対応内容】
・テキスト・画像の差し替え
・レイアウト崩れの修正
・新規ページの追加
・レスポンシブ対応
・WordPress カスタマイズ

【使用技術】
HTML / CSS / JavaScript / WordPress

【納品物】
・修正済みソースコード
・修正箇所の報告

【注意事項】
・修正内容とサイトURLを事前にお知らせください
・大規模な改修は別途お見積りになります
・修正は1回まで含みます

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
4回以降の修正につきましてはオプションをご利用ください。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
お急ぎの場合は特急オプションにて対応いたしますので、まずはご相談ください。

【業務内容】
既存サイトのちょっとした修正・調整をスピード対応します。「制作会社に頼むほどではないけど自分では直せない」そんなお悩みをお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用

【対応内容】
・HTML/CSSの修正・調整
・WordPressの修正・カスタマイズ
・レスポンシブ崩れの修正
・既存デザインでのページ追加
・軽微な機能追加

【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【料金目安】
※内容・作業量によりお見積りいたします

【納期目安】
・軽微な修正：当日〜2営業日
・ページ調整：3〜5営業日
※内容・ボリュームにより前後します

【動作確認環境】
Chrome / Firefox / Safari / Edge（Mac・Windows・iPhone・Android）
まずはお気軽にご相談ください。

【業務内容】
ご用意いただいたデザインをもとに、きれいに動くHTML/CSSへコーディングします。PSD・Figmaのデザインデータのほか、参考URLからの制作も対応可能です。
レスポンシブ対応はもちろん、表示速度や保守性を意識したコーディングを心がけています。JavaScriptによるアニメーションやインタラクションの実装も対応可能です。また、納品後にWordPressへの組み込みをご希望の場合もそのままご依頼いただけます。納品後の微修正にも柔軟に対応しますのでお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用
【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【納品物】
HTMLファイル一式（zip形式）・テストサーバー確認済み
【オプション対応】
・JavaScriptアニメーション・インタラクション実装
・WordPressへの組み込み・テーマ化

【制作の流れ】
デザイン確認 → コーディング → テストサーバーアップロード → ご確認・修正 → 納品

デザインデータを渡すだけで、思い通りのWebページに仕上げます。
FigmaやXDからの忠実なコーディングはもちろん、レスポンシブ対応・
SEO対策・アニメーション実装まで一括対応。
「依頼してよかった」と感じていただける制作を心がけています。

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

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

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

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

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

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

どうぞお気軽にご相談ください。心よりお待ちしております。

WEB制作歴もうすぐ20年！
コーダーやWEBデザイナーとして、複数の企業で活動してきました。
現在は数社と業務委託契約を結んでいるフリーランサーです。

現在進行系で現場にいるコーダーだからこそ、お客様の考えを汲み取ったり、お悩みを解決する引き出しはたくさん用意しております。
料金面も含めて、まずはお気軽にご相談ください！

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
修正の頻度などを考慮し、納期は多めに見積もっております。
お急ぎの場合は納期短縮オプションにて対応いたしますので、まずはご相談ください。

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デザイナーの方で、コーディングだけ外注したい！
コーディングが苦手で誰かに任せたい！
Web制作会社様でコーダーのリソースが急に必要になった！

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

当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など

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

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

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

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

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

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

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

※いずれも最新版です。

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

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

◆はじめに

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

◆予算について

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

◆納期について

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

◆納品までの流れ

① ヒアリング

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

　↓

②ご契約

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

　↓

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

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

　↓

④制作・確認・修正

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

　↓

⑤納品

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

◆さいごに

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

「伝わらない」を解消！営業経験10年のフロントエンドエンジニアが、要望を正確に捉え、動きで魅せるハイクオリティなWebサイトを実装します。

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

エンジニアとのコミュニケーションがうまくいかない、要望が伝わらず認識のズレがある、サイトの動きが少ない、スマホ対応の質の高いコーディングを依頼したい、納期が心配、修正に柔軟に対応してほしい

発注の流れ

1. お問い合わせ・ヒアリング
   まずはお気軽にメッセージでご相談ください。サイトの目的やターゲット、ご希望の動きなどについてヒアリングさせていただきます。

2. 企画・お見積もり
   ヒアリング内容を基に、最適なコーディングプランと費用、納期をご提案し、詳細なお見積もりを作成します。

3. 契約・仮払い
   提案内容にご納得いただけましたら、ランサーズ上で契約と仮払いをお願いいたします。これにより制作がスタートします。

4. 制作開始
   ご提供いただいたデザインカンプと素材を基に、コーディング作業に着手します。進捗状況は定期的にご報告いたします。

5. 確認・修正
   テスト環境で実装をご確認いただき、必要に応じて修正対応を行います。ご納得いただけるまで調整を重ねます。

6. 納品
   最終確認後、HTML、CSS、JavaScriptファイル一式を圧縮ファイルで納品いたします。ご希望に応じGitHubでの納品も可能です。

対応範囲・価格

LPコーディング：40,000円〜
デザインカンプ（Figma, XD, Photoshop）から、ユーザーの心を掴む動きのあるランディングページを忠実にコーディングします。

複数ページサイトコーディング：120,000円〜
複数ページ（3〜5ページ）のWebサイトを、レスポンシブ対応かつ魅力的なアニメーションを取り入れてコーディングいたします。

アニメーション・インタラクティブ実装：20,000円〜
スクロールに合わせて要素が動いたり、視差効果を取り入れたりするインタラクティブな表現を実装し、サイトの魅力を高めます。

納期

プロジェクト開始から平均14〜30日程度（規模により変動）

制作の流れ

要件定義・素材準備
デザインカンプ、テキスト、画像などの素材をご準備いただき、サイトの全体像やアニメーションの詳細な要件を擦り合わせます。

コーディング着手
ご準備いただいたデザインカンプと要件に基づき、HTML、CSS、JavaScriptを使い忠実にコーディングを進めます。レスポンシブ対応も並行して行います。

レビュー・修正
テスト環境で実装したサイトをご確認いただき、お客様からのフィードバックを元に修正や調整を行います。密なコミュニケーションで認識のズレを防ぎます。

最終調整・納品準備
修正が完了し、お客様にご満足いただけましたら最終的なコードの最適化を行い、納品準備を進めます。

サービス内容

Figma、XD、Photoshopなどのデザインカンプから、HTML/CSS/JavaScriptを用いて忠実にWebサイトをコーディングします。単なる再現に留まらず、スクロールアニメーションやパララックス効果など「動きで魅せる」表現を取り入れ、レスポンシブデザインでPC・タブレット・スマホ全デバイスに対応。営業経験で培った円滑なコミュニケーションで、お客様の要望を正確に形にします。

「エンジニアに要望がうまく伝わらない」「レスポンスが遅い」といったご経験はありませんか？Webサイト制作において、クライアント様の期待と完成物にズレが生じるのはコミュニケーション不足が大きな原因です。私は10年間の営業経験で培った傾聴力と提案力で、お客様の真のニーズを正確に把握し、明確な言語化で開発チームとの橋渡しをいたします。HTML/CSS/JavaScriptを駆使し、FigmaやXDのデザインカンプを忠実に再現。さらに、スクロールアニメーションやパララックス効果で「動きで魅せる」インタラクティブなWebサイトを構築。ただ組むだけでなく、訪問者の心を動かすサイトでビジネスを加速させませんか？スムーズなプロジェクト進行と高品質な成果物で、あなたのビジネスを次のステージへと導きます。まずはお気軽にご相談ください。

Figma / XD / Photoshop / Illustratorなどのデザインデータをもとに、HTML / CSS / JavaScriptでWebサイトを実装します。

制作会社様、デザイナー様、Web担当者様向けに、デザインの意図をできるだけ崩さず、PC・タブレット・スマホで見やすいレスポンシブ対応まで丁寧に実装します。

▼こんな方におすすめ
・FigmaやXDのデザインはあるが、実装できる人を探している
・制作会社の外注先として安心して任せられるコーダーを探している
・納品前の表示崩れやレスポンシブ調整を任せたい
・LPやコーポレートサイトを丁寧にコーディングしてほしい
・GitHubやzip納品など、案件に合わせた形式で納品してほしい

▼対応内容
・HTML / CSSによる静的コーディング
・レスポンシブ対応
・スマホ、タブレット、PCでの表示調整
・Figma / XD / Photoshop / Illustratorデザインからの実装
・JavaScriptによる基本的な動きの実装
・スライダー、アコーディオン、ハンバーガーメニュー等の実装
・既存ページの一部修正
・GitHub、zip、FTPなどでの納品

▼制作の流れ

1. デザインデータ、仕様、納期を確認
2. 対応範囲とお見積もりを整理
3. コーディング
4. ご確認・修正
5. 最終確認・納品

▼ご注意
画像素材、原稿、有償フォント、デザインデータはご用意ください。
大幅なデザイン変更、ページ追加、仕様追加、複雑なアニメーション、CMS組み込み、バックエンド開発は追加見積もりとなります。

ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。
私自身、Webデザインもしているので、デザインの意図を理解したうえでコーディングいたします。

PCデザインまたはスマホデザインのみでも大丈夫です。
画面サイズに合わせて適宜レスポンシブ対応いたします。
必要であれば、一方のデザインを私の方で起こすことも可能です。

【このようなお悩みの方におすすめです！】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様

【パッケージに含まれるサービス】
・レスポンシブ対応
・HTML / CSSコーディング（Word Press制作も可）
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料
・サーバーへのアップロード

【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。

【対応可能データ形式】
・Figma、PSD、AI、XD形式のいずれか
　確認用のJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

【ブラウザ・端末確認一覧】
・Windowsパソコン
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iphone
　Safari
・Android
　Chrome

当サービスをご覧いただきましてありがとうございます。

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
・WordPressオリジナルテーマ化してほしい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③WordPressオリジナルテーマ化
④スライダー等のアニメーション実装（JavaScript及びjQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から14日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報等をお知らせ下さい。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

※いずれも最新版です。

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

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

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

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

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

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

ご覧いただきありがとうございます。
Webコーダーのヒダカと申します。

本サービスでは、デザインを忠実に再現した静的サイト（LP・企業サイトなど）のコーディングを承っております。
スマホ・タブレット・PCすべてで快適に閲覧できるよう、丁寧に実装いたします。

さらに、本サービスは「当日から作業開始できる即対応プラン」 となっており、
急ぎの案件にもスピーディーに対応可能です。
※業務終了後にご連絡頂いた場合には、翌日からの作業となります。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応のレスポンシブ最適化
・JavaScript（jQuery）を用いたアニメーション実装
（例：ハンバーガーメニュー、スライダー、フェードインなど）
・既存サイトの調整・修正

■ 料金目安（レスポンシブ対応込み）
・LPコーディング：15,000円〜
・トップページ：15,000円〜
・下層ページ：5,000円〜（1ページあたり）
・アニメーション実装：2,000円〜
※作業内容・ボリュームによりお見積りいたします。
まずはお気軽にご相談ください。

■ 納品までの流れ
・「見積り・カスタマイズを相談する」より内容をご連絡ください
・デザインデータのお預かり
・コーディング作業
・ご確認・修正
・最終確認後、納品

■ 納品方法
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能

丁寧なコミュニケーションと責任ある対応を心がけております。
「軽微な修正」であれば 当日対応 も可能です。

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

ユーザー目線を意識したコーディングで、既存Webサイトを整えます

既存のWebサイトやLPについて、
「スマホで見づらい」「ちょっとした修正をしたい」「実装を手伝ってほしい」
といったお悩みに対応いたします。

HTML / CSS を中心に、
見た目だけでなく ユーザーが迷わず内容を理解できる構造 を意識し、
丁寧にコーディング・調整を行います。

このようなご相談に対応しています

・スマートフォンで表示が崩れている
・テキストや画像を差し替えたい
・レイアウトや余白を整えたい
・デザインはあるが、実装を任せたい
・LPの一部セクションを追加したい

小さな修正からでもお気軽にご相談ください。

発注の流れ

1.ご相談・ヒアリング
　メッセージにて、修正内容やご要望をお伺いします。

2.作業内容・お見積りのご提案
　対応範囲・作業内容・金額をご提示します。

3.仮払い後、作業開始
　内容確定後、作業を開始します。

4.確認・納品
　ご確認いただき、問題なければ納品となります。

対応範囲・価格目安

・既存ページの修正・更新：10,000円〜
　テキスト修正、画像差し替え、CSSの微調整など

・既存ページのレスポンシブ対応：20,000円〜
　スマートフォン表示を意識した調整

・LP・Webサイトの一部コーディング：40,000円〜
　デザインデータをもとにHTML / CSSで実装

※内容・ボリュームによりお見積りいたします。

納期目安

内容確定後、3日〜2週間程度
（作業量によりご相談）

対応可能な環境・スキル

・HTML / CSS
・JavaScript（軽微な表示切替など）
・PHP（基礎理解）
・Visual Studio Code
・Google Chrome（デベロッパーツール）

対象外作業

以下の内容は、基本対応範囲外となります。
※内容により別途ご相談可能です。

・デザイン制作・デザイン修正
・ロゴ・バナーなどのグラフィック制作
・WordPress等CMSの構築・テーマ開発
・複雑なJavaScript処理・高度なアニメーション実装
・SEO施策の効果保証・順位保証
・サーバー移行・ドメイン設定などのインフラ作業
・仕様が確定していない状態での作業開始

サービス内容・姿勢

デザインデータがあるWebサイトの
HTML / CSSコーディング、既存ページの修正・改善、レスポンシブ対応を行っています。

単にデザインを再現するだけでなく、
「初めて訪れたユーザーが迷わず行動できるか」
という視点を大切に、構造や導線を意識した実装を心がけています。

実績はまだ多くありませんが、
その分、丁寧な確認・コミュニケーションを重視し、
安心して進めていただける対応を行います。

「少し直したい」「まずは試しに頼みたい」
そんなご相談も歓迎です。
どうぞお気軽にご連絡ください。

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

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

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

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

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

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

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

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

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

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

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

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

当サービスをご覧いただきましてありがとうございます。

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。

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

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

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

内容物
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秒）：
「明日は“なぜ”のカードを省いて説明し、通じるか試します。」

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

お客様の想いをカタチに！デザインカンプコーディングから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まで各ブラウザで表示を確認します。
・納期を意識した進行

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

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

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

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

発注の流れ

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

資料のご提供
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の修正
・スマホ対応（レスポンシブ化）
・文字サイズ・余白・行間の調整
・レイアウト崩れの修正
・フォーム表示の調整
・軽いデザインの今風調整

【 納品物 】
・修正済みHTML/CSSファイル
・または修正箇所のコード一式
・事前／事後の比較画像（ご希望があれば）

【 ご購入後の流れ 】
サイトURL、またはHTML/CSSデータを送付
↓
修正したい内容をヒアリング
↓
作業開始
↓
仮納品 → 確認
↓
微調整後、正式納品

【 対応できるサイト例 】
・個人サイト
・小規模企業サイト
・ブログ
・LP
・ポートフォリオ
・古い静的HTMLサイト

【 料金・オプション 】
・基本プラン：指定ページの修正
・ページ追加、フォーム修正、特急対応などはオプション対応

【 納期目安 】
・基本：3〜5日
・特急対応：最短1〜2日（オプション）

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

デザインと実装、両方の視点から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サイト制作サービスをご利用ください！

自己紹介

ランサーズでは、フロントエンジニアとして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

デザインに忠実なコーディング、お任せください！
LP・HPのコーディングを専門に対応しています。
PC・スマートフォン・タブレットなどのあらゆる画面幅でもデザインが崩れることのない、レスポンシブなコーディングを実現します。
誠実な対応を心掛け、迅速かつ丁寧に制作物を納品致します。
ご予算やご要望に合わせて柔軟に対応致しますので、どうぞお気軽にご相談ください。

こんな方におすすめです

Webデザイナー様／Web担当者様
・デザインはあるが、コーディングに時間を割けない
・毎回コーダーを探すのが大変・品質に不安がある
・実装でつまずき、デザインや提案に集中できない
➡︎ コーディング部分をすべてお任せいただくことで、制作効率と品質を同時に向上させます。

作業内容（パッケージ料金に含まれます）

レスポンシブコーディング（PC／スマホ／タブレット対応）

お問い合わせフォーム実装

WordPress化対応
　（オリジナルテーマ・カスタムフィールド対応可）

各種アニメーション・UI実装
　ローディング／スムーススクロール／スライダー
　ハンバーガーメニュー／アコーディオン／モーダル など

発注の流れ

1. お問い合わせ・ヒアリング
   まずは「メッセージ機能」または「ビデオ通話機能」で、制作の目的、ターゲット層、ご希望のイメージ、納期、ご予算など詳しくお伺いします。

2. 企画・ご提案
   ヒアリング内容に基づき、最適なデザイン案、構成、使用技術などをまとめた企画をご提案します。この段階で方向性をすり合わせます。

3. お見積もり・仮払い
   ご提案内容にご納得いただけましたら、正式なお見積もりを提示し、ランサーズ上で仮払いをお願いいたします。これにより制作がスタートします。

4. 制作開始・進捗報告
   仮払い確認後、制作を開始します。定期的に進捗状況をご報告し、「ワークスペース」でデザイン案やテストサイトをご確認いただけます。

5. 確認・修正
   テストサイトをご確認いただき、修正点があればお伝えください。ご要望に基づき、丁寧に調整を行います。（Basicプランは1回、Standard/Premiumプランは2回まで基本料金内で対応）

6. 最終確認・納品
   最終確認が完了次第、制作物を納品いたします。Webサイトの場合は、サーバーアップロードまでサポート可能です。

料金目安

LPコーディング：35,178円（税込）
　※10,000px以内／長さにより変動あり

HPコーディング（HTML）：119,790円（税込）
　※5ページ想定

HPコーディング（WordPress／PHP）：167,178円（税込）
　※5ページ想定

※上記は目安です。
正確なお見積もりは「見積もり・カスタマイズの相談」よりご相談ください。

納期

ヒアリングから企画・デザイン・コーディング・納品まで、通常1ヶ月〜1.5ヶ月程度でWebサイトを構築いたします。

制作の流れ

ヒアリング・お見積もり

ご契約（仮払い）

デザインデータご支給

コーディング・テスト

ご確認・修正（回数無制限）

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

ご購入前の注意点

※ランサーズのシステム手数料（5.5%）が別途かかります。
詳細はランサーズ公式FAQをご確認ください。

サービス内容

「Webサイトを作りたいけれど、コーディングをどこに頼めばいいか分からない…」「商品の魅力を伝えるLPが欲しいけど、費用を抑えたい…」とお悩みではありませんか？私はWebスクールで培った確かな技術と、Web開発現場での経験を活かし、お客様の課題を解決します。特に、商品のニーズや対象年齢に合わせたデザインのコーディングが得意です。上智大学で培った知的好奇心と論理的思考力で、単なる見た目だけでなく、成果に繋がるWebサイトを制作します。まずは、メッセージにてお気軽にご相談ください。お客様の理想を形にするお手伝いを、精一杯させていただきます。

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

▽▼ただいま特別価格にて提供させていただいております！▼▽

「デザインは準備できるんだけど、コーディングがな…」
「wordpress実装まで頼める人いないかな…」

コーディング専門の私にぜひサポートさせてください！

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

＜進め方＞
１．デザインカンプ、メタタグ内容、OGP画像を提出していただきます。
　（デザイン以外は後ほどでも大丈夫です）
２．こちらでデザインに沿ったコーディングをいたします。
３．こちらのテストサーバーにて表示確認をしていただきます。
４．表示確認ができましたら、ファイルにて納品させていただきます。

親しみやすさが取り柄です！
パッケージやオプションにないプランもご提案可能ですので
まずはお気軽にご相談ください＾＾

SWELL／Snow Monkey専門で30件以上の構築実績。
黒子対応・NDA対応OK。

継続パートナーとして、複数のディレクター様からご依頼いただいています。

＼ ポートフォリオはこちら ／
https://canva.link/dejdf016vfcrmsq

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

・ 案件が立て込んでいて構築まで手が回らない
・ SWELL／Snow Monkeyに不慣れで時間がかかる
・ 外注したいが、デザイン意図を汲んでくれる人がいない
・ 納品後の保守性まで考えた構築をしてほしい
・ 安定して任せられる継続パートナーを探している

→ お任せください！そのお悩み、すべて解決します。

【選ばれる3つの理由】

① SWELL／Snow Monkey専門・30件以上の実績
　他テーマは扱わず、2つのテーマに特化。
　テーマの癖を熟知して構築いたします。

② PCカンプのみでOK・意図を汲む構築
　SPカンプがなくても、デザイン意図を読み取り、最適なレスポンシブ構成で仕上げます。

③ 保守性を考慮した設計
　ブロックエディター標準機能を最大限活用。
　アップデート影響を最小限に抑えるクラス設計で、納品後の運用まで考慮します。

【サービス内容】

・ WordPress構築（SWELL／Snow Monkey）
・ レスポンシブ対応（PC／タブレット／スマホ）
・ お問い合わせフォーム設置
・ SNS・外部予約サイト連携
・ スライダー／アニメーション実装
・ 画像圧縮・軽量化／ファビコン設定
・ 内部SEO対策（meta／alt／構造化など）
・ セキュリティ対策（標準対応）
・ 独自チェックリストによる納品前品質確認

【取引の流れ】

① お問い合わせ・ヒアリング（無料）
② お見積もり・納期のご提示
③ ご発注・正式依頼
④ 構築・実装
⑤ 確認・修正対応
⑥ 納品

※ 料金・納期はページ数・仕様に応じて柔軟にご提案します。
　表示金額は目安としてご覧ください。
　ご相談時に正式な見積もりをお出しします。

==========

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

現在の稼働状況・納期感など、柔軟にすり合わせさせていただきます。

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

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

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

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

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（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

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

既存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サイトのデザインをそのままに、低コストでスマホ対応を実現するサービスです。
最小限の工事で、スマホユーザーを取り込み、集客アップに貢献します。
まずは、お気軽にご相談ください。

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

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

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

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

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

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

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

数あるサービスの中からご覧いただきありがとうございます！
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年以上の経験

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

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

概要

「検索順位が伸びない」「集客に課題がある」企業様向けに、SEO診断と改善提案を行います。
技術的SEO（サイト速度、モバイル対応、内部リンク構造など）を中心にチェックし、改善提案をレポート形式で納品します。

• 技術的SEO診断（Google Lighthouse / PageSpeed Insights）
• 内部リンク・メタ情報・構造化データの確認
• 改善提案レポート（PDF形式）を納品
• WordPressの場合は実装代行も可能

検索順位が重要となるBtoCサービスの上場企業様のSEO対策を専任で担当していた実績がございます。

昨今は、AIの技術進歩により従来のSEO対策だけではなく、AIの判定も検索順位に影響がある時代となっています。
過去にSEO対策を行っている企業様で、最近検索順位が伸びていない企業様はいらっしゃいませんか？
日進月歩で技術進化を続けているSEO対策、ぜひ弊社にお任せください。

Q&A

Q1. WordPress以外のサイトでも依頼できますか？
A1. はい、独自サイトや他CMSでも診断可能です。

Q2. 検索順位の保証はありますか？
A2. 順位保証はありませんが、検索評価が高まりやすい改善を行います。

Q3. 修正作業までお願いできますか？
A3. スタンダード・プレミアムプランで対応いたします。

インハウスデザイナーとしてLPの修正や作成等を行っております。
(demoサイト)
https://medialaboratory-official.com/04/

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

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

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

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

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

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