速度改善と各図書館に合わせた機能開発で、運用者も図書館利用者も使いやすいサイトへ

カルチュア・コンビニエンス・クラブ株式会社様で管理している図書館6館のWebサイトをリニューアルしました。
一足先に公開された『延岡市駅前複合施設 エンクロス』のデザインを踏襲することで制作コストを抑え、7ヶ月という6サイト公開するには短い期間の中で各図書館の細やかな希望にも柔軟に対応をすることができました。
また、順次公開していくことで実際の図書館での運用状況やサイト訪問者の声を反映し各図書館をアップデートとメンテナンスしていくことでより運用者もサイト訪問者も使いやすいサイトとなりました。

運用されている方からは、毎日使う者としては大きな機能改善だけでなく小さな改善も業務ストレスの解消となっています。
という嬉しいお言葉も聞くことができました。

案件概要

サイト名 地域図書館6サイト
クライアント カルチュア・コンビニエンス・クラブ株式会社
業種 学習支援
仕様 図書館システム連携、資料検索(Vue.js)、図書館利用者用会員サイト、一括予約カート機能、一部多言語展開、PDFプレビュー
リリース 2022/12
期間 7ヵ月

リニューアルサイト一覧

提案内容

資料検索速度の改善

地域図書館のサイトとして地域の紹介ページやイベントページなどがある中、メインで使用される機能は図書館資料検索です。


資料をさがすページ

しかし以前のサイトではその資料検索に数秒かかってしまう問題がありました。表示までの時間が長いと図書館利用者のストレスとなってしまいます。
そこで今回は、速度改善としてページ遷移なしで検索できるような設計構造を採用しました(Vue.js による SPA で実装)。また、資料検索ページだけでなく、図書館利用者会員用ページや、本の予約延長ができるページ、ショッピングサイトのようなカート機能のある箇所など、ユーザーが閲覧だけでなく"使用する"ページについてもパフォーマンス改善をおこないました。


資料をさがす検索結果ページ


マイページ

予約カートページ


表示速度や資料検索速度があがったことで図書館利用者の使いやすさやに繋げることができました。


日々更新するコンテンツの運用コスト軽減

図書館では様々なイベントが開催され、Webサイト上でもイベント情報が閲覧できるようになっています。
そのイベント情報更新を一括で登録できるCSVインポート機能に加え、終了したイベントを自動的にイベントトップページから非表示となる機能を入れることでサイト運用者のイベント登録作業や終了したイベントページの処理などの作業負担を減らしました。


イベント一覧ページ

また、「スタッフのおすすめ」という図書館スタッフがコメント付きでおすすめ本を紹介しているページについては、以前は本の著者情報なども手作業で入力していました。そこで今回は図書館システムからボタンひとつで情報挿入できるような機能を入れ込みました。


スタッフのおすすめページ

スタッフのおすすめ更新画面


シンプルながらも多機能なサイト


図書館らしいシンプルで落ち着いた印象ながらも、それぞれの図書館に合わせた下記のような外部システムとの連携や機能開発を行いました。

図書館個別実装例


図書館個別実装例のスクリーンショット集

  • 交流室予約
  • 駐車場のリアルタイム混み具合表示
  • 図書館内混み具合表示
  • LINEログイン
  • お気に入り機能

今回の図書館6サイトリニューアルでは、隔週のオンラインミーティングやチャットツールなどを通して細かいヒアリングを行い、同じデザインをベースとしながらもその図書館に合わせたシステム/サイト構成/UIデザインのご提案をさせていただきました。
アップルップルのWeb制作ではオリジナル機能の開発や外部システムとの連携実装も可能ですので、まずは「こんなことをしたい」や「困ったことがある」などお気軽にご相談ください。


Webにまつわる お困りごとをご相談ください。

こんなお手伝いができます

Webコンサルタントとしてのお手伝い/UIデザインのご相談/デジタルメディアの総合プロデュース/パンフレット・DMなどのDTP、ロゴ制作などのビジュアルデザイン