『Web 制作の発注&パートナーシップ構築ガイド』発売中

カロアデザインコロアじゃなくて、カロアだよ

ノーコードツール「Studio」でのWebサイト制作

事業を成長させる
WebサイトをStudioで。

Studio Experts

Gold

Enterprise

ノーコードツール「Studio」を利用することで、デザイン性を保ちながら、営業・広報・人事・マーケターなど、事業の担当者自身が高速に仮説検証や更新ができるWebサイトを作ることができます。Studioゴールドエキスパートのカロアが、制作から運用の自走化までを全力で支援します。

About

「作って終わり」から「育てるサイト」へ。
ノーコードで高速に進化する。

デジタル時代において、顧客ニーズは絶えず変化しています。それに応じて、Webサイトも柔軟に適応し、進化し続けることが求められます。これまでのWebサイト運営では、制作会社への依頼が必須で、些細な修正でも多くの時間と費用が必要でした。そこでカロアは、技術的な専門知識を持たないビジネスリーダーや事業部門の担当者、マーケティング担当者が、主体的にWebサイトを運営できる手段としてStudioの活用を提案しています。

Studioのゴールドエキスパート、大手企業向けのエンタープライズパートナーとしての実績を持つカロアは、独自のノウハウを活かし、Studioを活用したWebサイト制作の効率的なワークフローや品質基準、社内での持続的な運用体制の構築をサポートします。プロフェッショナルによる初期構築の後は、貴社での自律的な運用に移行することで、コストパフォーマンスの高いWebサイト運営が実現できます。

Studioを用いたノーコードでのWebサイト制作にご興味をお持ちの方は、ぜひカロアにお気軽にご連絡ください。

Problem

小さな更新でも外注、
予算も時間もかかりすぎていませんか?

多くの企業がWebサイトの制作や運用で悩みを抱えています。制作会社への依頼は手間とコストがかかり、ビジネスのスピードに追いつけない...。カロアはStudioを活用することで、これらの課題を解決します。

  • ちょっとした更新でも制作会社に依頼が必要で時間がかかる

  • 更新のたびに発生する外注費用が予算を圧迫している

  • 制作会社に依頼したことがなく、相談の仕方が分からない

  • Webサイトで自社や商品の魅力が十分に伝えられていない

  • 採用サイトを通じた応募が少なく、ミスマッチも発生している

  • ノーコードは品質が低そうで、社内の理解が得られない

  • 情報が古くなったまま放置され、悪い印象を与えている

  • 担当者の退職で更新できる人がいなくなってしまった

Studio Benefits

デザインの質は落とさない。
でも、更新は自分たちの手で。

Studioはコーディングが必要ない「ノーコードのWebサイト制作ツール」です。デザイン性を保ちながら、誰でも簡単に更新できる仕組みで、制作から公開、運用までをまるっと完結。ビジネスのスピードに合わせた柔軟なサイト運営を実現します。

  • 直感的な操作で手軽なサイト更新

    専門的な知識がなくても大丈夫。ドラッグ&ドロップの直感的な操作で、文章や画像を即座に更新できます。エンジニアに依頼することなく、事業部門のスタッフが自分で更新できます。

  • ブログやニュースを簡単に発信

    記事の公開予約や下書き保存など、使いやすいCMS機能を搭載。ニュースやブログの更新も簡単に行え、最新情報を素早く発信できます。タグ管理や検索機能で、情報を整理しながら運用できます。

  • システム管理はおまかせで安心

    バージョンアップやセキュリティ対策などの面倒な管理はStudioが自動で行います。サーバー管理や保守運用の心配をすることなく、コンテンツの更新に専念できます。

  • ノーコードでも自由自在なデザイン

    ノーコードでありながら、アニメーションやインタラクションなど、高度な表現も自由自在。レスポンシブ対応はもちろん、モダンなデザインも思いのままに実現できます。

Studio Experts

GOLDランク

カロアはStudioのプロが加盟する「Studio Experts」の発足初期の2020年から4年以上加盟していて、StudioでのWeb制作の豊富なナレッジと、熟練のメンバーが所属しています。

Growth Partner

制作をゴールにしない。
成果を生み出すパートナーへ。

