CAL-004 公開  更新

臨時休業表示型 営業日カレンダー

定休日とは別に、臨時休業の日を印と模様で分けてカレンダーに示し、理由をカレンダーの横にお知らせとして書く設計です。
いつもの休みと違う日を、見落とされないように伝えます。

ワイヤーフレーム(PC)

臨時休業表示型 営業日カレンダー PC版ワイヤーフレーム

ワイヤーフレーム(SP)

臨時休業表示型 営業日カレンダー SP版ワイヤーフレーム

SP版の特徴

  1. お知らせをカレンダーの下に置く:横に並べると、カレンダーの枠が狭くなり印が読めなくなるためです。
  2. 各枠を日付と1文字の印だけにする:理由などの文はお知らせの枠に任せています。

採用前の判断ポイント

向いているケース

  • 研修・設備点検・天候などで、臨時休業がある
  • いつもの定休日とは違う日に休む
  • 休業の理由や、休業中の問い合わせの扱いも伝えたい

向かないケース

このワイヤーの特徴

臨時休業を、いつもの休みと分けて示す

臨時休業の日には「臨」の印と斜線の模様を付け、定休日の「休」と見た目を分けています。
いつもの休みと思って見落とされるのを防げます。

理由を、カレンダーの横に書く

カレンダーの横に「臨時休業のお知らせ」を置き、日付と理由、休業中の問い合わせの扱いを書いています。
休む理由が分かると、読み手は予定を立て直しやすくなります。

お知らせから、カレンダーの日付を示す

お知らせの日付を押すと、カレンダーの該当する日を枠で示すようにしています。
文字の日付と、カレンダーの位置を結び付けられます。

凡例に、すべての印の意味をまとめる

定休日・短縮営業・臨時休業・今日の印を、カレンダーの下の凡例にまとめています。
SPではお知らせをカレンダーの下に回しています。

制作時のよくある失敗

臨時休業を、定休日と同じ見た目にする

臨時休業を定休日と同じ印にすると、いつもの休みだと思われ、理由を読まれません。
印と模様を分けます。

臨時休業の理由を、どこにも書かない

理由が分からないと、読み手はほかの日も休むのではないかと不安になります。
短くても理由と、休業中の問い合わせの扱いを書きます。

過ぎた臨時休業のお知らせが、残り続ける

終わった臨時休業のお知らせが残ると、今も休業中のように見えます。
日付が過ぎたら、お知らせから外します。

サイトだけを更新して、ほかの情報を直さない

サイトのカレンダーだけを更新し、Googleビジネスプロフィールなどの営業時間を直さないと、情報が食い違います。
臨時休業を決めたら、両方を更新します。

よくある質問

臨時休業は、お知らせの記事でも出したほうがよいですか?

急な休業や長い休業は、お知らせの記事でも出すと、トップページや検索からも気づいてもらいやすくなります。
カレンダーには、その日付と短い理由を示します。

臨時休業が決まったら、どこを更新すればよいですか?

サイトのカレンダーとお知らせに加えて、Googleビジネスプロフィールの特別営業時間なども更新しておくと、検索や地図の情報と食い違わずに済みます。

短縮営業の日も、臨時休業と同じように示せばよいですか?

休みではないため、臨時休業とは別の印にします。
何時まで営業するかを、凡例かお知らせに書きます。

関連ページ

この型をシェアする

チームや制作先に、この型のページを送れます。

この型は役に立ちましたか?

このPatternを書いた人

岡野 優太

株式会社ENVY DESIGN

代表取締役/ディレクター/デザイナー

Web業界歴14年。これまでに500件以上のWeb制作プロジェクトに携わり、企業サイト、採用サイト、ECサイトなど幅広い領域を手がけてきました。情報設計・ディレクション・デザインを中心に、Webサイトの企画から改善まで携わっています。近年はAIO(AI Optimization)・GEO領域に注力し、ChatGPTやPerplexity、Google AI Overviewなど生成AI検索からの引用獲得を支援しています。

レビュー・修正の履歴

  1. 公開 アバター画像岡野 優太 この型を公開