コーディング外注先を
お探しの
Web制作会社・
デザイン会社の方へ

制作チームの一員として
コーディングをお任せください。
柔軟・スピード感のある対応で、
スムーズな制作が実現します。

SERVICE

サービス一覧

WordPressサイトの制作に強いエンジニアです。
制作前後の仕様策定・運用面もサポートいたします。

  • WordPress（CMS）サイト制作

    オリジナルテーマ作成、カスタマイズに対応しています。単にデザインの再現だけでなく、管理や運用の効率化を考えたカスタムフィールドの配置など、使い勝手のいいCMSを目指したコーディングを心がけています。

  • レスポンシブコーディング

    レスポンシブWebデザインに標準対応しています。異なるスクリーンサイズに応じた柔軟性のあるコーディングを提供します。既存サイトのレスポンシブ化も可能です。

  • JavaScript・アニメーション実装

    デザインから必要な機能を割り出し、事前に仕様を固めることで後出しの追加費用を防いでいます。ローディングアニメーションやスクロールに応じたアニメーションも可能です。

  • SEO最適化

    内部施策に欠かせないmetaタグ設定、セマンティックコーディング、XMLサイトマップ作成、alt属性の設定、サイト表示高速化などの項目を標準で行っています。見出しや強調部分などマークアップに関するご指定がある場合はご入稿時にお知らせください。

  • サイト表示高速化対応および設計

    既存サイトの表示速度改善を行います。表示速度が遅い原因を調査し、フロントエンドでできる限りの対策を施します。SEOの内部対策やCV率向上のためにご活用ください。

  • Googleタグマネージャーを使用した
    タグ設定・分析・改善提案

    Googleタグマネージャーのアカウント発行、Webサイトへタグの埋め込み、各種計測タグ・広告タグ設置に対応しています。ご要望があれば、計測結果に基づきサイトの改善提案をいたします。

  • 定額サポート

    自社にコーディング担当者やCMSを扱える人がいないというデザイン会社様などで、「クライアントさんから自社の専門外の質問が来て困る」「定期的に更新の依頼があり都度見積もりを出すのが面倒」という場合にご利用ください。チャットでの質問回答や、更新作業を定額で承ります。

SKILL

スキル

  • HTML / CSS(Sass)
  • JavaScript
  • WordPress
  • Shopify
  • PHP
  • GSAP
  • CSS Animation
  • Lottie
  • Git
  1. 01

    WordPressカスタマイズ・
    プラグイン実装

    Stripe決済機能実装 / WooCommerce実装 / カスタムフィールド実装
    投稿ページとお問合せフォームの連動 / メディアサイト / 多言語サイト / 採用サイト

  2. 02

    ECサイト制作（Shopify, makeshop）

  3. 03

    求人ページのGoogleしごと検索 / Indeed対応

  4. 04

    デザイナーと連携してアニメーションの
    仕様を策定し、実装する

  5. 05

    JavaScript, CSSを利用したアニメーション

  6. 06

    既存Webサイトのレスポンシブ化

  7. 07

    PCデザイン原稿のみでレスポンシブの実装

  8. 08

    Photoshop, Illustrator, XD, Figma原稿からの制作

  9. 09

    Googleサーチコンソールのエラー対応

こんなお客様がいます

