ブロックパターンと機能拡張で目指した利便性の向上:公益社団法人ガールスカウト日本連盟様

公益社団法人ガールスカウト日本連盟様のサイトリニューアルにおいて、実装部分を担当いたしました。サイトディレクションとデザインは株式会社エンタミナ様が担当されました。

https://www.girlscout.or.jp/ 

ブロックパターンの活用

今回のリニューアルでは、サイト作成でよく使うパーツの雛形である「ブロックパターン」を20〜30種あからじめ制作しておく方法を採用しました。
ブロックパターンはページ作成画面から簡単な操作で呼び出すことが可能でお客様自身でも簡単に雛形を呼び出すことが可能です。これによりお客様自身でページ構築できるようになり、都道府県別ページは各エリア担当者さまに量産していただくなど、協力して制作を進めることができました。

制作したパターンの一部(※画面は開発中のものです)

機能拡張

サイト内検索には、検索 API サービスの Algolia( https://www.algolia.com/ )を導入し、日本語検索の高速化と精度向上を図りました。

またスプレッドシート1枚を元に、GoogleMap 表示とサイト内テーブル表示がどちらも更新できるような仕組みを採用しました。900以上ある都道府県別のグループの更新を、なるべく簡便にできるようお手伝いいたしました。

データ出力のためのスプレッドシート
スプレッドシートから GoogleMapへのプロット、詳細テキストデータやリンクをサイトに出力

テーマには Snow Monkey( https://snow-monkey.2inc.org/  )を使用し、カスタム専用の独自プラグインを用いてさらなるカスタマイズを行いました。
ブロックテーマではなくクラシックテーマを採用した理由としては、公益社団法人ガールスカウト日本連盟様からの多岐にわたるご要望に際して Snow Monkey に備わっている多数のフックを利用してカスタマイズできる豊富な知見があり、また複雑な構造のウェブサイトを公益社団法人ガールスカウト日本連盟各エリアのご担当者様ご自身で今後運用していただけるよう できるだけ簡単な編集画面とすること、などの理由が挙げられます。

mgnと仕事をしてみてどうでしたか

公益社団法人ガールスカウト日本連盟
目黒 様

2014年にリニューアルして以来の実施となった今回、課題となっていたのは以下の事柄でした。

  • ページが多すぎる
  • トップページに新着などそのとき伝えたいことをフィーチャーできるエリアがなかった
  • ニュース以外は HTML で作られており、レイアウト変更や新規項目の追加が難しかった
  • 更新できる職員が限られており、スピーディーに情報更新がおこなえていなかった

それらを改善するために、当団体では、各部署からメンバーを集め、リニューアルチームを立ち上げました。まずは、株式会社エンタミナにディレクションに入っていただき、よりよいサイト構成とコンテンツと課題を訴求できるデザイン制作をおこなっていただきました。

実装となった際に、チームメンバーから全職員がページ更新できる形でという要望があり、CMS の導入をすることとなりました。もともと、会員向け情報では WordPress を使用しており、そちらの改善でお付き合いのあった、株式会社 mgn に実装をお願いすることとなりました。

mgn さんには、ウェブ担当以外の職員に技術的なところもわかりやすく説明していただいたり、今回からの実装となったブロックエディターを職員向けに講習会やマニュアル作成もしたりしていただきました。最終段階の約2カ月は毎週の定例ミーティングを設定いただき、リリースまで伴走いただけたことは大変心強かったです。

私たちガールスカウトの活動をよりわかりやすく伝えられるページが作成できたと思います。これからは、より多くの方にリーチできることを願っています。

サイトリニューアルで考えること

サイトリニューアルでは、サーバー・ デザイン・既存コンテンツの取捨選択・リニューアルのゴールなど検討材料が幅広く、柔軟な対応が求められます。

mgn はこれまでの開発経験を活かし、より良いリニューアル案・より良い Web サイトを提供していきたいと考えています。
サイトリニューアルにご興味のある方はご相談ください。

かゆいところに手が届く。そんな開発会社をお望みの場合はmgnへ

  • 弊社は開発フェーズにおいても運用フェーズにおいても、足りてない部分の役割を埋めるような柔軟な対応を得意としております
  • 今回はUI/UXのデザイン部分とフロントエンドの実装でしたが、その他にもご要望に応じて対応が可能です。ぜひお気軽にご相談ください