カロアは150件以上のStudioでのWeb制作プロジェクト実行による高品質な制作と、その後の効率的な自社運用を両立する独自のアプローチを確立しました。成果に繋げるための戦略設計、ブランディング、デザイン、実装、運用の自走化まで、一貫してサポートします。

  • 成果を見据えた戦略的なサイト設計

    『とりあえずリニューアル』ではなく、事業戦略に基づいた目的設定から始めます。ターゲット分析や競合調査を通じて、効果的な流入経路の設計とユーザー体験の最適化を実現。具体的なKPI達成を前提とした戦略で、確実な成果へと導きます。

  • デザイン×コンテンツで価値を最大化

    魅力的なデザインと効果的なコンテンツの両輪で、ブランド価値の最大化を実現します。SEOを意識した設計とユーザー目線のコンテンツ作りで自然な流入を増やし、魅力的なビジュアルと分かりやすい導線で確実なコンバージョンへと繋げます。

  • 伴走型の徹底サポート体制

    プロジェクト開始から運用定着まで、専任のディレクターやデザイナーが一貫してサポート。週次ミーティングやチャットでの密なコミュニケーションを通じて、Web制作未経験でも安心して進められます。

  • 安定的な運用を実現する実践トレーニング

    社内での継続的な運用を見据え、実務に即した実践的なトレーニングを提供。担当者の異動があっても安定して運用できる、再現性の高い体制づくりをサポートします。

Case Study

多くのクライアントと
StudioでWebサイト作っています。

From Other

受賞・登壇
を見る

  • Studio Design Award 連続受賞

    「みんなでつくる キャリアの地図2023」が2023年のアワードにてソーシャルいいね賞、Designship賞、S5-Style賞の3部門で受賞しました。また、2022年も2部門で受賞。

  • 自治体などのイベントへの登壇

    東京都や奄美市をはじめとする自治体やNPO団体向けのWebサイト制作に関するイベントや複数登壇の機会をいただき、知見の共有と実践的なノウハウの提供を行っています。

  • Web制作に関する書籍出版

    2025年4月16日にカロアの知見を詰め込んだ『Web制作のための、発注&パートナーシップ構築ガイド』をBNN社より出版します。

Flow

StudioでのWeb制作の流れ

「準備」「相談」「設計」「制作」「運用」の5つのフェーズを通して、ビジネスの目的の達成のためのWebサイトをStudioで制作します。色々と流れが書いてありますが、正直Webサイト制作の依頼の経験が少なくて分からないって場合でも、私たちがリードしますので、まずはご相談ください。

01

準備フェーズ

まず重要なのが、Web制作会社に相談する前の社内での準備です。ここでは社内体制づくりや、課題の洗い出し、目的設定を事前に行います。この準備を行うことで、制作会社と話す時に見積もりのブレがなくなったり、認識齟齬が少なくなったりします。ただ、どう考えていいか分からない場合は、すぐに相談しちゃっても大丈夫です👍

ゴールと目的を設定する

Webサイトを作ること自体が目的ではありません。多くの場合、以下のような本質的な目的があるはずです。

  • 「集客」「採用」「ブランディング」のどれを重視するか

  • 具体的にどんな成果を期待するのか

  • いつまでに実現したいのか

現状の整理

既存の状況を把握し、以下の項目を整理しましょう。

  • 既存サイトの課題は何か

  • 競合他社の状況はどうか

  • 用意できる素材(写真・文章など)は何があるか

チームと役割を整える

円滑なプロジェクト進行のために、以下の点を明確にしておきましょう。

  • プロジェクトの責任者は誰か

  • 最終的な意思決定者は誰か

  • 制作中の確認フローはどうするか

  • 各部署との連携方法

スケジュールとコストを計画する

以下の項目について、社内で方向性を決めておきましょう。

  • 予算の範囲はどのくらいか

  • いつまでに公開したいか

  • 運用体制はどうするか

  • 更新頻度はどうするか

02

相談フェーズ

準備ができたら、次は一緒に作っていくパートナー探しです。相談フェーズでは、Web制作会社(カロア)への問い合わせや見積もり依頼、契約などを行います🤝

お問い合わせ

ガッチリと要件が決まっていなかったり、初めての外部会社への依頼でもカロアのプランナーがお話しをお聞きするので、大丈夫です!以下のような段階でも、まずはお気軽にお問い合わせください。

  • Web制作の進め方を知りたい

  • 相場感を知りたい

  • やりたいことはあるのだけど、どうしたらいいか分からない

問い合わせてみる

相談会の実施

オンライン(Google Meet / Zoom)で、現状の課題やご要望をお伺いします。以下のような内容について、ざっくばらんにお話しください。

  • 新規制作・リニューアルの目的

  • 現状の課題や問題点

  • 予算感とスケジュール

  • 実現したいこと

プロジェクト設計、概算お見積り

