→ 

ウェブデザイナーがWIXでウェブサイトを作ってみた感想

ホームページ制作

ウェブデザインのツールは数多くありますが、今回はWIXを使ってウェブサイトを作成してみました。
初心者からプロまで幅広く利用されているWIXですが、ウェブデザイナーが実際に使ってみてどうだったかを、率直にお伝えします。

今回WIXで作成したウェブサイトはこちらから確認いただけます

WIXでウェブサイトを作る手順

WIXのウェブサイト作成は、以下のステップで進めます。

  1. WIXにサインアップ: 最初にWIXの公式サイトにアクセスし、無料のアカウントを作成します。
  2. AIによる自動作成: WIXのADI(Artificial Design Intelligence)機能を使用すると、いくつかの質問に答えるだけでAIが自動的にサイトを作成してくれます。
  3. カスタマイズ: 作成されたサイトを基に、自分の好みに合わせてデザインをカスタマイズします。ドラッグ&ドロップで簡単に要素を追加・移動できます。
  4. コンテンツの追加: 画像、テキスト、動画、ギャラリーなどのコンテンツを追加して、サイトを充実させます。
  5. プレビューと公開: サイトが完成したら、プレビューで最終確認を行い、問題がなければ公開ボタンをクリックしてウェブサイトを公開します。

実際に使ってみてよかった点

アニメーションが簡単につけられる

WIXでは、アニメーションを簡単に追加できる点が非常に魅力的でした。
ドラッグ&ドロップで要素を配置し、その後簡単な操作でフェードイン、スライド、ズームなどのアニメーション効果を設定できます。コードを書く必要がないため、手軽に作成できました。

ギャラリー作成は高機能できれいに作れる

WIXのギャラリー機能は非常に高機能で、デザインもきれいに仕上がります。

様々なレイアウトオプションや表示スタイルが用意されており、簡単な操作でプロフェッショナルなギャラリーを作成できます。画像のサイズ調整やキャプションの追加も容易で、ユーザーエクスペリエンスを高めるための工夫が多く取り入れられています。

こうした「できあいの機能で見栄えを整えやすい」点は、後述するデメリット(画像素材のイメージのズレ)と合わせて考えると、WIXの性格をよく表していると感じます。

よかった点具体的な内容
アニメーション設定コード不要でフェードイン・スライド・ズームなどを設定可能
ギャラリー機能レイアウトオプションが豊富で、操作だけでプロっぽく仕上がる
操作の手軽さ専門知識がなくても直感的に触れる

実際に使ってみて気になった点

用意された画像はイメージに合わない

WIXで用意された画像はイメージに合わずイマイチでした。
WIXのライブラリには豊富な画像が揃っているものの、特定のニーズに応えられない場合があります。

そのため、プロジェクトによっては、自分で画像を用意することが必要と思います。
自分の撮影した写真や、ストックフォトサイトからダウンロードした画像を使用することで、よりオリジナリティのあるサイトを作成することができます。

スマホサイトが作りづらい

PCサイトを作成したあとにスマホサイトも作らなくてはいけないのは面倒くさいです。

WIXは自動的にモバイルビューを生成してくれるのですが、なぜか表示崩れしていましたので、細かい調整が必要となりました。

PCサイトを作成したら、自動的にスマホサイトも“いい感じに”生成してくれるとありがたいんだけど。

イメージしているデザイン通りに付くのは大変

WIXで自分のイメージ通りのデザインを再現するのは、思ったよりも大変でした。
テンプレートやブロックがある程度制限されているため、細部にこだわったカスタマイズを行うには時間と労力が必要です。

気になった点具体的な内容対処のヒント
用意された画像ライブラリの画像がイメージに合わないことがある自分で撮影した写真やストックフォトを併用する
スマホ表示の崩れ自動生成されたモバイルビューがそのままでは崩れる各セクションをモバイル編集モードで個別に微調整する
デザインの再現度テンプレート・ブロックの制約で細部の再現に手間がかかる完全な再現より「近い形」で妥協点を決めておく

WIXが向いている人・向いていない人

実際に触ってみた感覚として、WIXが向いているかどうかは「サイトの目的」と「今後の運用方針」によって大きく変わります。

