ノーコードツールの普及により、プログラミングの知識がなくても、簡単に高品質なWebサイトを作成できるようになりました。今回は、ノーコードWebサイト制作ツールとして知られている、「STUDIO」と「Wix」を徹底比較します。機能面、デザイン面、料金、操作性など、さまざまな観点から両者の違いを解説します。

ノーコードツールを活用するメリット

最近はノーコードでも十分にデザイン性や機能性に優れたWebサイトが制作できるため、企業の本格的なサイトでもノーコードツールの活用が進んでいます。ノーコードツールを使うことで、デザイナーがWebサイトのデザインから実装までを一気通貫で対応でき、コスト削減につながることに加え、開発期間も短縮できるので、スピーディーにWebサイトを公開することができます。

また、制作後の運用も簡単です。コーディングやWordpressの場合は、サーバーの保守管理などの作業が必要ですが、ノーコードツールはサーバーもサービス側が管理してくれるため、保守・管理コストも抑えられ、長期的な運用のメリットもあります。

今回は、Webサイトを制作できるノーコードツールとして、代表的なSTUDIOとWixを機能、デザイン、CMS、料金などの様々な角度から徹底比較しました。

STUDIOとWixのツールの概要

STUDIOもwixもWebサイトを制作できるノーコードツールですが、それぞれ違った特徴があります。

STUDIOとは？

STUDIOは、Webサイトを制作できる日本発のノーコードツールです。STUDIOは、自由度の高いデザインを実装できることが特徴的で、制作後も運用しやすいため、スタートアップから大企業、官公庁に至るまで、数多くの企業で導入されています。STUDIOを使うことで、オリジナルデザインを実装することができます。

画像：STUDIO公式HP

Wixとは？

Wixは、イスラエル発の世界的に有名なノーコードツールです。ウェブサイトやオンラインストア、ブログなどを簡単に作成することができます。Wixの特徴は、その機能の豊富さです。eコマース機能や会員限定ページ、予約機能、チャットサポートなど、一通りの機能が揃っており、すべての管理がWixのプラットフォーム上で行えます。また、Wixはテンプレートも充実しており、ご自身でサイトの立ち上げを行うのに適しています。

STUDIOとWixの機能の違い

まずは、STUDIOとWixで、どのような機能の違いがあるのかについて解説していきます。両者とも、ノーコードでWebサイトを制作し、公開できるツールですが、機能面に様々な違いがあります。

連携できるサービス・アプリ

STUDIOが連携できるサービス・アプリ

STUDIOは、外部ツールとの連携をすることができます。例えば、アクセス解析ツールである「Google Analytics」や、検索エンジン最適化ツールである「Google Search Console」などがあります。下記に代表的なSTUDIOと連携できる外部サービスを表形式にまとめました。

またRSS連携やAPI連携にも対応しています。例えば、RSS連携ではnoteを連携させて、noteで更新した記事をSTUDIOに自動で反映することができます。API連携では、microCMS API・Notion API・Airtable APIを連携することができます。

ただし、ログイン機能やEC機能をサイト上に設置することができないため、これらの機能を必要とする場合は、別途外部サイトとして構築してリンクで遷移させる必要があります。

💡 参考記事：STUDIOでできること・できないことを徹底解説

Wixが連携できるサービス・アプリ

Wixでは、多数のアプリが開発されており、EC機能には「Wix Stores」があります。これにより、商品の登録や在庫管理、決済までをWix上で完結させることができます。また、会員限定のページを作成する「Wix Members」や、予約フォームを簡単に作成できる「Wix Bookings」、またチャットサポート機能である「Wix Chat」も提供されています。これらのアプリは、Wix上ですべて一括管理することができます。

Wixが提供するものだけでなく、外部サービスAppも多数連携可能です。例えば、Google Analytics、Mailchimp、Facebook Pixelなどを使ってアクセス解析、メールマーケティング、広告運用の解析を行うことも可能です。下記に代表的なwixのアプリと機能を表形式にまとめました。

参考：Wix App Market
※他にも多くのアプリ・サービスが連携可能です。詳しくは、Wix App Marketをご覧ください。