ヒアリング内容を基に、以下の提案をさせていただきます。デザイン案の提案はこの段階ではしていないので、プロジェクトの方針をまとめますので、その内容で社内検討の材料としてください。

  • プロジェクトの進め方

  • 制作スケジュール

  • 概算のお見積り

  • 想定される課題と解決策

ご契約締結

概算の見積りにご承諾いただいた後、正式に弊社のテンプレートを用いて契約を締結いたします。基本的にクラウドサインでの電子契約でお願いをしています。書面でのご契約が必要な場合は、事前にご相談ください。

コミュニケーション環境の整備

新規でご相談いただく際はご契約まではメールでのご連絡させていただきますが、プロジェクト開始したら円滑なプロジェクト進行のためにチャットツールに移行をお願いしています。

【◎推奨ツール】
・Slack
・Chatwork

【◯対応可能ツール】
・Teams
・Messenger
・LINE

キックオフミーティング

プロジェクトの目的、体制、ご支援範囲、スケジュールなどの改めての確認をオンラインで実施いたします。プロジェクト内容やご希望によってはオフライン可能です。

03

設計フェーズ

ここからが本番です!ここでは、サイト制作でちゃんと成果を出すための設計を行います。「設計」と聞くと何だか難しく感じるかもしれませんが、要は「何を」「誰に」「どうやって」届けるかを具体的に考えていく工程です✍️
※全部実施するわけではなく、プロジェクトごとに必要なものをご提案します。

会社・事業の理解

会社や事業について理解を深めることから設計は始まります。Webサイトは企業活動の一部であり、企業の価値観や目指す方向性を正しく反映する必要があるからです。

実施内容例

  • 企業理念・ビジョン

  • 商品・サービスの特徴

  • 強み・独自性の整理

  • 事業の成長戦略

  • 業界での位置づけ

ターゲット設計

「誰に向けたサイトにするのか」を明確にするステップです。ターゲットが曖昧なままでは、誰にも嫌われることはないが、誰の心にも刺さらないコンテンツやデザインしかつくることができません。

実施内容例

  • ペルソナの設定

  • 顧客の課題分析

  • 利用シーンの想定

  • 期待する価値

目標設計

Webサイトを通じて何を達成したいのかを、定量的・定性的な両面から設定します。目標があいまいだと、効果測定や改善活動が難しくなってしまいます。

実施内容例

  • KPIの設定

  • 成果指標の決定

  • 数値目標の設定

  • 改善サイクルの設計

  • レポーティング方法

戦略設計

設定した目標を達成するために、具体的にどのような施策を行うかを検討します。ユーザーの行動を予測し、適切な導線とコンテンツを設計します。

実施内容例

  • 導線設計

  • コンバージョン設計

  • 集客施策の検討

  • 既存媒体との連携

  • コンテンツ設計

サイト設計

ユーザーにとって使いやすく、かつ運用のしやすいサイト構造を設計します。情報の整理と優先順位付けを行い、最適な構成を決定します。

実施内容例

  • 情報設計

  • ページ構成

  • 機能要件の定義

  • システム連携の検討

  • 運用体制の整理

ブランド設計

Webサイトを通じて伝えるブランドイメージを設計します。視覚的な表現だけでなく、言葉遣いや世界観まで含めた統一的なブランド体験を設計します。

実施内容例

  • トーン&マナー

  • ビジュアルイメージ

  • メッセージ設計

  • ブランドストーリー

  • ポジショニング・ムードボード

04

制作フェーズ

設計をもとに、ここでは「デザイン」「実装」「テスト」「公開」という工程を進めていきます。ここでは、それまでの計画がちゃんと目に見える形になっていく、わくわくする期間です👀

デザイン制作

まずはサイト全体の印象を決める「メインビジュアル(キービジュアル)」を作ります。これは単なる見た目の問題ではなく、サイトを訪れた人(ターゲット)に最初に伝えたいメッセージを視覚化する重要な要素です。

実施内容例

  • メインビジュアルの作成

  • 各ページのデザイン制作

  • レスポンシブ対応の調整

  • アニメーションの設計

コンテンツ制作

設計フェーズで決定した方向性に基づき、実際のコンテンツを制作します。文章、画像、動画など、さまざまな要素を組み合わせて、効果的なメッセージを作り上げます。

実施内容例

  • 原稿の作成・編集

  • 写真、画像、動画の準備

  • イラストや図版の作成

  • SEO対策の実施

  • メタデータの設定

Studio実装

デザインとコンテンツを実際のWebサイトとして構築します。Studioを使用することで、デザインの意図を損なうことなく、効率的に実装を進めることができます。

実施内容例

  • Studioでのサイト構築

  • レスポンシブ対応の調整

  • 外部サービスとの連携

  • パフォーマンスの最適化

