大学生の初めての一人暮らしに役立つメディア

学生の初めての一人暮らしを楽しんでもらい、一つでも悩みを解決できるようにという想いで、IPPO（イッポ）が誕生しました。 大学生の一人暮らしや学生生活、部屋探しの参考になる記事を、さまざまな切り口で連載しています。記事のサムネイルは、目を引き、内容が伝わるデザインを一つ一つ丁寧に作成しました。現役の大学生へのインタビューも行ない、よりリアルな「現代の大学生」をお届けしています。

サブカテゴリーを利用した記事のグルーピング

メディアサイトにおいて、記事の検索性を高めることはとても重要です。IPPOでは、属するカテゴリーを複数指定できる「サブカテゴリー」の機能によって記事を見つけやすくしています。例えば、大学生の新生活に向けた「部屋探し」、大学生の「一人暮らしインタビュー」、お金のかしこい節約術といった「学生生活費」のことなど、一つのエントリーで複数のトピックを扱うことがあるため、複数のカテゴリーを指定できる「サブカテゴリー」の機能は非常に便利で、ユーザーにとっても利便性が増します。

さまざまなシーンで役立つ「組み込みJS」

a-blog cms がメディアサイトに向いているポイントの一つは、シンプルで使いやすいJavaScriptが「組み込みJS」としてパッケージングされていることです。目次を自動生成する「Document Outliner」、記事中の写真をクリックで拡大する「SmartPhoto」、画像の遅延読み込みを実現する「Lazy Load」など、高機能なJavaScriptが豊富で、実装も難しくなく簡単な設定で可能です。

目次を自動生成する「Document Outliner」を使用したパーツ

利便性を高める「月間ランキング」

Google アナリティクスの計測データを基準にした a-blog cms のランキングモジュール「Api_GoogleAnalytics_Ranking」を活用し、月間アクセスランキングを設置しました。幅広いジャンルの話題を扱うメディアサイトにとって、人気記事情報の提供はもはや必須とも言えます。自動的に順位が入れ替わるので、更新の手間は全くかかりません。

ランキングモジュール「Api_GoogleAnalytics_Ranking」を活用し、月間アクセスランキングのパーツ

無料ダウンロードで役立つ「PDFプレビュー」

a-blog cms はバージョンアップによって、豊富な機能がどんどん追加されています。先程の「組み込みJS」の一つでもありますが、アップロードしたPDFのサムネイル画像を自動で出力してくれる「js-pdf-viewer」はとても役に立ちます。IPPOでは、学生のマンション探しに役立つPDFファイルを無料で配布しています。ダウンロード前にPDFの表紙画像が確認できることで、ユーザーの興味・関心を惹きつけることができています。

PDFのサムネイル画像を自動で出力してくれる「js-pdf-viewer」を使用した画面

概要

モデルハウスナビ様は、見学可能なモデルハウス情報を多数掲載する不動産ポータルサイトです。MAPや価格帯、キーワードで絞り込み検索ができる他、現在地の位置情報から近いモデルハウスに並び替える機能を実装しました。また、360°の3D内覧を可能とするMatterport（マターポート）によって、モデルハウスのイメージを隅々まで体感できます。

全国規模のモデルハウスポータルサイトを目指して

サイト公開時は「モデルハウスナビ 北海道版」のみで運用をスタートしましたが、徐々に全国各地のモデルハウス情報を掲載できるようにする必要があったため、エリア単位で子ブログ化しました。各エリアの子ブログで共通のテーマを利用することで、拡張性のある設計になっています。

3Dスキャン立体画像で360°の3D内覧を可能に

室内を360°見渡せる3D映像の「Matterport」の埋め込みに対応しました。モデルハウスの情報が隅々まで更新しやすい設計となっています。見学する前の検討段階で、モデルハウスの内覧の疑似体験が可能になっています。

今いる場所から近い順に並びかえる機能

新しい家を決める検討要素として「立地」はとても重要です。「住み慣れた街に住みたい＝現在の住まいから近い場所に住みたい」というニーズに答えるため、今いる場所から近い順に並びかえるソート機能を実装しました。a-blog cms の位置情報を使って記事を絞り込む「Entry_GeoList」で、今いる場所の近くで開催されているモデルハウスをワンクリックで知ることができます。

モデルハウスと建築会社を紐付ける関連エントリー

当然ですが、モデルハウスには建てた建築会社が存在します。1社が複数のモデルハウス情報をサイトに掲載する場合、毎回建築会社の情報を入力するのは、非常に手間がかかります。 そこで、建築会社情報のデータのみを扱う子ブログを構築し、モデルハウスの「関連エントリーとして建築会社を選択する」という運用にしました。

これにより、例えば建築会社が移転して住所が変わったり、電話番号が変わったりしても、建築会社の子ブログのデータを修正することで、モデルハウス情報側の建築会社情報も自動で更新される仕組みにできました。

モデルハウス見学の意思決定に役立つ「コラム」

コンテンツマーケティングの一環で、自然検索からの流入を意識した「コラム」を a-blog cms で実装。注文住宅に関する多種多様な記事を掲載しています。