Studioのデザインを別のCMSで再現するには、どのくらいの期間と費用がかかりますか?

結論

Studioから別のCMSへデザインを再現する場合、HTMLの書き出し機能がないため、新しい環境でゼロから作り直す作業が必要です。費用は移行先の仕組みやページ全体の情報量、アニメーションの有無などで変わり、期間も実装する機能の範囲によって変動します。正式な金額は、サイトを見てもらったあとの見積もりで決まります。費用の目安は、Studio移行センターの料金ページ(/ryokin/)の計算例と、無料サイト診断(/shindan/)で確かめられます。

データ・デザインの移行更新日

Studioのデザイン再現の費用は、何で決まりますか?

Studioで作ったサイトのデザインを別のCMSで再現する費用は、ページ数に加えて、見た目の複雑さや画面幅ごとの表示調整、動きの演出をどこまで組み込むかで決まります。StudioにはHTMLコードを外部へ書き出す機能がないため、既存のコードをそのまま移行先に流用することはできません。移行先のCMS上でレイアウトを一から組み直す作業が必要になり、デザインの難易度や掲載する情報量、コーディングの実装量が費用の基礎となります。元のデザインが凝っているほど作業が増えるのはこのためです。

また、スクロールに合わせたスライド表示やフェードインといったアニメーション演出も、制作費が加算される要因になります。動きのギミックが多いデザインほど、移行先での再現に手間がかかるためです。

スマホ表示の作り直しも費用に関わります。Studioでは画面幅ごとにレイアウトを切り替える基準を追加でき、その設定はサイト全体で共通です。基準を増やしてきたサイトほど、移行先で再現する画面の数も増えます。スマホ対応を標準料金に含める会社もあれば、追加料金にしている会社もあります。基本料金にどこまで含まれるのか、見積もりの段階で聞いてください。

なお、料金表やシミュレーターで出る金額は、あくまで概算です。正式な金額は、要望や細かい条件を伝えたあとの見積もりで示されます。

はまれぽの費用は、ページ数でどう決まりますか?

費用を抑えて別の環境へ移りたいとき、手持ちのサイト規模でいくらかかるのか見当がつかず迷ってしまうこともあります。はまれぽの料金はページ数が増えるほど上がる仕組みです。ただ、サイトごとのページ数の数え方は無料診断で確かめ、そのうえで正式な金額をお伝えしています。

はまれぽの料金には、月額制と単発制の2種類があります。それぞれの金額は、料金ページ(/ryokin/)の計算例と無料サイト診断(/shindan/)で確かめられます。無料診断では、サイトのURLを送ってもらうだけで、ページ数、フォームの有無、合いそうな移管先、概算の金額をまとめてお返しします。公開している料金は目安です。

単発制には、継続的な保守は含まれません。大幅なデザイン変更や新しいページの追加も、単発制の料金の範囲外です。つまり、継続的な保守費用をかけずに納品までを完了させたい人に向いています。単発制に含まれる公開後の対応や引き渡すものは、料金ページ(/ryokin/)で確かめられます。

Studioのデザイン再現にかかる期間は何で決まりますか?

単純な文章や画像の流し込みだけで済む引っ越しとは違って、Studioからのデザイン再現は新しいプラットフォーム上で画面を再構築する作業になります。そのため、かかる期間は単なるページ数だけでなく、画面内のアニメーション演出や連携している機能の多さによって大きく左右されます。

Studioの仕様上、デザインやソースコード、CMSデータの書き出しには対応していません。フォームの回答だけはCSVでダウンロードできますが、これは回答の記録です。フォームの見た目や送信の仕組みは含まれません。

作業が増えやすいのは演出です。Studioの条件付きスタイルでは、カーソルを載せたときの表示の変化や、要素が画面に現れたときのアニメーションを設定できます。こうした設定はひとつずつ移行先で組み直すので、数が多いサイトほど時間がかかります。

さらに、問い合わせフォームや外部連携の仕組みも期間を左右します。Studioのフォームには標準機能を使う方法と、外部サービスを埋め込む方法があります。標準機能で回答のメール通知やGoogleスプレッドシート連携を使っている場合は、移行先でも同じ通知の流れを用意しなければなりません。

記事の件数が多いと、入れ直す作業もその分増えます。かかる期間は、演出や連携の数、記事の件数で変わるため、一概に何週間とは言い切れません。自社のサイトにどんな演出や連携機能が含まれているかを事前に洗い出し、制作会社に確認してもらうことが大切です。

デザインはStudioのまま、データだけmicroCMSに移すことはできますか?

Studioで作ったデザインはそのまま残し、記事やお知らせなどのデータだけをmicroCMSへ移して表示させる連携は可能です。StudioのData Connect APIを使うと、microCMSで管理しているコンテンツを取得して、Studioの動的リストや動的ページに表示できます。もっとも、使えるかどうかはStudioのプランで変わります。

Studioのプラン一覧の取得詳細の取得
Business1つまで利用不可
Business Plus制限なし制限なし
Enterprise制限なし制限なし