テスト

公開前に、さまざまな視点からWebサイトの品質を確認します。この工程を丁寧に行うことで、公開後のトラブルを最小限に抑えることができます。

実施内容例

  • 各種ブラウザや端末での表示確認

  • リンクやフォームなどの動作確認

  • コンテンツの品質チェック

サイト公開

万全の準備を整えた上で、Webサイトを公開します。公開後も継続的にモニタリングを行い、問題がないことを確認します。

実施内容例

  • ドメイン設定

  • 解析ツールの連携、設定

  • 公開後テスト

05

運用フェーズ

サイトは「作って終わり」ではなく、公開後の運用が本当のスタートです。ターゲットに常に新鮮で有益な情報を届けるためには、継続的な更新や改善が必要です。運用フェーズでは、分析・更新・保守を行いながら、成果を最大化する運用体制を構築します👨‍💻

コンテンツ更新

アクセス解析やコンバージョン分析を行い、サイトの効果を定量的に評価します。データに基づいて改善点を見つけ、継続的な改善を行っていきます。

実施内容例

  • アクセス解析

  • コンバージョン分析

  • 改善提案の作成

  • A/Bテストの実施

  • ユーザー行動の分析

コンテンツ更新

日々の更新作業を通じて、Webサイトの価値を維持・向上させていきます。コンテンツを最新の状態に保ち、ユーザーに新鮮な情報を提供し続けることが重要です。

実施内容例

  • 新規ページの追加

  • 各種設定の変更

  • SNSとの連携

  • お知らせの更新

  • ブログ記事の投稿

保守・管理

サイトを安定的に運用するため、定期的なメンテナンスと監視を行います。セキュリティ対策やバックアップなど、システム面での管理も重要な要素です。

実施内容例

  • セキュリティ管理

  • バックアップ

  • 障害対応

  • パフォーマンス監視

  • エラー監視

※ここはStudioが担保するので考慮不要

テストと改善

最新の技術動向やユーザーニーズに対応するため、必要に応じて機能の追加や改善を行います。Studioの新機能も適宜活用していきます。

実施内容例

  • 表示速度の最適化

  • 新機能への対応

  • アクセシビリティの向上

  • 外部サービスとの連携

Schedule

スケジュール目安

StudioでのWeb制作のスケジュールは、規模や仕様、制作の方向性によって異なります。ここでは目安として、一般的な期間をご案内します。スムーズに進行するためには、事前準備や素材のご用意を進めていただくことが重要です。詳細なスケジュールは、相談時に具体化しますのでお気軽にお問い合わせください。

ご契約まで

  • ご発注〜ご契約:2週間〜1ヶ月程度

お見積りの確認や調整、契約内容の確定を経て契約締結に至ります。お客様の内部確認や承認プロセスに応じて期間が変動する場合がありますので、余裕を持ったスケジュールを推奨します。

※貴社のご契約書のレビュー期間と弊社メンバーの空き状況によって前後します

プロジェクト開始後

契約締結後の各Webサイトの制作スケジュール目安です。これはオリジナルの制作なので、例えばStudioのテンプレート活用やStudio実装のみといったスポット支援の場合は、下記の5〜7割程度の期間となる場合もあります。

  • LP(ランディングページ):1〜2ヶ月程度

  • 5〜10ページ程度のWebサイト:2〜4ヶ月程度

  • 20ページ程度のWeb作:3〜6ヶ月程度

Price

参考価格

ご依頼いただく内容や条件によって大きく変わりますが、ご依頼いただく規模としてはだいたい150万〜800万くらいの価格帯になることが多いです。ご予算が限られていても、スコープを調整することでご提案可能ですので、まずは一度ご相談ください。

費用の全体像

費用は大きく「設計に関する費用」「制作に関する費用」の2種類があります。設計費はWeb制作の流れで紹介した「設計フェーズ」が必要な場合に発生する費用で、制作費は「制作フェーズ」で発生する費用です。

設計費

add

制作費

設計費について

設計費は50万円/月〜にて実施しています。プロジェクトの内容によって1〜3ヶ月程度の設計を挟みます。設計を挟む場合は、制作費を相談段階では概算で算出して、設計フェーズの結果をもとに正式な制作費を算出することが多いです。

内容にもよりますが、1ページのみのシンプルなWebサイトだったり、社内で事前に設計が済んでいる場合は10〜20万程度で設定する場合もまれにあります。

制作費について

通常の制作(オリジナルデザイン)