他にも多くのアプリと連携が可能ですが、海外のサービスが大半で、日本国内で使われているサービスとの連携は少ないので、使い慣れないものが多いかもしれません。

STUDIOとWixのデザイン面の違い

レスポンシブ

STUDIOは最大5種類の画面幅でレスポンシブ対応可能

STUDIOは最大5種類の画面幅に合わせてレスポンシブ対応ができるため、PC版やモバイル版だけでなく、デバイスごとの細かいデザイン調整が可能です。そのため、デザインにこだわりを持ってサイトを作成したい場合には、STUDIOがおすすめです。ただ、自由度が高い分、レスポンシブ対応をするためには、ある程度コツが必要であり、テンプレートを使っていても、文章の長さによって調整が必要な場合もあるため、STUDIOについての基礎知識が必要になります。

WixはPC版とモバイル版でのみレスポンシブ対応可能

Wixは、PC版とモバイル版でしかレスポンシブデザインを編集しかできないという制限があります。しかし、決められたグリッド線の中にパーツを配置して作成することで、自動的にレスポンシブ対応してくれます。そのため、初心者でも簡単にレスポンシブ対応ができます。しかし、端末ごとの細かい調整ができなかったり思い通りのレスポンシブとは違っている場合もあるので注意が必要です。

デザインの自由度

STUDIOはデザインの自由度が高い

STUDIOはとても自由にデザインをカスタマイズすることができます。白いキャンバスに自分のデザインを描いていくような感覚で、一からこだわりを持ってウェブサイトを作成することができます。そのため、デザインに関しては、Wixよりも自由度が高いといえます。ただし、自由度が高い分、デザインの作成やSTUDIOの学習に時間がかかる場合があります。

Wixはデザインの自由度はあまり高くない

一方、Wixは、テンプレートやあらかじめ用意されたパーツを組み合わせて、色や大きさを微調整することでデザインをカスタマイズすることができます。そのため、デザインに関しては、自由度はあまり高くないといえます。しかし、その分初心者でも簡単にウェブサイトを作成することができるため、デザインに関してはあまりこだわりがなく、短期間でサイトを公開したい人に向いています。

フォント

STUDIOは日本語フォントも豊富

STUDIOでは、Google Fontsとモリサワが提供するType Squareの中からフォントを使用することができ、日本語フォント・英語フォントともに充実しています。

Wixは日本語フォントが少ない

Wixでは、18書体の日本語フォントしか使用できません。独自でフォントをアップロードする機能もありますが、4MB以上のサイズのフォントアップロードすると、ページの読み込み速度に影響があるため、あまり現実的ではありません。

テンプレートについて

STUDIOはテンプレートの質が高い

STUDIOは、サイトのテンプレートが用意されており、どのテンプレートもデザインの質が高いです。無料・有料どちらのテンプレートもあり、特に有料のテンプレートの中には、ハイクオリティなデザインテンプレートが用意されています。Wixに比べて数は少ないですが、どのテンプレートも日本向けのテンプレートになっているので、比較的使いやすいです。

画像：STUDIO公式HP

ただし、パーツごとのテンプレートはあまり用意されておらず、サイトのテンプレートを使わずにサイト制作をする場合は、パーツごとに一からデザインを考える必要があります。そのため、非デザイナーの方がデザイン性の高いオリジナルデザインのサイトを実装するのは難しいです。

Wixはテンプレート数が豊富

Wixは、パーツごとのテンプレートが多数用意されており、ボタンやブログ記事などを置きたいときに、デザインを考える必要がなく、簡単に一般的なデザインを実現できます。また、ページのテンプレートも豊富で、多数の選択肢から自分に合ったデザインを選ぶことができます。

ただし、デザインの自由度やカスタマイズ性はあまり高くないイメージがあります。また、英語のテンプレートが多く、日本語のテンプレートが少ないため、日本語でのウェブサイト作成には少し使いづらさがあるかもしれません。

デザインエディタの操作方法について

STUDIOはボックスレイアウト

STUDIOは、BOXレイアウトを採用しています。親BOXや子BOXなど、BOXの構造を理解している必要があります。直感的に操作ができるものの、レスポンシブ対応を綺麗に行うためには、構造を学習した上で設計する必要があります。

Wixは座標で配置