向いているケース向いていないケース
制作期間数日〜数週間で公開したい期間限定サイトじっくり作り込みたい本格的なコーポレートサイト
更新頻度個人で年数回程度の更新複数人でブログや商品ページを頻繁に更新
デザイン要件用意されたテンプレートの範囲で十分ブランドイメージ通りに細部までこだわりたい
将来の拡張まずは1ページで様子を見たい将来的にEC機能やSEO対策を本格強化したい

WordPressとの違いはどこにあるのか

同じ「専門知識がなくてもサイトが作れるツール」として比較されることが多いのがWordPressです。両者の違いを簡単に整理すると、次のようになります。

比較項目WIXWordPress
始めやすさ◯(サインアップしてすぐ触れる)△(サーバー・ドメインの契約が必要)
デザインの自由度△(用意されたブロック・テンプレートの範囲内)◯(テーマ・プラグインで拡張しやすい)
引っ越し・移行△(他サービスへのデータ移行がしづらい)◯(サーバーを変えてもデータを引き継ぎやすい)
更新・保守の手間◯(WIX側が管理してくれる)△(自分でプラグイン等の更新管理が必要)

ノーコードツール全般のメリット・デメリットについては、以前ホームページが作れるノーコードツールのメリットとデメリットでも整理していますので、あわせて参考にしてください。

WordPressで個人サイトを作る場合の費用目安はこちらの記事でまとめています。

ビジネスサイトとしてノーコードツールを選ぶ前のチェックリスト

個人の趣味サイトではなく、事業用のホームページとしてWIXのようなノーコードツールを検討している場合は、公開前に以下の点を確認しておくと後悔が少なくなります。

チェック項目確認のポイント
独自ドメインが使えるか信頼性のためにも独自ドメインの取得・接続は必須
スマホ表示を必ず自分の目で確認したか自動生成に任せきりにせず、実機で崩れをチェックする
将来的な引っ越しのしやすさ事業拡大時に他サービスへ移行できるか、データ形式を確認
問い合わせ・予約導線があるかフォームや電話番号など、行動につながる導線を用意する
更新は誰が担当するか公開後に自分で更新し続けられるか、外部依頼が必要かを決めておく

まとめ

AIが作ってくれるとはいえ、意外と手間がかかるなという印象でした。
WIXは初心者にとっては非常に便利なツールですが、プロフェッショナルな用途では制限が多いと感じました。

ウェブサイト制作の第一歩として利用するのは良いと思いますが、ビジネス利用にはやや厳しい面があります。とはいえ、期間限定の1ページのランディングページの作成など、特定の用途には非常に便利だと思います。

本格的にビジネス用のホームページを作る際の全体の流れについてはホームページ制作の流れと失敗しないためのポイントで解説していますので、ツール選びの次のステップとして参考にしてください。

なお、WIXのAI(ADI)は質問に答えるだけで見た目の整ったサイトを自動生成してくれますが、見た目が整うことと、訪れた人に「ここに頼みたい」と思ってもらえることは別の話です。

この違いについては見た目は整っているのに、メッセージがない-顧客体験デザインで埋めるAI量産ホームページの弱点という視点でも書いていますので、あわせてご覧ください。

ツール選びに迷っている、あるいは今のサイトをそろそろ本格的に作り直したいという方は、料金ページもご覧のうえ、お気軽にお問い合わせください。

貴社が選ばれる理由を、一緒につくらせてください。
貴社のサービスを通じて、お客様にどんな体験をしてもらいたいか
「理想の顧客体験シーン」を描き、様々なデザインを展開していきます。
まずはお気軽にご相談ください。

詳しくはこちら

PROFILE

本間智久
MAMEプロダクションという屋号で、フリーランスのウェブデザイナーとしてお仕事しています。
 
広告や販促物のグラフィックデザイナーを務めた後、求人サイト運営会社にてウェブデザイナーとして勤務。
サイトの運営、リニューアル、特集コンテンツのディレクションや作成、SEO内部施策などの業務を担当。
2012年に独立。
 
趣味は、テレビゲームと酒場巡り。