制作事例:ノーコードWEB制作ツールを活用し、コミュニティサイトを作成しました

2023年2月22日

心理学 × 恋愛カウンセラーで算命学コンサルタントのかんころさんが主宰するオンラインコミュニティ「かんころ未来創造Lab」のコミュニティサイトの制作をラブソルで担当しました。

ラブソルでは、過去にかんころさんのオフィシャルサイト制作を担当。今回のご依頼では、オフィシャルサイトのリニューアルとともに、主宰するオンラインコミュニティのLP制作のご依頼もいただきました。

ヒアリングを重ねる中、コミュニティサイトについては、サブスクリプションでの決済機能や掲示板の機能もご希望されており、すべてをオリジナルで開発するとコストが大きくなってしまうという問題が。
そこで、決済や会員限定ページなどの機能をつけることができるノーコードでWEBサイトを制作できるサービスのWixを使用することにしました。

この記事では、本プロジェクトのディレクターを務めた堀が、制作の内容をお伝えしていきます。

かんころ未来創造Labオフィシャルサイト
https://www.kankoro-lab.com/
クライアント:株式会社 PS Project様
制作期間:約3ヶ月(ヒアリングから公開まで)
領域:企画/制作/コピーライティング/撮影/ライティング/コンテンツ制作/運用・保守

コミュニティサイトに必要な機能を実装できるWix

コミュニティサイトの制作にあたり、下記の機能を持たせて欲しいとご相談を受けました。

・コミュニティの内容を紹介し、入会を促すページ
・申し込みおよび決済を行うためのページ
・入会したメンバー同士が交流を行うためのページ

これらの機能を低コストで実現するために、制作ではWixを活用することにしました。

Wixはコーディングの知識がない人でも、パーツをドラッグ&ドロップすることでWEBサイトを制作できるサービスです。コーディングせずにWEBサイトをつくれるだけでなく、販売や決済、アカウント情報を紐付けた限定ページの作成なども手軽にできる特徴があります。

Wixの特徴を生かすことで、サイト制作にかかる金額や期間を抑えつつ、求められた機能を実装することができます。
手軽に作れるとはいえ、ページ数も多く、ログインできる人を絞り込む様な機能が求められるサイトでは、全体の設計をきちんと行う必要があります。

こちらのコミュニティは、サイトにある会員限定ページの掲示板とともに、活動自体は会員限定のInstagram鍵アカウントにて行うとのことでした。

そのため、複雑な動線を整理して、入会希望者がスムーズにプロセスを踏めるように設計する必要がありました。

最終的には、5日間の募集期間に700名超のメンバーが入会したのですが、募集期間中にも入会方法や返信するメールの内容をアップデートし、オーナー様に安心感を感じていただけるように進めていきました。

デザインのクオリティを保つために、画像を効果的に使用

コーディングをせずにWEBサイトを制作できることは、手軽につくれるメリットがある一方で、デザイン面の自由度が限定されてしまうというデメリットも存在します。

今回のサイト制作では、効果的に画像を使用することで、デザインに独自性を持たせていきました。Wixで表現できる部分はWixで実装し、難しい部分に関しては、作り込んだ画像を使用しています。

サイトで使われている画像素材は、沖縄や都内のスタジオで撮影を行なったものです。

WEBサイトで使用する画像は、サイト全体のクオリティに大きな影響を与えます。構成がどんなにしっかりとしているサイトでも、画像次第では印象がいまいちなものになってしまいます。

素材からこだわりながら制作することで、オリジナリティとクオリティを保てるようにしています。その点にこだわり抜けることが、カメラマンとデザイナーがいる弊社の強みです。

公開後の運営においても、ノーコードの強みがある

また、コミュニティ公開後のサイトの運営も弊社で担当しております。
メンバー様からのお問い合わせの対応や、実際に活動する中で発見した問題点の改善など、日々の運用を行っています。

コーディングが伴うサイト制作では、修正が発生した場合に、WEBデザイナーとコーダーのそれぞれが対応を行う必要があります。

一方、ノーコードのサイト制作では、WEBデザイナーが直接サイトを修正できるため、コーダーが作業する時間を省くことができます。その分、修正に必要な時間を短くすることが可能です。

実際に使っていく中で、改善点がどんどん見つかっていきますが、ノーコードであるWixは修正もすばやく行えるので、コミュニティサイトの運営に適しています。

弊社では、つくり方に固執するのではなく、お客様のご要望にあったツールをご提案できる様に、ノーコードのサイト制作にも積極的に取り組んでいきます。

情報の更新頻度が多くなりそうなサイト制作など、ノーコードの強みを生かせそうなサイト制作は弊社にお問い合わせください。

ディレクター:堀基晴
デザイナー:小野寺美穂
撮影:池田実加
ライター:野元萌乃佳