top of page

Webデザインを自動生成するAIツール「Wix ADI」

AIがデザインを自動生成するホームページ作成ツール:Wix ADI

更新日 2024年10月30日(公開日 2019年5月15日)


デザイン業界において、まさに革命を巻き起こしている AI。ホームページ作成においても、AI 技術の登場により、より多くの人が理想のデザインを実現しやすくなってきています。使いやすい AI デザインツールは、デザインの専門知識やプログラミングの知識がない方にも、大きな可能性をもたらします。


Wix は「すぐにホームページが必要なのに、予算も人も確保できない」といった悩みを解消するため、2016 年に初めて人工デザイン知能(ADI)を実用化して以来、最先端の AI をサービスに組み込んできました。


2018 年 10 月に日本語版 Wix ADI を提供しはじめてから、多くの人が Wix でサイトを作成しました。そして、2024 年現在、Wix ADI は、発展した AI ソリューション「AIサイトビルダーの基幹機能として組み込まれ、重要な役割を担っています。


AI サイトビルダーを活用すれば、品質やスタイル、オリジナリティを損なうことなく、ビジネスに合わせて完全にカスタマイズされたサイトをすぐに作成することができます。今回は、AI サイトビルダーとして進化した Wix ADI の使い方や機能をあらためてご紹介します。


目次



Wix ADI を基に開発された Wix AI サイトビルダー


Wix の最新ツール「AIサイトビルダー」は、AI との対話を通じてあなたのウェブサイトを AI が生成する、AI ウェブデザイン生成ツールです。


Wix の AI サイトビルダーは、Web デザインをスピーディーに生成するだけでなく、ビジネスに必要なビジネスツールやアプリを追加し、すぐに使える実用的な Web サイトを生成することができます。


\AIがホームページ作成をサポート/


もっと詳しくWix のAI 機能と使い方を紹介した記事を参考に、Wix のパワフルな機能をぜひお試し下さい。



Wix ADI を刷新したAIサイトビルダーツールのAIチャットボット


デザイン AI とは?

デザイン AI は、デザイン分野で利用されている AI ツールを示します。デザイン AI は膨大なデータを元にアルゴリズムを活用し、自動的にデザインを生成することが可能です。従来は時間のかかる作業やデザイナーによる専門技術が必要だったデザイン作成も、デザイン AI の活用により効率化できます。主なデザイン AI の種類は以下の 3 つです。


画像認識機能 写真を認識し、アウトラインの自動切り抜きや不要な要素の削除など、写真編集機能がここに含まれます。例:Adobe Photoshop、Wix フォトスタジオ


自然言語処理機能

Chat GPT や Midjouney のように、プロンプト(呪文)と呼ばれる文章を元にデザインを自動生成できる機能です。例:DALL-E、Midjourney


予測、提案機能

膨大なデータを分析し、優れたデザインや、要望に合ったデザインを提案します。例:Wix AI サイトビルダー、Wix Logomaker、Figma、Adobe Sensei



Wix AI サイトビルダーとWix ADI の違いとは?


Wix ADI (Artificial Desgin inteligent)は、「とにかく手軽に、美しいウェブサイトを作りたい」という初心者のために開発されました。業種や職種、好みのデザインといった、テンプレートの質問に答えるだけで、AI が数あるレイアウト、画像、テキストの中から最適なものを組み合わせ、ほんの数分でプロフェッショナルなウェブサイトを生成する機能です。


さらに進化した、Wix AI サイトビルダーは、AI チャットと会話を通し、デザインの更なるカスタマイズをライブで行うことが可能になりました。まずは、お試しください。


\AIがホームページ作成をサポート/



ADI を活用した AI サイトビルダーの仕組み


AI サイトビルダーは非常に使いやすく設計されており、複雑な説明がなくてもすぐにご利用いただけます。以下で、主な機能の概要についてご説明します。



01. サイトの概要を作成する


最初のステップとして、AI がビジネスと目標に関していくつか質問をします。AI はここで得た情報を試用し、サイトをデザインする前にビジネスに合わせてパーソナライズしたダッシュボードを構築します。オプションが表示されたら「サイトを生成する」をクリックします。


(最後のステップで Wix アカウントにログインしてからダッシュボードを開くと、事前に回答したビジネスに関する情報に基づき、サイトビルダーが自動的に Web サイトをデザインします)




02. 必要に応じて Web デザインを微調整する