専任のディレクターが週次でミーティングを設定し、すり合わせと進捗共有を随時行います。制作するサイトはディレクターやデザイナーによる独自の設計とオリジナルのデザインになります。

  • 1ページ程度のWebサイト:50万円〜

  • 5〜10ページ程度のWebサイト:150万〜

  • 20ページ程度のWebサイト:400万〜

Studioテンプレート活用の場合

Studioには豊富なテンプレートが用意されています。そのテンプレートを活用して実装費を抑えることで、全体の金額を低くすることや、設計・デザイン制作の比重を高めることができます。

  • 1ページ程度のWebサイト:30万円〜

  • 5〜10ページ程度のWebサイト:100万〜

  • 20ページ程度のWebサイト:250万〜

※テンプレートの購入費は別途発生します

Studio実装のみの場合

設計・デザイン制作は貴社にて行ってStudioの実装のみのご依頼もお受けしています。また、WordPressなどのCMSを使用していて、Studioに移管したい場合もご依頼ください。

すでに設計やデザインなどは社内で行なって、Studioの実装のみのご依頼もお受けしています。他にもWordPressなどのCMSを使用していて、Studioに移管したい場合もご依頼ください。

  • 1ページ程度のWebサイト:25万円〜

  • 5〜10ページ程度のWebサイト:80万〜

  • 20ページ程度のWebサイト:150万〜

※デザインデータの有無、デザインデータの精度によって価格は前後します

Q&A

よくある質問

Studioでホームページ/Webサイトを制作する場合に、よくご質問いただく内容を事前にお答えします。

理想のゴールを共に目指す

デザインパートナーとして

伴走します

まずは、ご相談ください

Service

幅広いビジネス領域で
デザイン支援を実施。

私たちは目的ごとに「会社のこと」「採用のこと」「事業のこと」の3領域で、
それぞれの大切な想いに寄り添い、ユーザー/顧客目線のデザインでサポートしています。

カロアが提供している3領域(会社のこと、採用のこと、事業のこと)を表している図

会社のコト

自社や理念、従業員のニーズを整理し、会社のブランドを形にします。また、企業の魅力をより深く、クリエイティブに表現するお手伝いもします。

解決できる課題

・企業ブランドが統一されておらず、魅力が伝わっていない
・社内外のコミュニケーションが円滑でない
・会社の情報発信が後手に回っている
・企業としての発信力を高めたい

支援内容

  • イベント企画・制作

  • ロゴデザイン

  • オウンドメディア構築

  • アンケート設計・実施

  • ワークショップ企画・開催

  • インタビュー設計・実施

  • 会社案内資料

  • CI・VI開発

  • 周年サイト制作

詳しく見る

採用のコト

企業で活躍できる人材採用に直結し、採用プロセスを作り上げます。採用のストーリーを丁寧に紡ぎ、求職者と採用企業の架け橋になれるようお手伝いをします。

解決できる課題

・採用サイトからの応募が少ない
・求める人材像と応募者のミスマッチが多い
・自社の魅力が求職者に伝わっていない
・採用活動の効率を上げたい

支援内容

  • 会社紹介資料制作

  • オウンドメディア構築

  • 社員インタビュー設計・実施

  • ワークショップ企画・実施

  • 社員アンケート設計・実施

  • インフォグラフィック制作

  • 広告クリエイティブ制作

詳しく見る

事業のコト

事業やサービスに込められた想いや魅力を伝え、事業やサービスを必要としているお客様へのアプローチをデザインします。

解決できる課題

・Webサイトからの問い合わせが少ない
・サービスの価値や強みが顧客に伝わっていない
・競合との差別化ができていない
・オンラインでの集客力を高めたい

支援内容

  • サービス資料制作

  • ランディングページ制作

  • ブランドサイト制作

  • コピー・ネーミング開発

  • ロゴデザイン

  • 広告クリエイティブ制作

  • コンセプト設計

  • SaaSのUI/UXデザイン

  • 周年サイト制作

  • サービスサイト制作

  • BtoCサイト制作

詳しく見る

Webサイトを制作するなら、
ノーコードWeb制作ツールの「Studio」がおすすめ

Studioは日本発のコーディング不要でWeb制作ができるノーコードツールで、日本語対応と国内ユーザーの多さから情報が豊富で内製化に適しています。ノーコードのため実装コストを抑え、デザインやマーケティング、コンテンツ制作など成果がでやすい部分に予算を集中できます。
カロアはStudioのプロが加盟する「Studio Experts」の発足初期の2020年から4年以上加盟していて、StudioでのWeb制作の豊富なナレッジと、熟練のメンバーが所属しています。

StudioでのWeb制作を詳しく

arrow_forwardarrow_forward