CLIENT

  • Web制作会社

    ご担当者様のチェックが楽になるよう、構築完了後は約10時間ほどを使い検品しています。
    当方規定のチェックリストはこちら
    制作会社様独自のチェックリスト・コーディングルールにも対応いたします。
    ※対応希望の場合は制作開始前にお知らせください

  • デザイン会社

    デザイン原稿に忠実に仕上がるよう、デザイン画像とブラウザを重ねてチェックできるツール「PerfectPixel」を使用しています。
    コーディングに詳しい方が社内に少ない企業様から、制作前後の仕様相談を受けることも多くあります。ご提示いただいた仕様の実現が難しい場合は、代替案を提案します。

  • SEOコンサルティング会社

    SEOに不可欠な作業である、

    • ・セマンティックコーディング
    • ・サイトマップXML作成
    • ・404ページ作成
    • ・サイト表示速度最適化
    • ・Analyticsタグ設置
    • ・コンバージョンタグの設定

    が制作基本料金に含まれています。
    title / description のご指定がなかった場合はこちらから確認するなど、SEOで不利にならないよう連携して制作を進めます。
    SEO最適化のためのサイト更新作業も対応可能です。

  • フリーランス
    Webディレクター

    エンドのクライアント様をお待たせしないよう、返信・作業対応は迅速に行い、依頼された作業に対して「○日の○時までに提出する」と事前にご連絡します。
    納品したCMSサイトの操作マニュアルの制作も代行いたします。
    Webデザイナー・カメラマン・ライター・動画クリエイターなど、制作に不足している人材を手配可能です。

WORKS

制作実績

デジタルデトックス協会サイトのスクリーンショット

デジタルデトックス協会

ページ数
トップページ＋下層14P
金額
306,000円
参加フェーズ
仕様策定〜
担当内容
フロントエンド、WordPressカスタマイズ、
Stripeの決済機能実装、BASEのカスタマイズ
作業期間
20日間
チャレンジドホーム寿々中村サイトのスクリーンショット

チャレンジドホーム寿々中村

ページ数
トップページ＋下層1P
金額
172,000円
参加フェーズ
仕様策定〜
担当内容
フロントエンド、WordPressカスタマイズ、
Googleしごと検索対応
作業期間
６日間
株式会社インプルーブサイトのスクリーンショット

株式会社インプルーブ

ページ数
トップページ＋下層11P
金額
369,000円
参加フェーズ
仕様策定〜
担当内容
フロントエンド、WordPressカスタマイズ
作業期間
16日間
ナルセ金属サイトのスクリーンショット

ナルセ金属

ページ数
トップページ＋下層7P
金額
210,000円
参加フェーズ
仕様策定〜
担当内容
フロントエンド、WordPressカスタマイズ、
アニメーション
作業期間
10日間

公開可能な範囲で掲載しています。
その他実績についてはお問い合わせください。

VOICE

お客様の声

Web制作会社

当方とお取引する前はどんな課題がありましたか。
自社での検品時間がとても長く、エンジニアに検品していただきたい箇所の検品もディレクターが検品することが多々ありました。
当方とお取引後は、その課題がどのように解消されましたか。
検品時間が非常に短縮されました。
当方との仕事の中で何か印象に残っている具体的なエピソードはありますか。
進んでアニメーションをコンテンツに実装してくれるなど、クライアントに提出した際に非常にクオリティが高いとお褒めの言葉をいただけました。
当方とのお取引後、当方に対する印象を教えてください。
作業のスピードや連絡に対するレスポンスが非常に早く、とても安心してご依頼させていただいております。スケジュール面においても非常に柔軟に対応いただけて感謝しております。

Web制作会社

当方とお取引する前はどんな課題がありましたか。
コーディングを外注する際、アニメーションやWordPressやサイト全体の仕様について指示書をまとめるのにかなり時間がかかっていました。
また、他のエンジニアさんは連絡が遅かったり催促しないと返事がこなかったりなど、やり取りがスムーズにいかず困ったこともありました。
当方とお取引後は、その課題がどのように解消されましたか。
特に依頼をしなくても、デザインに合うようなアニメーションをつけていただいて感動しました…！
デザインレベルでこちらの意図を汲み取ってコーディングしていただけるので、指示書をまとめる時間が大幅に削減され、大変助かっています。コーディングのクオリティも高く、毎回デザイン通りに仕上げていただいてとってもありがたいです。連絡や作業の対応も早いので、やり取りに関しての悩みは一切なくなりました！
当方との仕事の中で何か印象に残っている具体的なエピソードはありますか。
テキストの一部、修正をお願いしたのですが、別の部分でそれに紐付いた内容も修正が必要がないか確認していただき、修正漏れを防ぐことができました。ありがとうございました！
当方とのお取引後、当方に対する印象を教えてください。
サイトを閲覧するユーザーだけでなく、クライアントにとっても更新しやすいサイトになるよう考えていただける上、
依頼側のこちらの意図まで考えていただけるので、本当にすごい方だなと思いました。
今後ともどうぞよろしくお願いいたします。

