本文へ移動

CUSTOM WEBSITE

ホームページ制作
(カスタム)

会社やサービスの内容に合わせて、サイトの構成・デザイン・機能を設計します。ヒアリングをもとに、構成と原稿のたたき台からデザイン・実装まで対応します。

制作料金はページ数で決まり、公開後の保守は月8,400円(税込)からです。
システム開発が必要な場合は、内容を確認して別途お見積もりします。

5ページ以内 187,500円
10ページ以内 250,000円
15ページ以内 312,500円
16ページ以上 お見積もり
すべて税込。公開後の月額(保守料)は別サービスで、月8,400円〜です。

WHO DOES WHAT

ご用意いただくもの/
当社が行うこと

白紙から書いていただく必要はありません。お話や既存の資料をもとに組み立てます。

ご用意いただくもの
  • 事業について、お話を聞かせていただく時間
  • ロゴ(お持ちの場合)
  • 写真(お持ちの場合。なくても進められます)
  • 掲載したい内容の希望(決まっていなくても構いません)
当社が行うこと
  • 構成を決める(何のページを、どの順で作るか)
  • ヒアリングをもとに、原稿のたたき台を書く
  • デザインを設計して、形にする
  • 公開後の更新・保守(月額)

PROCESS

進め方

ステップ2で、ページ数とお見積もりをお伝えします。着手はご了承いただいてからです。

  1. 01お客様・当社
    お話を聞く

    事業のこと、載せたいこと、迷っていること。現時点で分かる範囲でお知らせください。

  2. 02当社
    構成とお見積もりをお出しする

    何のページが必要かを整理して、ページ数とお見積もりをお伝えします。

  3. 03お客様・当社
    当社が組み立て、一緒に仕上げる

    構成・原稿・デザインを作り、見ていただきながら直していきます。

  4. 04
    公開

    公開後の更新・保守は、月額(8,400円から)でお引き受けします。制作とは別のサービスです。

COMPARISON

テンプレート型との違い

どちらが上位ということはありません。原稿をどこまでご用意いただけるかで選びます。

テンプレート型(Nocodify)
カスタム制作
制作費
ご自身で作る場合は0円
ご依頼いただく場合はカスタム制作と同額
187,500円から
原稿
ご提示いただきます
(項目立てはお渡しします)
ヒアリングのうえたたき台を作成
デザイン
業種別テンプレートをもとに
ご要望に合わせて設計
ページ構成
用意した型に沿って
必要なページを決めて作る
月額(保守)
8,400円から
8,400円から
向いている方
低コストで早く始めたい
文章づくりから任せたい/表現にこだわりたい
テンプレート型を見る

PRICE

料金

制作費(初期)と月額(保守料)を分けて表示しています。

制作費(初期)
5ページ以内 187,500円
このサービスについて相談する
10ページ以内 250,000円
このサービスについて相談する
15ページ以内 312,500円
このサービスについて相談する
16ページ以上 お見積もり
月額(保守料)
月払い 8,400円/月〜
6か月払い 41,000円〜
1か月あたり約6,834円(期間途中での解約はできません)
年払い 63,000円〜
1か月あたり5,250円・いちばん割安(期間途中での解約はできません)
  • ※すべて税込です。6か月払い・年払いは、期間途中での解約はできません。
  • ※ページ数は、独立した1ページを1として数えます(お知らせの記事は含みません)。
  • ※制作と保守は別のサービスとしてご契約いただけます。制作のみのご依頼も承ります。
  • ※システム要件を含む場合の保守料は、構成に応じて別途お見積もりします。継続的な開発が必要な場合は、月額開発(サブスク)をご案内します。

INCLUDED

含まれるもの/
含まれないもの

これに含まれない作業のご依頼は、このページ下のフォームから内容をお送りください。お見積もりをご返信します。

