ノーコード「teachable」を使ってオンライン動画講座『温泉アンバサダー』をつくりました
クラフトビールと歴史をこよなく愛するオーバルギアです。
「オンラインレッスン」サービスに特化したノーコードサービスteachableを使いサンプルサイトをつくりました!
まずは作ったサイトの全体像から!
▼トップページ(ファーストビュー)
まずはこのサイトの趣旨をメッセージ「温泉アンバサダー」になろうよと!
▼ファーストビューから下へスクロール後
温泉アンバサダーになると良いことやいまの温泉アンバサダーの紹介、そして、温泉アンバサダーになるためのレッスン講師を紹介&最後にレッスンコースの紹介です。(あくまでサンプルサイトですが(笑))
▼レッスンの申し込みページ
温泉アンバサダーレッスンの申し込みページです。あらためて温泉アンバサダーになるメリットと講師を紹介しています。
ちなみにこの温泉アンバサダーレッスンは無料版で、温泉アンバサダーの次のステップ講座が有料な設定です!(もちろんあくまでサンプルですが^^)
▼レッスンの全体像がわかるページ
こちらが申し込み後のレッスンの全体像がわかるページです。
▼実際にレッスンを受けるページ
こちらが実際に動画レッスンを受けるページ。動画レッスン以外にも、テキストや画像、クイズ等でレッスンを作成できます。
利用したツール
オーバルギアのメンバーには温泉に関するサービスを構築したメンバーもいるので、温泉をモチーフにしてつくりました。
今回使ったサービスは、サイト構築はteachable、画像やアイコン作成にはcanvaを使いました。
細かいですが、下の画像の右上にある「♨ 温泉 ambassador」みたいなマークって大事じゃないですか!サンプルでも妥協したくない(笑)
canvaにある「♨アイコン」と「テキスト」と「画像」を組み合わせて作りました。
ちなみに、このnote記事の画像もcanvaの素材を組み合わせて作りましたよ!
teachableに限らず、ノーコードによって何かを作ることの工数はかなり抑えることができます。これまでシステム開発にかかっていた時間やお金を、サービスの本質でもある誰の、どんな課題を、解決するのかにフォーカスできますね!