AI を活用するメリットのひとつは、自分では思いつかないようなサイトのインスピレーションが得られる可能性があることです。プリセット画像、テキスト、動画など、すべての要素が、ブランドメッセージを反映した最適な形で生成されます。 

必要に応じて、AI にサイトの再生成や別のデザインの作成を依頼することもできます。あるいは、サイト概要のハイライト表示された部分をクリックすれば、その箇所だけ微調整することもできます。以下は、デザイン変更が可能な部分の一例です。


  • サイトのプロフィール:ロゴ、サイトの種類、サイト名などの基本情報 

  • サイトの構造:ホームページに追加したいセクションやサイトに追加したいページ

  • サイトの説明:ビジネスやサイトが達成したいことに関する説明 

  • テーマ:サイトのカラーパレット、印象、およびタイポグラフィ

  • レイアウト:ページ全体のスタイル(例:「クリーン」か「モダン」か)、要素の配置(例:「モザイク」か「グリッドレイアウト」か)など





03. Wix エディタで調整する


サイトの外観に満足したら、「このデザインで続行する」をクリックします。ドメインの接続がまだであれば、AI サイトビルダーがドメイン接続の可否を尋ねます。ドメインを接続するなら「取得する」、接続しない場合は「エディタで続行」をクリックしてください。


エディタでは、編集したい箇所を自由にクリックしてサイトをカスタマイズできます。コピーや画像を変えたり、新しいページ要素やウィジェットを追加したりすることが可能です。


エディタから AI を活用したテキストや画像生成など、他の AI ツールにアクセスすることもできます。AI 機能が利用できる箇所には、エディタ内で星型のアイコンが表示されます。


一通りのデザインが完成したら、忘れずにモバイルサイトもカスタマイズしましょう。エディタの一番上にあるスマートフォンのアイコンをクリックするとモバイルエディタに切り替わります。モバイルサイトのデザインもデフォルトで作成されますが、このエディタからいつでも微調整を加えたり特定の要素を非表示にしたりすることができます。




Wix 公式ブログでは、毎週最新の情報をお届けしていますブログを無料講読して、Web デザインのヒントやトレンド、更新情報をメールで受け取りましょう。




Web サイト作成に ADI を使用する理由


Wix がはじめての方もいらっしゃると思いますので、まずは Wix が最新の AI 技術を常に取り入れているということをお伝えします。


「AI は Web サイト業界を震撼させるか?という質問の答えは “Yes” です。Wix は常にテクノロジーの最前線に立っており、2016年の時点で当社初の AI サイト制作ツールを発表しました」Wix.com 最高経営責任者 アビシャイ・アブラハミ(Avishai Abrahami)

 

Wix の ADI テクノロジーは、AI サイトビルダーを支える基盤としての役割を果たしています。ビジネスに関する情報を事前に提供するだけで、たった数分で Web サイトが生成できることから、今や多くの Wix ユーザーに選ばれる選択肢となっています。ADI は、Wix が提供する一連の AI ツールの中でも最初に登場したもので、以下にも挙げる通り、サイトビルダー誕生までの道を切り拓いた存在です。




さまざまな AI 機能がひとつに


Wix の AI サイトビルダーで注目すべき特徴のひとつは、1つのツールだけであらゆる機能が利用できることです。単に、プロフェッショナルな外観の Web サイトを制作するためだけのツールではありません。


「それぞれのサイトに適したおすすめや、ビジネスの成長を助けるツールなど、ユーザーとの対話を通じて AI が的確にニーズをくみ取ります。現在、市場には AI を活用したホームページ作成ツールが溢れていますが、ここまで付加価値を与えられるものはWix のツール以外にありません」ー Wix.com プロダクトマーケティングマネージャー マリン・レヴィ・ベルダー(Marine Levy Belder)

 

Wix の AI テクノロジーを使用して Web サイトを作成すると、ビジネスの成長に活かせる多数の AI ツールとサイトをすぐに連携できます。 たとえば、EC(AI で商品説明を作成)、ブログ(SEO 対策に AI ツールを使用)、ブランディング(AI を活用したロゴジェネレーター)など多様な使い方があります。



あらゆる機能を備えた高度なツール


Wix は、Web デザイン市場と AI 市場の両方で、長きにわたりパイオニアであり続けています(AI の仕組みやさまざまな AI の種類などについてのその他の記事もお読みください)。

 