INCLUDED含まれるもの
  • 構成の設計と、ヒアリングをもとにした原稿のたたき台の作成
  • デザインの設計と実装
  • 公開後、ご自身で記事やお知らせを更新できる管理画面
  • (月額)本体・プラグイン・テーマの更新、サーバー管理、毎日のバックアップ、セキュリティ対応
  • プラグインは最小限に。入れるものは、過去の脆弱性への対応の速さまで確かめて選びます
NOT INCLUDED含まれないもの(別途)
  • 公開後のページ追加・デザイン変更
  • 記事の代筆・原稿の追加制作
  • 写真撮影・イラスト制作
  • 他システムとの連携開発
  • 検索順位や売上の保証
  • 広告運用・SEO施策(集客担当のサービスへ)

EXAMPLE

こんな構成で
お作りしています

5ページの例 トップ/サービス/料金/会社案内/お問い合わせ
10ページの例 上記+サービス詳細3ページ/実績/よくある質問/お知らせ

必要なページは、お話を聞いたうえで一緒に決めます。

担当範囲

ご依頼前に、当社が行うことと、お客様にご用意・ご確認いただくことを整理します。

当社が行うこと

  • 要件整理・構成・デザイン・実装
  • 検証環境での表示・動作確認
  • 本番公開と公開後の確認

お客様にお願いすること

  • 事業内容・掲載情報・確認資料
  • 構成・デザイン・原稿の確認
  • ドメイン等、お客様名義で利用するサービスの契約

共有・納品するもの

ご依頼後、作業内容と確認結果をあとから確認できる形で共有します。

  • 公開したWEBサイト
  • 制作したデザイン・ソースコード
  • 管理権限・操作方法・保守範囲のご案内

共有・納品する内容と形式は、ご依頼内容に合わせてお見積もり時に明記します。

CASE

実際の事例

当社が実際に担当した案件です。守秘義務のため、お客様のお名前は伏せ、業種や規模は大まかに記しています。

INPUT SCREEN

設計系の事務所で、事例の登録を専用の入力画面にした

構成
WordPress、市販テーマに独自のプラグインを追加
課題
事例を本文に自由に書いていたため、体裁がばらつき、重い画像もそのまま載っていた
状況
公開前。検証用の環境で実装
  • WordPress プラグイン開発
  • カスタム投稿タイプ
  • 管理画面カスタマイズ
  • SWELL カスタマイズ

登録のしかたの違い

BEFOREWordPress の標準

  • 本文に写真と仕様を自由に書く
  • 体裁が事例ごとにばらつく
  • 重い画像もそのまま載る

AFTER作り替えた流れ

  1. 作品名を入れる
  2. 分類を選ぶ
  3. 写真を並べる
  4. 作品情報10項目を入れる
  5. 説明文を入れる
  6. 保存時に画像の大きさを検査
  7. 一覧と詳細が同じ体裁になる

数字で見ると

  • 10項目作品情報の入力欄
  • 3種画像の検査(形式・横幅・容量)
  • 約100件前のサイトと突き合わせた事例
  • 0件独自に書いたページのテンプレート(一般ページ)

あわせて行ったこと

  • すでにあった事例は、本文から写真と仕様を取り出して、新しい入力欄へ自動で移しました。
  • 事例以外のページは、ふつうの編集画面のまま更新できます。

こまかな作り込み

入力の画面9項目
  • 本文のエディタをなくし、「作品名・分類・写真・作品情報」だけの専用の画面に
  • 分類は、1つだけ選ぶ形に
  • 写真をまとめて追加し、ドラッグで並べ替え
  • 1枚目を、自動で代表の画像に
  • 写真ごとに、代わりの文をその場で入力
  • 写真1枚ごとに、寸法・容量・形式と判定(基準内/登録不可/差し替え推奨)を表示
  • 検査は3段階(選んだ瞬間、保存のボタン、サーバー側)
  • 前からある写真は、基準の外でも編集を妨げず、「差し替え推奨」にとどめる
  • 作品情報10項目と、設計の説明。空欄は、公開側で見出しごと出さない