デザイン会社

当方とお取引する前はどんな課題がありましたか。
大きく動きのあるサイトを作成したかったのですが、お願いできるコーダーさんが見つからずにいました。
またレスポンスをなるべく早く行いたかったのですが、やはり外部のコーダーさんですとタイムラグが出てしまい、困っていました。
当方とお取引後は、その課題がどのように解消されましたか。
動きのあるサイトをとてもセンス良く作ってくださいました！さらに作業もとても早くて助かりました。
また、外部のコーダーさんであるのに、質問させていただくとすぐ回答をいただけ、とても助かっております。
ここの部分が私はとても大切だなと思いますので、本当に感謝しています。
ただ、無理はしていただいていないかは心配ですが…笑
当方との仕事の中で何か印象に残っている具体的なエピソードはありますか。
本当にお仕事が早すぎてびっくりします。
まさかな…と思ってお返事を見ると、もう完了報告だったりするので！
当方とのお取引後、当方に対する印象を教えてください。
回答がとても明確でクライアントにも伝えやすいことが、とても助かっております。
女性のコーダーさんは少ないですが、女性ならではの気遣いなのでしょうか。
ただ、作業をするというだけでなく、勝手にですが、私に足りないところを補ってくださる感じがして本当にお願いしてよかったと毎回思います。

SEO
コンサルタント

当方とお取引する前はどんな課題がありましたか。
エンジニアさんのリソース不足で売上の最大化が出来ず、スケジュールも伸び伸びになっておりました。
当方とお取引後は、その課題がどのように解消されましたか。
リソース不足が解消されました。
また、的確・迅速に対応いただけるので通常のスケジュールよりも短く組めるようになりました。
当方とのお取引後、当方に対する印象を教えてください。
スピード感もありつつ、しっかり対応してくれるので安心して依頼できます！

フリーランス
Web
ディレクター

当方とお取引する前はどんな課題がありましたか。
エンジニアの方によってやり方が様々で、明確に要件定義が必要だったり、
最低限対応してもらえる範囲と粒度がまちまちだったり、修正の対応をしていただけなかったり、連絡のレスポンスが良くなかったり、そもそも良いものを作る意識がない方がいたり、
挙げだしたらきりがないほど問題が山積みでした。
当方とお取引後は、その課題がどのように解消されましたか。
連絡のレスポンスが早いこと、修正の対応が事細かなこと、
そしてなにより、良いものを作ろうと言う意思があることで信頼ができました。
信頼関係ができたので繰り返し依頼することができ、最低限の対応内容の定義を案件をまたいで構築していくことができました。
そうすることで、本来制作を行う上でもっと時間を使うべき「クオリティを上げること」に専念できるようになったため、クライアントからの信頼も得られ、案件も広がっていく…といった、とても良い循環を作ることができました。
SYSTEM

サービス体制

お仕事のご依頼

お問い合わせフォーム

または

Chatwork

よりお問い合わせください。

Slack, LINE, Facebookなど、その他のコミュニケーションツールをご希望の場合も対応いたします。

