KADOKAWA様 - 多機能な会員制サイト「ヨメルバ」リニューアル
今回のリニューアルでは、クライアントがデザインを提供し、アップルップルが実装を担当いたしました。子ども向けと保護者向けの2つのコンテンツに分かれ、実質的には2つのサイトを制作しました。
もともと記事や書籍などの多くのコンテンツがあるサイトのリニューアルでしたので、コンテンツが分散しないよう一元管理を心がけました。さらに、会員制サイト機能や外部サービスとの連携、大量のデータ移行など、機能の実装からデータの移行まで幅広くサポートさせていただきました。
案件概要
| サイト名 | ヨメルバ |
|---|---|
| URL | https://yomeruba.com |
| クライアント | 株式会社KADOKAWA 様 |
| 業種 | 教育・学校、事例紹介、子育て、児童 |
| 仕様 | CMS実装、会員制サイト、スマホ対応、外部サービスとの連携、システム開発 |
| リリース | 2024/2 |
| 期間 | 2.5ヵ月 |
ヨメルバPlusのトップページ
ヨメルバひろばのトップページ
KADOKAWA様が運営する「ヨメルバ」は、子ども・保護者や、子どもと接するお仕事をされている方々にさまざまな情報を発信しているウェブメディアです。
子どもたちが自ら読書に取り組めるよう、人気の児童書の新刊ためし読みや限定連載を多数公開しています。また、親子で楽しむ知育・ライフスタイル・エンターテイメントなど、あらゆる興味・好奇心を育む記事をお届けしていきます。
ヨメルバ会員（無料登録）の方には、保護者のみならず保育士・幼稚園教諭、学校教諭の方々へ、教育や発達など子育ての悩みに寄り添った専門家監修の記事や、子どもと一緒に楽しめるキャラクターぬりえ・クイズ、キャンペーン情報などのコンテンツを提供しています。
引用元：ヨメルバについて | ヨメルバ | KADOKAWA児童書ポータルサイト
会員機能
こちらのサイトは会員機能を持っており、会員自身で会員登録の申し込みができるようになっています。
会員になると、会員限定記事の閲覧や、ブックマーク機能を利用することができるようになります。
CMS標準機能で「会員機能」が用意されていますが、こちらのサイトではより高度にカスタマイズされた会員機能を実装しております。
ヨメルバサイトログイン/新規会員登録画面
KADOKAWA-ID との連携
メールアドレスや各SNSを使用したCMS標準の会員登録機能が用意されておりますが、今回はクライアントが独自に提供している KADOKAWA-ID を経由して会員登録やログインをする機能が備わっています。
これにより、クライアントが保有しているさまざまなサービスでアカウントを一括管理することができ、セキュリティ向上やエンドユーザーの利便性を図ることができます。
弊社では、こういったCMS標準ではない外部サービスとの連携についての相談も受け付けております。
KADOKAWA-ID 連携サービス一覧
マイページ機能
会員はログインするとそれぞれのマイページを表示することができます。
マイページでは、ご自身の会員情報を変更したり、会員限定のお知らせを閲覧、ブックマークしたお気に入り記事一覧の確認、お気に入りタグを登録して気になる記事を簡単に検索する、などの多様な機能が備わっています。
会員情報変更画面
会員限定のお知らせ
ブックマーク機能
会員限定のブックマーク機能では、各記事や書籍紹介ページにあるブックマークボタンをクリックすることで、マイページにその記事を保存することができます。
ブックマークボタン
マイページで保存した記事や書籍を一覧で確認することができ、さらに並び替えもできるため、いつでも簡単にお気に入りの記事を探して読むことができます。
また、ブックマークを解除する場合に、複数選択や全選択をしての一括解除も可能です。
ブックマークページ
ブックマークだけでなく閲覧履歴も残るため、保存し忘れた記事を後でマイページから参照することもできます。
会員限定記事
サイト運営者が記事を作成するときに、会員のみが閲覧できる限定記事を作成することもできます。
会員限定範囲は記事作成者が自由に決めることができ、記事の内容全てを会員限定にすることや、はじめは一般ユーザーも閲覧できるようにして途中から会員限定にすることもできます。
特集一覧ページの会員限定記事
会員限定指定をすると記事内の該当部分は一般ユーザーからは見えなくなり自動的に「この記事はヨメルバ会員限定です」のボックスが表示されるため、記事作成者は記事内の会員限定範囲を指定するだけで限定記事を作成することができます。
自動的に挿入される会員限定ボックス
データ移行
今回のリニューアルで、ターゲット層別にサイトを仮想的に分けて実装することになっため、サイト構造が大きく変わり、カテゴリーやタグ、記事の整備や移動が大量に発生することになりました。
数百件のカテゴリーと数千件の記事を整備するのには手作業では無理があっため、専用の移行プログラムを開発し、クライアントにエクセルで移行データを用意していただき、テスト環境と本番反映時に一括でデータ移行をできるようにしました。
これにより、移行時間を大幅に削減でき、また時間が削減できたことにより、現行サイトでのサイト運用を本番反映ギリギリまで行っていただくことができました。
今回は弊社開発のCMSからのデータ移行でしたが、他CMS・システムからのデータ移行も対応できますので、大規模サイトなどでデータ移行に困っている方はぜひご相談ください。
コンテンツの一元管理
ヨメルバサイト内には、書籍や記事、カテゴリーをピックアップしたコンテンツが点在しています。
各コンテンツを手動で入力するのではなく、参照できる箇所は既存コンテンツから選択できるような仕組みで実装してあります。
これによりコンテンツを一元管理でき、コンテンツの作成・保守がしやすくなっております。
既存コンテンツをピックアップして作成したおすすめ一覧
基幹システムとの連携
書籍はクライアント様の基幹システムと連動して自動登録される仕組みになっています。定期的に基幹システムからデータを取り込むことで最新の情報を表示しています。さらに、ヨメルバサイト独自のコンテンツとして挿入したい情報については書籍の個別ページで追加情報や画像、テキスト、関連書籍の選択も可能となっており、サイト訪問者に合わせた情報を届けることができます。
運用者の手間がかからないような仕組み作りと、適宜情報追加できるようにすることで、必要な箇所のみ手を加えるだけで運用していけるサイトになっています。
書籍一覧
自動集計ランキング
ヨメルバPlusとひろばでそれぞれ実際に閲覧されたページを集計し、サイトTOPページなどに記事ランキングを表示しています。ヨメルバひろばではカテゴリーごとに閲覧数を集計しており、サイト訪問者は目的別に人気記事を参照することができます。
ヨメルバひろば記事ランキング
アップルップルでは、CMS の開発元ならではの多機能のWebサイト制作が強みです。Webサイトの管理方法にお困りの方、会員制サイトを作りたい方、リニューアル時のコンテンツ移行にお困りの方は、ぜひご相談ください。