詳細と一覧7項目
  • 写真の縦横比を自動で見て、1枚目は大きく、縦長2枚は横並び、ほかは左右交互に組む
  • 左に作品情報を固定し、右で写真が流れる。スマホは1列
  • 写真をクリックで全画面に拡大(前後、枚数、キーボード操作)
  • 一覧は、大小の写真を組み合わせた配置(6件でひとめぐり)。スマホは左右交互
  • 分類で絞り込み、件数を表示。0件の分類は出さない
  • 竣工の表記がそろっていなくても、新しい順に並べ替え
  • 「動きを減らす」設定では、演出を止める
検索エンジンと管理4項目
  • 絞り込んだ一覧に、専用のタイトル・説明・共有用の情報
  • ログイン画面の差し替えと、ログインの場所の変更
  • バージョンの表記の除去と、説明ファイルへの直接のアクセスの拒否
  • 検証の環境では、メールをすべて止め、検索エンジンに載せない
移行5項目
  • 前のサイトの事例を下書きで取り込み。同じものを二度入れない
  • 取り込みのあとの機械チェック7項目と、公開のあとの確認8項目
  • 写真だけ先に入っていた約100件へ、文字の情報を戻す。空欄だけを埋め、前の原文と全件一致を確認
  • 確定できないものは、確認の表にして依頼者へ返す
  • 「どこを編集すれば、何が変わるか」の対応表

PDF

オーダーメイド商品のネットショップで、印刷用の PDF を自動で作るようにした

商材
名前やメッセージ、写真を入れて作る、1点ものの商品
課題
注文の内容を見て、1件ずつ手作業で印刷データを作っていた
  • Welcart カスタマイズ
  • WordPress プラグイン開発
  • PDF 自動生成
  • 名入れ・オーダーメイド商品

流れの違い

BEFOREWelcart の標準

  1. 商品のオプション欄に名前を入れる
  2. 注文する
  3. 受注の内容を見て、手作業で組む

AFTER作り替えた流れ

  1. 名前・日付・メッセージ・写真を入れる
  2. 仕上がりをページをめくって確認
  3. 注文する
  4. 管理画面で文字の位置を微調整
  5. 印刷用の PDF を書き出す
  6. 印刷・製本

こまかな作り込み

商品の登録(運用者)6項目
  • ページ数と絵柄の数を入れると、組み合わせの分だけ入力欄が自動で組み上がる
  • 見開きの画像を、まとめてアップロード。名前の順に自動で割り当て
  • 本文の書体・太さ・大きさ・色を指定。ページごとに色を変えられる
  • 本文の中の目印が、お客様の名前や日付に置き換わる
  • 最後のページの、メッセージの行数と、行ごとの文字数を商品ごとに設定
  • 見開きの上で、文字をドラッグして位置を決める。全部の組み合わせへ一括で反映もできる
お客様の入力と確認5項目
  • 絵柄を画像で選ぶ
  • 写真をアップロードし、画面の上で動かす・拡大する・回す。スマホの2本指の操作にも対応
  • メッセージを1行ずつ、好きな位置へ。太さ・大きさ・色も選べる
  • 全部のページに合成した仕上がりを、めくって確認。戻って直せる
  • 注文の前に、透かし入りの見本 PDF をダウンロード
注文と印刷データ5項目
  • 注文のとき、商品の設定と文字の位置を、その注文専用に複製。あとで設定を直しても、注文の内容は変わらない
  • 受注の編集画面から、名前・写真・メッセージ・位置を注文ごとに直せる
  • 印刷用の PDF を、原寸で書き出し。フォントは必要な文字だけ埋め込み
  • スマホの写真の向きを読んで、自動で正しい向きに
  • 注文を消すと、複製したデータと写真も一緒に消える