「生成 AI というと非常にトレンド感がありますが、Wix での始まりはそうではありませんでした。ChatGPT がはじめて登場した頃、Wix は既に同じようなツールを用いて、各ユーザー向けにパーソナライズされた本格的なコンテンツ制作機能を提供していました。AI が話題になったから取り入れたのではありません。ユーザーの抱える問題を解決するための手段が、AI だったというだけなのです」Wix.com プロダクト責任者 ヤーラ・アサフ(Yaara Asaf)

Wix ADI を繰り返し検証し、可能な限り最高のソリューションを提供するためにユーザーに寄り添いながら開発を進めた結果、すべての人が手軽に使用できるユーザーフレンドリーなソリューションとして AI サイトビルダーが誕生しました。




AI による結果を細かくカスタマイズ可能


AI サイトビルダーを使用することで Web サイト開発にかかる時間を短縮できますが、決して創造性が犠牲になるわけではありません。AI により生成されたデザインはすべて自由に編集できます。 


「他のサイト作成ツールではこれほど多くのカスタマイズオプションを利用できないでしょう。ホームページテンプレートも似たようなものが多く、どれも非常に基本的なデザインばかりです」ー Wix.com プロダクトマーケティングマネージャー マリン・レヴィ・ベルダー(Marine Levy Belder)

 

これに対し、Wix はまずサイトの基本的なデザインをスタート地点として提供し、そこからレイアウトやデザイン、ブランディングを好きなようにカスタマイズできるという仕組みを採用しています。ベースとして AI を活用しながら、サイトをパーソナライズする自由度も残されているという、2つの良さをうまく活かして完成度の高いサイトを仕上げることができます。



01. Wix ADI の 10 個の特長


Wix ADI には、ホームページ作成が初めての方でも安心な多くの機能が備わっています。


  1. 必要なコンテンツを AI が自動で作成:Wix ADI で選択できる職種は 4,000 以上。簡単な質問に答えるだけで、業種ごとに最適な画像や文章を AI が自動的に選んで表示します。また、Google ビジネスプロフィールや SNS アカウントを紐付けておくと、Google マップでの所在地や電話番号、リンク済みの SNS アイコンがサイトに自動で反映されます。

  2. ロゴに合わせた色味を自動で適用:会社やブランドのロゴがある場合は、AI がその配色パターンを自動的に抽出してサイトに適用します。また、その色味に合わせたカラーパレットも自動で作成するため、ブランドイメージに合わせた本格的なサイト作りが可能です。もしロゴがまだない場合は、Wix の無料ロゴジェネレーターで作成してみましょう

  3. 自動でモバイル最適化:ウェブサイトを作るなら、スマートフォンやタブレットでの見た目も大切。Wix ADI なら、パソコンで作ったサイトが自動でモバイル向けに最適化されるため、余計な作業は必要ありません。パソコンがない場合は、スマートフォンのブラウザからもサイトの作成、編集が可能です。

  4. 豊富なビジュアル素材を無料で利用:Wix ADI では、2 万点以上の写真や動画素材が無料で利用できるだけでなく、SNS アカウントと紐付けることで、SNS にアップロードした画像や動画をインポートして使用できます。オリジナルの写真を使いたいという場合は、ギャラリーで一括管理できるため便利です。

  5. 画像やデザインを自動で修正:サイトにアップロードした人物画像をAI が自動認識し、最適な位置で切り抜きます。編集画面では、画像にカラーフィルターを適用し、比率や傾きの調整、明るさや色の補正といったさらに細かい編集も可能です。コンテンツの長さや色味を変更したときは、変更に応じて AI がレイアウトやカラーを自動調整してくれるため、デザインが崩れる心配もありません。

  6. ブロックごとのカスタマイズ:自動生成されたページに新たな機能を追加したい場合、セクション間の「+」マークをクリックすることですぐに追加できます。提供するサービスに合わせて、「ニュース」「スタッフ紹介」「お客さまの声」「チャット」「Instagram のフィード」など自由に追加してみましょう。

  7. 初めてでもできる SEO 対策:SEO 対策ツール「Wix SEO Wiz」のガイドに従って設定を行えば、だれでも SEO を最適化でき、SEO を改善すべき点を効率的にチェックできます。また、SEO レポートのチェックリストを一つずつクリアしていくと、サイトの SEOが最適化され、Google での検索順位アップが期待できます。

  8. 困ったときのガイド機能:Wix ADI には、操作で困った時に便利な「ガイド機能」があります。編集画面右下の三角のアイコンをクリックして「次のステップ」と「ヒント」が表示されたら、ガイドに従ってサイトを完成させましょう。デザインの変更をしたくなったら、Wix ADI におまかせにする「自動編集」機能も利用できます。

  9. 初めてでもできる SEO 対策:SEO 対策ツール「Wix SEO Wiz」のガイドに従って設定を行えば、だれでも SEO を最適化でき、改善すべき点を効率的にチェックできます。また、SEO レポートのチェックリストを一つずつクリアしていくと、サイトの SEOが最適化され、Google での検索順位アップが期待できます。

  10. その他の便利機能:Wix ADI は、オンライン予約システムWix Eコマースメールマガジン、割引クーポンの発行など、ビジネスに欠かせないマーケティング機能も備えています。ビジネスのニーズに応じて、好みの機能を追加してみてください。


