御社が「やります」と言える案件が、ひとつ増えます
予約、決済、会員、管理画面——「業務システムっぽいところ」は、私たちが 15 年やってきた本業です。カレンダー連携も、スケジュール管理も、フォームとデータベースの連動も、いつもの仕事。だから、複雑そうな案件ほど、むしろ腕が鳴ります。「難しいから断ってきた案件」を、次からは「やります」と言ってください。裏側は、私たちがいます。
Web 制作会社さまのための、
御社のデザインはそのまま。
裏側に、開発部門がつく。
「それ、できます」って、次の打ち合わせで言えるように。
予約も、決済も、AI チャットも。ホームページに「しくみ」を載せるのが、私たちの仕事です。
予約システム、フォーム、決済、AI チャット、データベース連携、LINE・kintone などの外部サービス連携まで。
HELLO
フォームを送信したら、管理画面にデータがすっと並ぶ瞬間。
決済が通って、控えメールがちゃんと届く瞬間。
私たちは、あの「動いた!」が好きで、15 年この仕事をしています。
御社がデザインと言葉で「そうそう、これ!」をつくるなら、
私たちは裏側で「ちゃんと動く!」をつくります。
ふたつが揃ったサイトは、見る人にも、運営する人にも、本当に喜ばれます。
その "できた!" を、一緒に味わえる会社でいたいと思っています。
OPPORTUNITY
「このサイト、サーバー側が難しくて…」
— そのひと言で手放してきた案件が、御社の手に戻ってきます。
お客様から、こんなふうに言われたら
予約、ホームページから直接できるようにしたい
フォームの内容をデータベースに残して、管理画面で見たい
決済、外に飛ばさずに自社サイトの中で終わらせたい
LINE や kintone と、つなげられない?
WordPress と外部の API、連携できる?
サーバーの設定や移行まで、まとめてお願いしたい
何から決めればいいか分からないので、要件のところから一緒に考えてほしい
ここに挙げたのは一例です。近いご相談でしたら、まずはお聞かせください。
予約、決済、会員、管理画面——「業務システムっぽいところ」は、私たちが 15 年やってきた本業です。カレンダー連携も、スケジュール管理も、フォームとデータベースの連動も、いつもの仕事。だから、複雑そうな案件ほど、むしろ腕が鳴ります。「難しいから断ってきた案件」を、次からは「やります」と言ってください。裏側は、私たちがいます。
データベースへの保存、決済、管理画面、メールの送信、サーバーの設定と公開まで。画面の裏側で動く部分は、まるごとお任せください。ここがいちばん、私たちの腕の見せどころです。
デザインの再現やレスポンシブ実装も承ります。フロントとバックエンドをまとめて、という進め方ももちろん歓迎です。ただ、私たちがいちばん力になれるのはその奥です。
LIVE DEMO
フォームを送って、テスト決済をして、チャットに話しかけて。遠慮なく、遊んでみてください。
ここでご覧いただけるのは、お引き受けしている実装のうちの 3 つです。予約システムや外部サービス連携など、ほかの実装もお任せいただけます。
WordPress でも、Next.js でも、.NET でも。
「うちは WordPress なんだけど」「今回は Next.js で」「.NET 指定なんです」— どれで来ても「はい、できます」と言いたくて、同じ機能を3 つのフレームワーク全部で動かしました。
送信して終わり、ではなく、そのあと裏側でひと仕事するフォームです。
※ 送信後、裏側で DB 保存・自動返信メール・担当者通知・管理画面への反映まで自動実行
参考価格 初期 8 万円〜(税別/予想平均価格 15 万円程度)
全環境対応(WordPress / Next.js / .NET)も追加料金なし
「決済をサイトに組み込みたいけれど、セキュリティが心配」という声をよくいただきます。私たちが使うしくみでは、カード番号は自社サーバーを経由しません。(Stripe 社の基準で、事業者側のセキュリティ対応が最も軽い方式 = PCI SAQ-A です)
※ 決済完了後、裏側で Webhook による注文記録・購入控えメール・窓口通知・管理画面反映まで自動実行
参考価格 初期 15 万円〜(税別/予想平均価格 22 万円程度)
全環境対応(WordPress / Next.js / .NET)も追加料金なし
「サイトに AI チャットを置きたいが、API キーの管理や専門知識が心配」という声をよくいただきます。結Chat では、API キーはサーバー側のみで管理し、ブラウザには一切露出しません。お客様の安心のために、知識にない質問は「創作で答えない」設計にしています。
<iframe> を 1 行追加するだけで、サイト右下に AI チャットウィジェットが出現※ API キーはサーバー内で完結し、ブラウザには露出しません。知識に無い質問は創作せず、問い合わせ導線へエスカレーションします。
参考価格 ※価格は準備中です。まずはご相談ください。
ここにあるのは 3 つですが、予約システム・会員・マイページ・外部サービス連携なども、順次デモを増やしています。「こういうの、動くところ見たい」があれば、それも聞かせてください。
TECH STACK
このページのデモは、下の表の構成で動いています。御社のご指定や、納品先の環境に合わせて組みますので、「うちはこれなんだけど」も、まずは聞かせてください。
「うちは WordPress 中心」の会社も、「今回はモダンにいきたい」の会社も、いまお使いのフレームワークのまま、一緒に進められます。
| フロント | Next.js / React / HTML・CSS・JavaScript |
|---|---|
| バックエンド | Node.js / PHP(WordPress 含む)/ ASP.NET Core |
| CMS | WordPress(テーマカスタマイズ・自作プラグイン) |
| データベース | PostgreSQL(Supabase)/ MySQL・MariaDB / SQL Server |
| 決済 | Stripe Checkout(自社ドメイン内完結・PCI 最軽量方式 SAQ-A) |
| メール送信 | Resend(SPF・DKIM・DMARC 設定込み) |
| スパム対策 | ハニーポット・ワンタイムコード認証・送信回数制限 |
| ホスティング | IIS(Windows Server)/ Vercel / レンタルサーバー(Xserver 等) |
※ デモで使っている構成です。
QUALITY
デザインには、つくった人の意図があります。余白の 1px、行間、ホバーの動き。私たちはそれを「仕様」として読み、画面のすみずみまで再現できているかを自分たちで点検してから、御社にお戻しします。必要に応じて、デザインに明るい担当が再現精度を確認してからお渡しします。合否の判断は、御社が行ってください。「実装に出したら、イメージと違った」—— そんな行き違いをなくすための、自己点検です。
個人情報を扱うフォームや決済は、「動いた!」のあとが本番です。公開してからも安全に・安定して動き続けるように、こんなところまで見ています。
サーバーサイドを専門とする私たちだからこそ、こうした「見えないところ」まで含めて設計します。
PROCESS
私たちのプロジェクトは、
御社と同じゴールを持つことから始まります。
すべての段階で情報を共有し、一緒に進め、早い段階から "できかけのサイト" を触っていただけます。要件の整理から、フロントもバックエンドも、公開まで。かしこまらず、いつものやり方で声をかけてください。
01
「何ができたら完成か」を、着手前に一緒に言葉にします。デザインデータと原稿と機能要件を、同じ画面を見ながら。
02
進捗は、御社のペースに合わせてこまめに共有します。週 1 の短い打ち合わせでも、チャットでの報告でも。「いま、どこまでできてる?」に、いつでも答えます。
03
開発中のプレビュー環境をお渡しします。動いたところから、実際にフォームを送ってみたり、管理画面を開いてみたり。完成を待たずに、確かめられます。
STEP 1 — 一緒にゴールを決める
デザインデータ(Figma など)+ 原稿 + 機能要件を見ながら、
「何ができたら完成か」を揃えます
STEP 2 — つくりながら、見せます
プレビュー環境で、できたところから触っていただきます。
気づきは、その場で反映
STEP 3 — 一緒に確かめて、公開
動く本番サイトとして公開。
サーバー設定・DNS 切り替えまでご一緒します
そして御社は、「これもできます」と言える会社へ。
※ デザインデータの形式は、お使いのものに合わせます。既存サイトの HTML/CSS をご共有いただく形でも、同じデザイントーンで新規ページを制作できます。詳しくはよくあるご質問をご確認ください。
ご相談・要件の確認 — 同じゴールを言葉にする
まずはお問い合わせフォームからご連絡ください。そこから先は、メール・Slack・電話など、御社のやりやすい方法でやりとりします。機能要件・ご希望の技術スタック・スケジュールをお聞きしながら、「何ができたら完成か」を一緒に言葉にします。お急ぎの案件も、余裕をもったスケジュールも、どちらも大丈夫です。秘密保持契約は、御社の書式でお受けします。お客様との打ち合わせへの同席が必要なときは、御社のご依頼に応じて同席します(間に人が入るほど確認に時間がかかりますので、早く進めたい場面ではそのまま入れます)。
お見積り
内容を確認して、費用と納期の目安をお伝えします。「何にいくらか」が分かる内訳でご提示します。
デザインデータ・素材のお受け取り
デザインデータ(Figma の場合は共有 URL が最もスムーズです)、原稿テキスト、画像・ロゴをご共有ください。受け取り方法はご都合に合わせます。
実装 — つくりながら、見せます
バックエンド機能から着手し、動いたところから、開発中のプレビュー環境でご覧いただきます。実際にフォームを送ってみたり、管理画面を開いてみたり。進捗はこまめに共有し、気づいたことはその場で反映します。特定のサービスやベンダーに縛られない構成で実装します(ベンダーロック=乗り換えができなくなること、を避ける設計)。
一緒に最終確認・公開
御社での確認を経て、本番サーバーへの公開・切り替えを行います。サーバー設定・DNS 切り替えもご依頼いただけます。コードとドキュメントをお渡ししますので、御社だけでも、別の会社とでも、続きを進められます。
公開後のサポート
公開してからのほうが、「もっとこうしたい」が出てくるものです。保守・機能追加も、続けてご相談ください。月額での継続サポートにも対応しています。
静止画のデザインには写っていないものがあります。ホバーの動き、フォームのエラー表示、送信したあとの画面、スマホで見たときの挙動。画面が動き出してはじめて気づくことが、必ずあります。だから私たちは、完成を待たずに途中を見せます。早く気づけば、直すのも早い。業務システムの開発で 15 年続けてきた進め方を、ホームページ制作でも同じようにやっています。
実装に AI を積極的に使っているので、通常より短い工期でお届けできることが多いです。デザインが確定していれば、機能を含む実装でも短い日数で、というケースもよくあります(規模・機能によって変わるので、まずはご相談ください)。急ぎの案件は御社の進行に合わせて走りますし、余裕をもった日程で丁寧に、ももちろん歓迎です。
PRICING
参考価格を、先に出しておきます。最終的な費用は機能や規模で変わりますので、「何にいくらか」が分かる内訳つきのお見積りを必ずお出しします。要件定義や仕様の策定からでも大丈夫です。
価格の考え方は、「基本料 + 機能オプション」のシンプルな積み上げ式です。
以下は、よくご依頼いただく機能の参考価格です。要件・ボリューム・既存環境によって変動します。正式なお見積りは、ご相談のうえでお伝えします。
| 機能 | 参考価格(税別) |
|---|---|
| 基本料(着手・進行管理) | 3 万円〜(予想平均価格 4 万円程度) |
| 高機能フォーム受付フォーム+DB 保存+管理画面+自動返信+スパム対策 | 初期 8 万円〜(予想平均価格 15 万円程度) |
| Stripe 決済連携自社サイト内で単発販売・イベント集金(控えメール・注文管理込み) | 初期 15 万円〜(予想平均価格 22 万円程度) |
| AI チャット(結Chat)サイトに貼るだけの AI 接客・出典つき回答 | ※価格は準備中です。まずはご相談ください。 |
「なんとなく高い」がいちばん嫌なので、内訳は必ず見える形でお出しします。ざっくりの内容でも、目安はお伝えできます。気軽に聞いてください。
FAQ
御社のご依頼に応じて同席します。間に人が入るほど確認に時間がかかりますので、早く進めたい場面ではそのまま入れます。やりとりは御社経由だけ、という進め方でも構いません。
デザインの判断は、御社の担当です。私たちがお引き受けするのは、つくる仕事——要件の整理から、フロントもバックエンドも、公開まで。ご依頼の内容に沿って、私たちがつくります。
もちろんです。WordPress(PHP)での実装は、動く実装サンプルでご確認いただけます。自作プラグインや、WordPress 管理画面と連動したバックエンド機能の実装にも対応しています。
できます、歓迎です。「フォームのバックエンドだけ」「決済ページだけ」という部分依頼も、よくあります。まずはご要件を聞かせてください。
たとえば、こんなお仕事です。
いずれも、このページの動くデモで実装力をその場で確かめていただけます。
Figma・Adobe XD・Illustrator・Photoshop(PSD)・Sketch など、お使いの形式で受け付けています。数値やフォント、素材をそのまま読み取れる形式ほど、再現精度と納期の面で進めやすくなります。PNG 画像・PDF のみ、または手書きラフの場合は「忠実再現」の前提が変わりますので、事前にご相談ください。
対応できます。既存の HTML と CSS があれば、そこから色・余白・フォント・レイアウトのルールを読み取り、同じトーンで新規ページを制作できます。Figma のデザインカンプがなくても進められます。ご共有いただきたいもの:既存ページの HTML/CSS(テーマ・関連ファイルごと)/画像・ロゴ等の素材ファイル/参照したい既存ページの URL(本番公開済みの場合)。なお、WordPress テーマや有料プラグインのコードが含まれる場合は、ライセンスの確認をお願いすることがあります。
しています。月額でのサポート契約もご用意しています。公開してからのほうが「もっとこうしたい」が出てくるものなので、続けてご一緒できるとサイトの改善や機能追加もスムーズです。
パートナーとしてお選びいただいた後は、ご依頼・ご相談を電話・メール・Slack など、御社のやりやすい方法で承ります。(最初のお問い合わせ窓口だけは、スパム対策のためお問い合わせフォームにまとめています。ご一緒が決まれば、連絡手段は御社に合わせます。)
いいサイトができた日の「やった!」を、一緒に。
公開ボタンを押した瞬間。お客様から「使いやすいって言われました」と連絡が来た朝。ホームページづくりのいちばん嬉しいところを、御社と一緒に味わえる会社でいたいと思っています。デザインと言葉は御社が、裏側は私たちが。「作る」工程を引き受けることで、御社にはお客様との時間と、提案とデザインを磨く時間が残ります。同じゴールを、目指しましょう。
CONTACT
「こんなの、できる?」だけで大丈夫です。「価格感だけ聞きたい」「デモの中身をもっと見たい」も、もちろん。
どんな入り口でもかまいません。
まずは一度、声をかけてみてください。