制作の流れ

  1. STEP.1

    お打ち合わせ・ヒアリング

    お問い合わせフォーム、またはChatworkよりお問い合わせください。
    仕様・スケジュールなどをヒアリング致します。
    企画段階から参加して仕様策定をサポートすることも可能です。

  2. STEP.2

    お見積り・ご発注

    ヒアリングの内容を基にお見積りをいたしますのでご発注いただけるかどうかをご判断ください。正式にご発注いただきましたら契約書をお送りしますので、手続きをお願いします。

  3. STEP.3

    データ入稿

    デザインデータを入稿していただきます。デザインデータは、Photoshop、Illustrator、Adobe XD、Figmaでご入稿が可能です。また、テキスト原稿、Google analyticsタグ、metaタグの情報もお送りください。

  4. STEP.4

    コーディング・検品

    コーディングを開始します。作業に際しまして、疑問点などが発生した場合には都度ご連絡させていただきます。また、追加の情報などがありましたらご連絡ください。
    完成後は、当方で検品を行います。

  5. STEP.5

    お客様確認・修正対応

    お客様にご提出後、制作物のご確認をお願いします。
    文言変更やデザイン変更などがありましたら、この時点でご依頼ください。
    ※大きな構成変更やデザイン変更の場合、別途追加料金が必要になります。
    ※デザインデータが確定した状態でコーディングを開始すると、スケジュール通りにスムーズに進行することが可能です。
    ※別途追加料金場合は、内容確認後のお見積りにご了承を頂いてから修正致します。

  6. STEP.6

    納品

    最終確認が完了した後、お客様のご要望に合わせた形で納品致します。本番サーバへの設置と公開作業も承ります。
    ※以上の流れは一例です。案件により柔軟に対応いたしますのでお気軽にご相談ください。

対応ブラウザ

制作時の最新バージョンに対応とします。
IE11以下の対応が必要な場合、別途費用が発生いたします。

対応ブラウザ
Mac
：Safari, Google Chrome, Firefox
Windows
：Microsoft Edge,
Google Chrome, Firefox
iOS
：iOS Safari, Google Chrome
Android
：Google Chrome
対応OS
macOS・Windows・iOS・Android

検品

Webサイトを一通り構築したあと、実際の利用シーンを想像しながら当方規定のチェックリストに従って細かく検品を行います。
チェックリストは無料配布しています。ダウンロードしてご自由にお使いください。

チェックリストはこちら

クライアント様独自のチェックリスト・コーディングルールにもできる限り対応いたします。
対応希望の場合は制作開始前にお知らせください。

納期

ページ数 〜5P 6P〜10P 11P〜20P 21P〜30P
レスポンシブ 5営業日 10営業日 15営業日 20営業日
PCサイトのみ・スマホサイトのみ 3営業日 6営業日 9営業日 11営業日
LPコーディング 2営業日〜　（長さ・仕様により前後します）
CMS（WordPress）対応 上記期間＋3営業日〜

※ 上記はあくまで目安です。当方の案件対応状況またはデザインデータの状態・ページの長さにより、上記以上の期間をいただく場合があります。

※ 作業期間は、ご発注後データをいただき、着手をしてからの計算となります。

※着手日から納品までの期間が当方の標準スケジュールより短い場合、特急料金として制作料金全体の20%をいただきます。

その他

連絡対応についてのポリシー

営業時間内（平日10:00〜18:00（土日祝祭日休み））のご連絡へのレスポンスは24時間以内に行います。
時間外でも極力、即日対応できるよう努めます。

PRICE

価格

基本料金

制作基本料

¥30,000

  • CSS基本設計
  • 404ページ作成
  • サイトマップXML作成
  • Analyticsタグ設置
  • コンバージョンタグの設定
  • サイト表示速度最適化
    （ブラウザキャッシュの設定・画像の圧縮・Gzip圧縮の設定）
  • 基本SEO最適化コーディング
    （title／description／h1／alt／セマンティックコーディング）
  • 品質管理（検品）
  • SSL対応

WordPress構築

¥30,000

レスポンシブデザイン コーディング

TOPページ　15,000pxまで

¥75,000

下層ページA　10,000px前後

¥18,000

（例：https://improve-aroma.com/merit/）

下層ページB　6,000px前後

¥12,000

（例：https://improve-aroma.com/flow/）

下層ページC　テキスト主体の簡易ページ

¥4,500

（例：https://digitaldetox.jp/pp/）

流し込み・ページ複製

¥4,500〜

LP コーディング