一方、Wixは、座標で位置が決まる操作方法を採用しており、パワーポイントのような感覚で操作することができます。そのため、見たままドラッグして配置することで、簡単にデザインを作成することができます。

STUDIOとWixのCMSの違い

STUDIOのCMSはデザインのカスタマイズ性が高い

STUDIOのCMSには、「記事モデル」「カテゴリモデル」「ライターモデル」「カスタムモデル」の4つの一般的な管理タイプが用意されています。STUDIOはWix同様、自分でプロパティを作っていくことができるため、CMS設計の自由度が高いです。

▼ STUDIOのCMS管理画面

記事エディタでは、ハイライト機能や動画のアップロードはできないものの、ブログの執筆に必要な機能は十分備わっています。こちらの記事もSTUDIOのCMSを利用しているので参考にしてみてください。

STUDIOは、Wixに比べてCMSアイテムに対するデザインのカスタマイズ性が高いです。例えば、カラーのプロパティを使用して、ライターひとり一人にパーソナルカラーを紐づけて管理し、ライターごとに違う背景色を適用することもできます。

Wixは記事エディタの機能が豊富

WixのCMSは、「ブログ」という機能を追加することで使用できます。記事のエディタの自由度は高く、動画をアップロードすることができたり、文字にハイライトをつけたり、ボタンを配置することができます。また、ライター、カテゴリー、タグ、記事、コメントの管理ができます。読者が記事に対してコメントをつけられる機能もあり、ブログとして、一般的に必要な機能を揃えています。

▼ Wixの記事エディタ画面

そのほかのコンテンツは、「コンテンツマネージャー」という機能を使って運用することができます。こちらも複数のテンプレートが用意されていて、「求人」「チーム」「ポートフォリオ」「ニュース」などよくCMSで管理されるコンテンツが揃っています。全く新規でCMSコンテンツを作成することもでき、プロパティなども自由にカスタマイズして作成することができます。

機能面では一般的なテンプレートが備わっており、簡単に希望の要件を作成できますが、CMSは他の箇所に比べてデザインの自由度が低いため注意が必要です。

STUDIOとWixの料金の違い

STUDIOとwixでは、料金体系が異なります。どちらも無料プランが用意されていますが、広告表示やロゴの表示について制限があるため、ビジネスでサイトを運用する場合は、有料プランにアップグレードすることを検討しましょう。ここでは、料金面での違いを比較していきます。

STUDIOの料金

STUDIOは以下のような料金プランが用意されています(2023年度4月時点)。プロジェクト(各サイト)ごとにプランを選択する必要があります。PV数やフォーム送信数、CMSのアイテム数など、サイトの規模が大きいほど上位プランへアップグレードする必要があります。どのプランでも、デザインに関する機能はすべて無制限に使用できるのは、嬉しいポイントです。

参考：STUDIO公式HP
※2023年度4月時点の料金です。5月から新しい料金体系に更新されます。最新の料金はSTUDIOの公式HPをご覧ください。
※この表では、比較軸を抜粋して表示しています。

Freeプランでも、サイトの公開はできますが、STUDIOのバナーの非表示や独自ドメインが接続できないため、ビジネスでサイトを運用する場合は、アップグレードが必要です。STUDIOの詳しい料金体系についての解説の記事を執筆していますので、おすすめのプランを迷っている方はご覧ください。

💡 参考記事：【2023年最新】STUDIOの料金プランまとめ-連携可能な外部サービスの料金まで

Wixの料金

Wixの料金プランは、大きく分けると3つのカテゴリがあります。「ホームページプラン」「ビジネス・Eコマースプラン」「エンタープライズプラン」です。エンタープライズプランは、大企業向けの見積もり形式のプランになっています。

ホームページプランは、一般的にサイトを公開したい場合に使用するプランで、下記のプランが用意されています。STUDIOの料金体系と違う点としては、アップロードする画像や動画のサイズ、ページの読み込み速度が、プランによって変わる点です。画像や動画などをたくさん使用するサイトであれば、プランをアップグレードする必要があります。

参考：Wix公式HP
※この表では、比較軸を抜粋して表示しています。詳しくはWix公式のHPをご覧ください。

