シェア型私設図書館&ワークショップスペース MAYUさまの公式サイト

公開：2024年8月
URL：https://mayu-rlibrary.com/

ターゲット

図書館利用者、本棚オーナーに興味のある方、ワークショップ参加・開催希望の方

目的

図書館・ワークショップのお知らせなどの情報を発信することで施設利用者さまにご満足いただくとともに、施設としての認知度・信頼を高めるため

情報設計

「図書館」「ワークショップスペース」「カフェ」の3つの側面を持つため、情報が多岐にわたりますが、閲覧者が迷わないように動線を分かりやすく設計しました。
施設の魅力を伝えつつ、年代問わず直感的に使いやすいサイトを目指し、おしゃれなデザインと分かりやすさのバランスを重視しました。
また、英語表記には日本語の説明を添えながらも、全体の情報量を整理し、スッキリと見やすいレイアウトにしました。

デザイン

「利用者のみんなで作っていく図書館」というコンセプトに基づき、あえてシンプルなデザインを採用しました。
施設のテーマカラーの緑(#a1bfae)を基調とし、ファーストビューの画像にも緑を含めることでページ全体に統一感をもたせました。
サイト訪問者がイメージしやすいよう、Instagram埋め込みやギャラリー表示で画像を多く見せられるようにしました。

制作範囲・期間

• 企画、ページ構成：1週間
• デザイン：2週間
• ページ構築：4週間
• プラグイン導入：4週間

固定ページ数

7ページ (ホーム、図書館利用案内、ワークショップ、カフェ、アクセス、お知らせ、お問い合わせ)

使用ツール

AdobeXD、Photoshop、Illustrator、WordPress

工夫した点

1．カレンダー表示

「ワークショップイベントをカレンダー形式で表示させ、予約できるようにしてほしい」

とのご要望を受け、

・Events Manager
・WP FullCalendar

上記の2つのプラグインを使用して実装しました。
更に、カスタムCSSを用いて開館曜日の日付セルを黄色に色付けしました。

2．投稿記事から予約ページへのリダイレクト

「イベント予約ページと投稿記事を連携してほしい」

とのご要望を受け、

・Advanced Custom Fields

上記のプラグインを用いてカスタムフィールドを作成することで、投稿記事から予約ページにリダイレクトできるようにしました。

これにより、「news」ページから予約ページへの動線を構築しました。