お問い合わせフォームあり

¥80,000〜

お問い合わせフォームなし

¥75,000〜

CMS（WordPress）コーディング

投稿型ページ　一覧と詳細

¥18,000〜

投稿型ページ　一覧のみ・詳細のみ

¥10,000〜

TOP, 固定ページ等への投稿出力

¥6,000〜

カスタムフィールド設置

¥10,000〜

各種プラグイン導入

¥0〜

オプション

JavaScriptによる簡単な機能

¥0

画像のポップアップ、モーダル

¥0

アコーディオンメニュー

¥0

スライドショー（サムネイルなし）

¥0

スライドショー（サムネイルあり）

¥10,000

グーグルマップの埋め込み（iframe）

¥0

グーグルマップの埋め込み（API）

¥15,000〜

検索窓（検索結果ページ含む）

¥10,000

お問い合せフォーム（サンクスページ含む）

¥15,000

その他

WordPress操作マニュアル作成

¥100,000

コーディングガイドラインのご指定

全体の20%

特急料金

全体の20%

更新・改修作業

都度見積もり
目安：5,000円 / 1時間

ホームページの保守／管理

内容によりご相談

定額サポート

内容によりご相談

備考

  • LPの場合、制作基本料はかかりません。
  • 15,000pxを超える場合は2,000pxごとに¥5,000のコーディング料金が加算されます。
  • 仕様の指定がある場合はご相談ください。
  • 着手後の仕様変更、デザイン変更は有償対応で承ります。
  • ダミーテキストで制作を進める場合、後送で流し込む原稿の分量により費用が発生する場合があります。
  • テキストの手打ちや当方での校正が発生する場合、費用が発生する場合があります。
  • 金額はすべて税別です。

合計金額の実例は制作実績をご覧ください

CONTACT

お問い合わせ

Chatworkでのお問い合わせはこちら

Chatwork

フォームでのお問い合わせはこちら

お名前
必須
メールアドレス
必須
お問い合わせ内容
必須
会社名[法人の方のみ]

上記のお問い合せをいただく前に、下記の「個人情報の取扱いについて」をご一読下さい。
個人情報の取扱いについて同意した上で、送信ボタン（入力内容を確認する）を押してください。

個人情報保護方針について

1. 個人情報の利用目的
当方からご連絡や業務のご案内やご質問に対する回答として、電子メールや資料の送付に利用いたします。

2. 個人情報の第三者について
当方で取り扱う個人情報について第三者に提供することはございません。

3. 個人情報の取扱いの委託について
当方は、メールマガジン配信等の業務上の必要性により、取得した個人情報を外部に委託する場合があります。
委託先については、個人情報取扱いの安全性確認、秘密保持契約の締結等、適切な管理を行なっています。

4. 個人情報の任意性について
法令等の適用を受けない個人情報の提供は任意となります。但し、上記１．個人情報の利用目的が達成されない可能性があります。

5. 個人情報の取扱いと開示等の手続きについて
当方では、開示対象個人情報に関して、ご本人の情報の開示等（利用目的の通知、開示、内容の訂正、追加又は削除、利用の停止、消去及び第三者への提供の停止）を希望される場合には、お申し出いただいた方がご本人或いはその代理人であることを確認した上で、合理的な期間及び範囲で回答、利用の停止、消去及び第三者提供への停止をします。 ただし、これらの情報の一部又は全部を利用停止、消去した場合、不本意ながらご要望に沿ったサービスの提供（上記１．個人情報の利用目的）ができなくなることがあります。（なお、関係法令に基づき保有しております情報については、利用停止または消去のお申し出に応じられない場合があります）。

6. 本人が容易に認識できない方法による個人情報の取得
クッキーやウェブビーコン等を用いるなどして、本人が容易に認識できない方法による個人情報の取得は行っておりません。

【開示等の手続き方法】
個人情報の開示等のお求めは以下の窓口までご連絡ください。
名探偵株式会社
E-mail: info@meitantei.co.jp