記事を1件ずつ別のページで見せたいなら、Business Plus以上が必要です。また、対応しているAPIの型はリスト形式のみで、オブジェクト形式には対応していない点にも注意してください。

設定作業も発生します。Studio側にmicroCMSの認証情報と取得先を登録し、取り出したデータを見出しや本文などの表示部分に紐付けます。ただし、この仕組みはmicroCMSからデータを取得して表示するための機能であり、Studioのエディタ側からmicroCMSのデータを新規作成したり編集したりすることはできません。そのため、記事の更新はmicroCMSの管理画面で行います。Studio CMSにある既存の記事は書き出せないため、microCMSへ入れ直す作業も必要です。

APIキーの扱いにも気をつけてください。キーを入れ替えるときは、新しいキーを発行してStudioの設定を更新し、それから古いキーを失効させましょう。順番を逆にすると、サイトで連携が止まる場合があります。microCMSではキーごとに権限を分けられるので、Studioには書き込み権限を付けない読み取り用のキーを登録します。

こんな聞き方も

  • Studioのデザインを別のCMSで再現するのにかかる期間と費用は?
  • StudioのデザインをWordPressで再現する費用はいくらですか?
  • 10ページのStudioサイトをWordPressで再現する見積もりはどれくらいですか?
  • 20ページのコーポレートサイトをデザインごと再現する費用は?
  • LP1ページだけなら、デザイン再現の費用はいくらですか?
  • デザインはStudioのまま、データだけmicroCMSに移す方法はありますか?
  • デザインはStudioのまま、データだけmicroCMSへ移すことはできますか?

あわせて知りたい(関連する疑問)

QStudioのデザインをWordPressで再現する費用は、何で決まりますか?

WordPressならプラグインも豊富で自由に拡張できるものの、Studioで作り込んだデザインをどこまで同じように移せるのか、費用が跳ね上がらないか心配になる人は多いはずです。実際に金額を大きく分けるのは、既存のテーマを手直しするか、オリジナルのテーマを作るかです。Studioで作り込んだデザインを忠実に再現したいほど、オリジナルテーマに近づきます。

既存テーマは、子テーマを使えば土台を残したまま手を加えられます。ただ、変更が大きくなると管理が複雑になり、独立したテーマを作ったほうが合う場合もあります。

また、制作会社によってはページの縦の長さに応じた加算や、お知らせ・制作実績といったカスタム投稿タイプの追加ごとに料金を設定している場合があります。

Studioのレイヤーパネルを開くと、ホバーや出現アニメーションの設定箇所と、画面幅ごとの設定を確認できます。

QLP1ページだけの移行費用は、何で決まりますか?

LP1ページの移行費用は、ページ数そのものよりも、画面全体の縦の長さや動きの演出、フォームの仕組みで変わります。

LPもHTMLを書き出せないため、移行先で作り直します。LPは1ページの中に商品やサービスの特徴、利用者の感想、申し込みボタンなどを詰め込むため、縦に非常に長いレイアウトになるのが一般的です。同じ1ページでも、縦にどれだけ長いかで作業量と料金が変わります。

あわせて、離脱を防ぐためのフェードインやスライドといった動きを付ける実装も、費用が増える要因です。動きを付ける実装の料金を、技術的な難しさに応じて変える制作会社もあります。Studioで出現アニメーションを多く使ったLPほど、この項目の比重が大きくなるでしょう。

もうひとつ見落としがちなのが問い合わせフォームの設置です。フォームの設置をLP本体とは別の料金にしている制作会社があります。このため、Studioの標準フォームで回答を受けていたLPなら、移行先でフォームを新しく用意する費用も含めて考えましょう。

既存のLPの一部だけを直したい場合は、変更する箇所の量に応じて個別に見積もる会社があります。全部を作り直すのか、一部だけ手を入れるのかを決めてから問い合わせると、金額の幅が狭まります。

Q見積もりの前に用意するものは?

制作会社に見積もりを依頼しようとしても、何を手元に揃えて相談すればよいのか戸惑うこともあります。そこで、次のものを手元にまとめておけば足ります。

  • 今のサイトのURL
  • 固定ページの数と、記事の件数を分けて数えたもの
  • フォームの一覧(Studio標準か外部サービスの埋め込みか、メール通知やスプレッドシート連携の有無)
  • 使っている外部サービスの一覧
  • 残しておきたいフォーム回答のCSV
  • 独自ドメインを管理しているサービスとログイン情報

Studioの公開ページ数では、複数のCMSコンテンツを紐付けた動的ページも1ページとして数えます。見積もりでの記事の扱いは制作会社によって違うため、Studioの画面に出るページ数だけを伝えると、記事の量が見積もりに反映されない可能性があります。

StudioのダッシュボードにあるApps画面を開けば、Googleアナリティクスなどが「連携済み」になっているかを確認できます。これに加えて、Embedボックスを使って自前で埋め込んだ外部ウィジェットや予約カレンダーがないかも見落とさずにリスト化しておきましょう。

ところで、独自ドメインは、新しく取らなくても今のものをそのまま使えます。

出典

この内容をChatGPTで相談

無料診断