デザイン系出版社のWebマガジン制作
Next.js x microCMS x Stripeで、モダンな構築の会員制Webマガジンサイトを制作しました
Next.js
microCMS
Stripe
Firebase
Fuse.js
mixpanel
目的
- 会員制コンテンツの配信プラットフォームを作成する。
- toCの他に、法人プランや求人掲載機能、広告掲載機能を設け、マネタイズを図る。
- 本誌のアップデートに対応した柔軟なデザインをWebサイトでも再現する。
制作内容
- システム開発。
- Next.js x microCMSを用いた、Jamstack構築のサイト制作。
- Stripeを用いた、複数プランの有料会員機能の実装。
- 雑誌という複雑なコンテンツやレイアウトに対応するために、CMS設計から提案。記事カテゴリに応じたページ構成やレイアウトを作成。
- 記事の「いいね」機能を実装。
- 記事コンテンツのフリーワード検索を実装。
- 求人掲載のために、CMSへ自動的に入稿されるフォームを実装。
- mixpanelを導入し、ユーザー単位でのサイト閲覧行動を解析。
効果
- Jamstack構築で制作することで、WordPressなどの従来のシステムとは異なり、ECのような複雑な機能を実装していても、はるかに高速なページの読み込みを実現。これにより、サイトの離脱率を軽減した。
- クラウドサービスのmicroCMSを用いることで、バックエンド構築の工数をはぶき、モダンな構築にも関わらず手軽なコストで制作を実現した。背景色、文字色、画像キャプションなど、クライアントの要望に対して柔軟にレイアウト反映できる仕様を実装。
- 決済最大手サービスのStripeを用いて、柔軟かつ堅牢な決済システムを実現した。具体的には3段階のtoCプラン、複数人柔軟に登録できる法人プランを実装した。