\AIがホームページ作成をサポート/



02. Wix ADI (AI サイトビルダー)の使い方


現在、ADI を活用した AI サイトビルダーは、以下の2つの方法でご利用いただけます。


パソコンからウェブ制作を始める


Wix でのサイト作成が初めての人は、まずこちらのページから新規登録を行い、サイトにログインして「新しいサイトを作成」を選択してください。

ボタンをクリックすると、セットアップのための質問がいくつか表示され、ダッシュボードにアクセスできるようになります。その後、ダッシュボードで「サイトをデザイン」をクリックします。ここで、Wix にサイトを構築させるか、デザインテンプレートを使ってサイトを自分で構築するかを選択できます。選択肢が表示されたら1つ目を選んでください。


すでに Wix のアカウントをお持ちの方は、アカウントにログインして「新しいサイトを作成する」をクリックしてください。次のページで「チャットを始める」をクリックしたら、AI を利用したサイト構築が開始します。セットアップ手順が完了するとサイトのダッシュボードにアクセスできるようになります。ダッシュボードで「サイトをデザイン」をクリックしてください。


モバイル端末からホームページを作成したい場合、モバイルブラウザからの利用が可能です。ブラウザでアカウントにログインしたのち、「今すぐはじめる」をタップ。そのまま質問に答えていくと、あっという間にスマートフォンに最適化したサイトが完成します。もちろん、完成したサイトはスマートフォンやタブレットからいつでも編集可能です。


パソコン、モバイルのいずれも無料で作成できます。まずは、この新感覚のホームページ作成をぜひ体感してみてください。


01. 株式会社Kapps(モバイルアプリ開発会社)


料理や子育て、学習、通販など幅広いモバイルアプリ開発を手がける会社のコーポレートサイトです。サービスや実績、会社概要、お問い合わせといった、ビジネスには欠かせない情報を掲載しています。

Wix ADI サイト事例 株式会社Kapps



こちらのギター工房のウェブサイトでは、画像スライダーを使用して上部に美しいギターの作品を展示し、訪問者を没頭させるようなデザイン構成になっています。これらのプロフェショナルな商品画像は、訪問者の購入を後押しするのに役立ちます。また、各ページを明確に説明するナビゲーションメニューも備えています。

Curtinsmith Guitars : Wix ADI で作成されたウェブサイト


ファーストビューから思わず目を奪われる、Empowered Feminine の Web サイト。創設者のヴィクトリア・シロンゴは、世界中の女性が「愛とサービスを土台に団結したコミュニティを作ること」を目指しています。サイトは訪問者をあたたかく迎える雰囲気をデジタルで巧みに演出しており、サイトの中盤以降では、彼女のブログ記事と、個人的に支援を必要としている女性が利用可能なサービスがハイライトされています。  


Wix ADI で生成されたウェブサイト事例ーEmpowered Feminine の Web サイト


まとめ


いかがでしたでしょうか。Wix の AI ツールなら、無料でホームページ作成がはじめられます。ホームページはあなたのビジネスの成功を加速させるための第一歩です。ぜひ今すぐ Wix ADI 機能を使って理想のサイトを作成してみてください。


\AIがホームページ作成をサポート/



 

この記事を書いた人

間島ゆかり

コミュニケーションズマネージャー


編集者:Miyuki Shimose  SEO & ブログコンテンツマーケター

Miyuki Shimose

SEO & ブログコンテンツマーケター




ja03.png
bottom of page