私設図書館&コワーキングスペースMAYUさまのコーポレートサイト

OVERVIEW

図書館&コワーキングスペースMAYUさまの施設公式ウェブサイトを制作させていただきました。年代問わず、たくさんの方にとって親しみやすく居心地がいいサイトを目指しました。

YEAR 2024

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

ターゲット

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

目的

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

情報設計

「図書館」、「ワークショップスペース」、「カフェ」としての3つの側面があるため、伝えたい内容が多岐にわたることで閲覧者を混乱させないように工夫しました。できるだけページ間の動線をわかりやすくし、施設の魅力が伝わるようにしました。おしゃれさを出しつつ、年代問わず分かりやすいサイトにすることを心がけました。

デザイン

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

制作範囲・期間

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

固定ページ数

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

使用ツール

AdobeXD、Photoshop、Illustrator、WordPress

工夫した点

1.カレンダー表示

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

とのご要望を受け、

・Events Manager
・WP FullCalendar

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

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

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

とのご要望を受け、

・Advanced Custom Fields

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

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



WEBSITE