喫茶ぷかり

架空の喫茶店のWebサイト

※ ポートフォリオ用に制作した架空の店舗です。掲載写真はイメージです。

概要

季節のパフェとクリームソーダが看板の、レトロな喫茶店のWebサイトです。企画・設計・デザイン・実装まで担当しました。

SNSで話題になったものの、営業時間や場所、限定メニューの情報が投稿に埋もれてしまい、「行ったら休みだった」「満席だった」ということが起きている、という状況を想定しました。

SNSのプロフィールから訪れた人の「受け皿」になるサイトにしました。スマホで開いてすぐに「今行って大丈夫か」がわかることを最優先にしています。

今行って大丈夫かが、ひと目でわかる

ページを開いた最初の画面に、現在時刻・本日の営業時間・営業状態・空き状況をまとめて表示しています。定休日や閉店後には、臨時休業も考慮して「次の営業日」を自動で表示します。時刻はどの国から見ても日本時間で表示します。空き状況は時間帯によって変わるデモ表示で、あとから実際の店舗のデータに差し替えられる形で作っています。
店名の「ぷかり」を、デザインと動きで表現

クリームソーダの泡が浮かび上がる演出や、スクロールに合わせて写真がふわっと現れる動きで、店名の世界観を表現しました。
更新しやすい作り

メニュー・お知らせ・臨時休業日はデータとして管理しているので、文章を書き換えるだけでサイトに反映されます。過ぎた臨時休業日は自動で表示されなくなります。