---
title: "Web制作会社向けホームページ作成ツール | Briks"
url: https://briks.dev/ja/for/web-design-studios
description: "Webデザイン会社自身のサイトを作ります。サービス、実績、制作の流れ、料金、適切な質問をするお問い合わせフォームを備えています。あなたの言葉から作成し、サーバーも付いています。"
---

# Webデザイン会社向けホームページ作成ツール

自分のサイトは、いちばん完成させにくいものです。お客様の仕事が常に最優先で、自社サイトは何年も作りかけのまま。スタジオのこと、引き受ける仕事、料金の決め方を書いていただければ、Briks がページを計画し、作成し、サイトを公開します。あなたはお客様の仕事に戻れます。

以下に、使い始められるテンプレート、スタジオのサイトに通常必要なページ、ご自身の情報で書き換えられるブリーフを紹介します。

50クレジットの無料分から始められます。カードは不要です。

[![Briksで作ったDesign Studioテンプレートの冒頭部分](https://assets.briks.live/templates/3e6f3b5f-9f2d-4897-b1e9-45b69dcf220d/preview.jpg)](https://briks.dev/ja/templates/design-studio)

デザインスタジオ デザイン事務所向けホームページのテンプレート。サービス、実績、読み物、FAQを載せ、連絡先で締めくくります。 **Design Studio** の用途、Briksチームによるホームページ用テンプレート [Design Studioテンプレートを開く](https://briks.dev/ja/templates/design-studio)

## デザイン・クリエイティブスタジオのテンプレートをもっと見る

[デザイン・クリエイティブスタジオのテンプレートをすべて見る](https://briks.dev/ja/templates?industry=design)

### [Influencer](https://briks.dev/ja/templates/influencer)

ウェブサイト

[プレビュー Influencer（新しいタブで開きます）](https://influencer.template.briks.live/)

### [Creative Design Studio](https://briks.dev/ja/templates/creative-design-studio)

ウェブサイト

[プレビュー Creative Design Studio（新しいタブで開きます）](https://creative-design-studio.template.briks.live/)

### [Infration](https://briks.dev/ja/templates/infration)

ウェブサイト

[プレビュー Infration（新しいタブで開きます）](https://infration.template.briks.live/)

## Webデザイン会社のサイトに必要なページ

スタジオのサイトは、実績集であり営業ツールでもあります。必要なページにチェックを入れると、サイトマップが描き直されます。Briksも作成の前に同じ質問をします。

**サイトマップ** 6 ページ

**ホーム**/

**仕事**/work **サービス**/services **制作の流れ**/process **概要**/about

**お問い合わせ**/contact

Briksはビルドの前に、どのページが必要かを尋ねます。おまかせにしたい場合は Decide for me を選べます。ここで選んだ内容は、下の例のブリーフに入ります。

## Webデザインスタジオのホームページ向けブリーフの例

内容をご自身のものに変えて、出発点としてお使いください。ページの行は、上でチェックした内容に合わせて変わります。

Fieldworkは、グラスゴーにある2人体制のウェブデザインスタジオで、2019年からEwanとPriyaが運営しています。スコットランドの個人経営の店、レストラン、建築家のために、通常6〜10ページのウェブサイトを設計・制作し、4〜8週間で公開しています。

公開後も月額プランでサイトをお世話します。毎月、小さな変更、更新、確認の通話が含まれます。プロジェクトは£4,500から、保守プランは月額£150です。

私たちの代表的な仕事:グラスゴーの建築事務所の新しいサイト、オーバンのシーフードレストランのオンラインメニューと予約の問い合わせ、スカイ島のニット製作者のサイト。

サイトは自信があって落ち着いた印象にし、大きな施工写真と短い言葉を使います。始め方はひとつに絞り、予算、時期、現在のホームページを尋ねるフォームを置きます。

**ページ:** ホーム, 仕事, サービス, 制作の流れ, 概要, お問い合わせ。

Use this brief を押すと登録画面が開き、続けてこの文章が入力された新しいプロジェクトが開きます。ビルドする前に、どこでも自由に変更できます。

### このように書かれている理由

- 課題と成果を添えて、3つのプロジェクトを挙げてください。実績ページは、載せるストーリーの強さで決まります。
- 最低料金を載せましょう。サイトに書いておくと、お断りするような問い合わせを減らせます。
- 誰のために働いているかを書きましょう。「あらゆる規模の企業」よりも「スコットランドの個人経営の店舗や建築家」のほうが選ばれやすくなります。
- 新規プロジェクトの手順で、最も憧れるサイトを追加してください。スタジオにとって、見た目も提案の一部です。

## Briks がウェブデザイン会社のサイトを作る方法

各ステップは、Briksが現在行っていることです。リンク先で各機能の詳細を確認できます。プランやスイッチが必要かどうかも載っています。

1. **憧れのサイトから始める**

   こんなサイトをデザインできたら、と思うサイトがありますよね。いちばん憧れるサイトをスクリーンショットと一緒に追加してください。Briksがそのレイアウト、余白、書体、動き、ヘッダーメニューを読み取り、その雰囲気でスタジオのサイトを作ります。

   [好きなサイトからホームページ作成 *すべてのプランで利用可能*](https://briks.dev/ja/features/build-from-sites-you-like)

2. **聞かれたことに答える**

   制作の前に、Briksはどのページが必要か、そして料金を専用ページにするかどうかなど、依頼内容で決まっていない点をたずねます。選びたくないときは Decide for me を使えます。

   [作成前の質問 *すべてのプランで利用可能*](https://briks.dev/ja/features/questions-before-building)

3. **公開前にチェックされる項目**

   コントラストは公開前にコードで確認されます。スタジオで作ったサイトでは、4つの幅で行うより詳しいチェックもオンにできます。レイアウト、重なり、リンクを確認します。

   [公開前のチェック *すべてのプランで利用可能*](https://briks.dev/ja/features/contrast-checks)

4. **コードを読んで編集する**

   サイト用に書かれたすべてのファイルを確認でき、編集権限があれば手で編集でき、有料プランなら公開済みバージョンをzipでダウンロードできます。zipに含まれるのはサイト自体のファイルで、すべてのBriksサイトが動くための共通部分は含まれません。

   [サイトのコード *すべてのプランで利用可能*](https://briks.dev/ja/features/your-code)

5. **リードを保存してメールで通知**

   お問い合わせフォームの内容はスタジオに保存され、本番環境ではメールでも届きます。さらにWebhookで、新しい内容を見込み客を管理しているツールへ送ることもできます。

   [すべての入力内容を残すフォーム *すべてのプランで利用可能*](https://briks.dev/ja/features/forms)

6. **見出しをテストする**

   ホームページの保存済みバージョンを公開中のものと比べてテストします。振り分けは5〜95パーセントで設定できます。フォームの送信、電話やメールのタップ、メインのボタンのクリックがコンバージョンとして数えられます。

   [A/Bテスト *すべてのプランで利用可能*](https://briks.dev/ja/features/ab-testing)

7. **何でも元に戻せます**

   すべての変更がバージョンとして残ります。思い切ったトップページを試して、うまくいかなければ元に戻せます。

   [バージョンと元に戻す機能 *すべてのプランで利用可能*](https://briks.dev/ja/features/versions-and-undo)

## スタジオ自身のサイトについて、Briksが対応する範囲と対応しない範囲

2026年10月8日時点でのBriksの対応状況に照らして確認した、正直な一覧です。Briksが対応していない点には、よくある回避策を同じ行に載せています。

| 必要なもの | 今の Briks なら | ステータス |
| --- | --- | --- |
| 実績、サービス、進め方、料金のページ | ご依頼の内容から作成し、確認まで行います。 | 含まれます |
| リードフォーム | 送信内容はスタジオに保存され、本番環境ではメールで届きます。新しい送信ごとにWebhookも使えます。 | 含まれます |
| ご自身のコード | サイト用に書かれたファイルを閲覧して手作業で編集でき、有料プランではダウンロードもできます。 | 含まれます |
| トップページの2つのバージョンをテストする | A/Bテストは5%から95%の間で振り分けられ、コンバージョンは訪問者ごとに1回だけカウントされます。 | 含まれます |
| 独自ドメイン | Starter から。証明書は自動で発行・更新されます。 | 有料プラン |
| フォーム送信内容の書き出し | 今はできません。Webhookで、新しい入力を1件ずつ別のツールに送ることができます。 | 今日はしない |
| Built with Briksバッジを外す | すべての有料プランで非表示です。Freeのサイトでは、隅に小さなリンクが表示されます。 | 有料プラン |
| クライアント案件向けホワイトラベル | 現在はできません。ホワイトラベルのオプションはご利用いただけません。 | 今日はしない |

## 理想のクライアントに選ばれるスタジオサイトのためのアドバイス

- **スクリーンショットだけでなく、問題そのものを見せましょう**

  見栄えのよい画面を並べても、伝わるのはデザインができるということです。何が問題で、何を変え、その後どうなったかという短い物語なら、力になれることが伝わります。各プロジェクトは、課題から書き始めてください。

- **やらないことも伝えましょう**

  ロゴ、ショップ、アプリを手がけていないなら、サービスのページにそう書きましょう。範囲がはっきりしていると、問い合わせの質が上がり、最初の電話で気まずくなることも減ります。

- **フォームで丁寧に絞り込みます**

  予算、時期、現在のサイトの3つは、ほとんどのお客様が1分で答えられる質問です。打ち合わせをお願いする代わりに、役立つ返信ができます。

- **自分のサイトを最新に保つ**

  2年前で止まったポートフォリオほど、Webスタジオの信頼を損なうものはありません。変更が一文で済めば、公開したその週にプロジェクトを追加することも現実的です。

## webデザイン会社からの質問

### Briksが書いたコードは編集できますか?

はい。サイト用に書かれたすべてのファイルを閲覧でき、編集権限があれば手動で編集でき、有料プランでは公開した任意のバージョンをzipでダウンロードできます。zipにはすべてのBriksサイトが動くための共通部分が含まれないため、ほかの場所で動かすには手を加える必要があります。有料プランでは、これらのファイルをGitHubリポジトリに保管し、双方向で同期することもできます。

### 好きなサイトをもとに、スタジオのサイトを作れますか?

はい。憧れのサイトを追加してください。スクリーンショットも付けられます。Briksがレイアウト、余白、書体、動きを読み取り、あなたの言葉と仕事を使って、その雰囲気に沿ったサイトを作ります。

### Briks を他のクライアントのサイトにも使えますか?

はい。クライアントごとに1つずつ、最大10個のワークスペースを持てます。Proからは、役割を付けてクライアントを招待できます。どのプランでも、クライアントをOwnerにすればワークスペースを引き渡せます。

### どちらのトップページが問い合わせを多く集めるか、テストできますか?

はい。保存したバージョンを公開中のバージョンと比べられ、振り分けは5〜95パーセントの間で設定できます。フォームの送信、電話やメールのタップ、メインのアクションのクリックが、訪問者1人につき1回、コンバージョンとして数えられます。

## 関連する事業のホームページ

- [業種別 **クリエイティブ代理店向けホームページ作成ツール** 実績、できること、チーム、新規のご相談。ページを読む](https://briks.dev/ja/for/creative-agencies)
- [業種別 **建築業者・施工業者向けのホームページ作成ツール** サービス、完成したプロジェクト、見積もり依頼。ページを読む](https://briks.dev/ja/for/builders-and-contractors)
- [ロール別 **代理店向けホームページ作成ツール** クライアントごとのワークスペース、全員にロール、所有権で引き渡し。ページを読む](https://briks.dev/ja/for/agencies)
- [ロール別 **フリーランス向けホームページ作成ツール** 通話メモから作る最初のバージョンと、スムーズな引き渡し。ページを読む](https://briks.dev/ja/for/freelancers)

[すべてのソリューション(職種別・業種別)](https://briks.dev/ja/for)

## 思い描くものを伝えれば、Briks が作ります

最初は一文で十分です。登録すると 50 クレジットを無料で受け取れます。カードは不要です。

[またはテンプレートから始める](https://briks.dev/ja/templates)