ビジネス・Eコマースプランの料金体系は下記の通りです。どのプランも決済やCRMなどの機能が含まれており、ECを運営する際の機能が揃ったプランになっています。サブスクリプション機能の有無や、データ容量によってプランのアップグレードが必要になってきます。

参考：Wix公式HP
※機能は一部抜粋して記載しており、他にもプラン別に機能の差があるので、詳しくはWixのHPをご覧ください。

無料でも、サイトを公開することができますが、Wixの広告が表示されてしまいますので、STUDIOと同様、ビジネスでサイトを運用する場合は、有料プランへのアップグレードが必要です。

また、Wixアプリは、有料でないと使えないものもあり、月額料金とは別で費用がかかる可能性があります。利用したい機能がある場合は、有料のアプリかどうかを事前に確認する必要があります。

実際に使ってみたSTUDIOとWixの使い心地の違い

STUDIOはシンプルなUIが特徴

STUDIOは、とてもシンプルなUIです。直感的な操作で、管理できるようになっており、機能はWixに比べると豊富ではありませんが、サイトを運営するにあたっては十分な機能を備えてありますし、実際に使っていて使い心地が良いです。

Wixは多機能な分、UIが少し複雑

Wixは多機能な分、エディタ内に多くの選択肢があり、複雑な見た目です。使い方は確かに簡単ではありますが、多くの機能がありすぎて圧倒されてしまう方も多いと感じました。また、海外のツールなので、ごくたまに違和感を感じるような言葉づかいが混じっていたりします。

STUDIOとWixどちらがいいの？

ここまで、STUDIOとWixの違いや特徴について解説してきました。主な項目を表形式にまとめたので、参考にしてみてください。どちらのツールが適しているかは、サイトの要件や目的によって変わってきますので、自分の目的に合ったツールを選定するようにしましょう。

STUDIOがおすすめな人

• オリジナルデザインで本格的なサイトを制作をしたい

• シンプルなUIで直感的な操作や運用がしたい

• 日本発のサービスで安心して導入したい

STUDIOは、オリジナルデザインで本格的なサイトを制作をしたい人におすすめのWebサイト制作ツールです。独自のブランディングやデザインのニーズに応じて細かい部分までデザインのカスタマイズが可能です。ただし、オリジナルデザインを実装するには経験が必要になるため、STUDIOのデザイナーやSTUDIOを活用している制作会社に最初の制作を依頼し、制作後は自社で運用するのがおすすめです。弊社へのSTUDIO制作のご依頼についてはこちらから詳細をご覧ください。

編集の使い心地もSTUDIOの大きな特徴の一つです。管理画面が直感的で使いやすく、制作後に自社での運用もしやすいです。また、リアルタイムプレビュー機能があり、編集内容がすぐに確認できるため、効率的にデザインの調整が可能です。

さらに、STUDIOは日本初のノーコードWebサイト制作ツールであるため、日本語でのサポートも充実しており、日本のユーザーにとっては親しみやすいサービスです。また、国内の外部サービスとの連携についての情報も多く、日本で利用しやすいオプションが揃っています。

Wixがおすすめな人

• ECやログイン機能を含むサイトを制作したい

• デザインにはそこまでこだわりがない

• テンプレートを用いて学習時間をかけずに自分で作りたい

Wixは、Web周りの様々な要素を一括管理したい人に特におすすめのWebサイト制作ツールです。Wixでは、サイトの制作・運用をはじめ、ドメインやメールアドレス、EC機能など、Webサイト運営に必要な機能が一元的に管理できます。これにより、複数のサービスを利用する手間を省くことができ、効率的な運営が可能です。

デザインに対するこだわりがそれほど強くない人にも、Wixは適したツールです。WixはSTUDIOに比べて実装できるデザインの幅は狭いですが、その分テンプレートやパーツを活用することで、非デザイナーでも制作がしやすいです。

また、Wixは豊富なテンプレートが揃っているので、なるべくツールの学習コストを抑えて制作したい場合におすすめです。

まとめ

どちらのツールもそれぞれ特徴があり、ノーコードでのWebサイト制作を手軽に実現することができます。この記事を参考に、自分のニーズや目的に応じて最適なツールを選んでみてください。