そのほか3項目
  • 2点目からの割引と、複数の種類を買ったときの割引
  • 受注を一時的に止めるスイッチ
  • 感想のフォームから、「お客様の声」の下書きを自動で作成

あわせて作ったもの

  • 管理画面で、商品ごとに文字を入れる位置・書体・大きさ・色を決められます。
  • 同じ商品を複数注文したときの割引を入れています。

FAQ

よくあるご質問

8問

Q. ページ数はどう数えますか。

+

A. 独立した1ページを1として数えます。お知らせやブログの記事は、ページ数には含みません。

Q. 原稿は用意しないといけませんか。

+

A. ヒアリングのうえで、原稿のたたき台を当社で作成します。0から書き起こすのではなく、お話や既存の資料をもとに組み立てる形です。お持ちの文章や資料があればお送りください。

Q. テンプレート型とどちらを選べばいいですか。

+

A. 低コストで早く始めたい場合はテンプレート型(ご自身で作る場合は制作費0円)、文章づくりから任せたい・表現やページ構成にこだわりたい場合はカスタム制作です。ご要望をお聞きして提案します。

Q. 見積もりはいつ分かりますか。

+

A. お話を聞いて構成を整理した段階で、ページ数とお見積もりをお伝えします。着手はご了承いただいてからです。

Q. あとからページを追加したくなったら。

+

A. 追加分をお見積もりします。管理画面から、お知らせや記事はご自身でも追加いただけます。

Q. 保守は必ず契約が必要ですか。

+

A. いいえ。制作のみのご依頼も承ります。ただし管理画面のある構成は、放置すると古くなり危なくなるため、保守をお勧めしています。

Q. 写真や撮影もお願いできますか。

+

A. 撮影・イラスト制作は含まれません。お持ちの写真を使うか、別途ご相談ください。

Q. プラグインは、どのように選んでいますか。

+

A. プラグインは最小限にします。必要のないプラグインは、原則として入れません。入れるものは、過去に脆弱性が見つかったときの対応の速さまで確かめて選びます。合うものがない場合は、独自のプラグインを開発して対応することもあります。

BEFORE YOU ORDER

お送りいただきたいこと

ご用意できる情報からお送りください。不足している内容は確認しながら進めます。

1. 事業の内容
2. 参考にしたいサイト(あれば)
3. 載せたい内容・ページの希望 内容が決まっていない段階でもご相談いただけます。お聞きしながら整理します。
4. お持ちの資料・文章 会社案内、パンフレット、既存サイトの文章など。あれば原稿のたたき台に使います。
5. ロゴ・写真(お持ちの場合)
6. 公開の希望時期とご予算の目安

内容を確認したうえで、構成とページ数、お見積もりをお伝えします。

機密情報の扱いについて

ログイン情報、パスワード、APIキーなどの機密情報は、最初のご相談時には送らないでください。必要になった段階で、安全な共有方法をご案内します。

※写真撮影、イラスト制作、記事の代筆、検索順位や売上の保証は基本料金に含まれません。

カスタムWeb制作についてご相談ください

「何を載せればいいか」「何ページ必要か」が決まっていなくて構いません。
現状をお聞きして、構成とお見積もりをお伝えします。

CONTACT

カスタムWeb制作のご相談

作りたいサイトの目的、必要な機能、公開希望時期をお知らせください。要件整理からご案内します。

※内容を確認したうえで、対応できる範囲、優先順位、追加のお見積もりが必要かをご返信します。
REQUIRED
OPTIONAL
ファイルを添付(任意)
ここにファイルをドラッグ&ドロップ またはクリックしてファイルを選択 画像・PDF・テキスト・Word・Excel・zip/合計512MBまで・10ファイルまで(大きな複数ファイルはzip推奨)
ログイン情報やパスワードを含むファイルは添付しないでください。 画面のスクリーンショット、会社案内、既存の原稿などを添付いただけます。機密情報は、必要になった段階で安全な共有方法をご案内します。
送信する→