ウェブサービス / 飲食スタッフのSNS
Staffy
飲食で働く人だけの、
短い文章のSNS。
架空の運営会社を題材にした、飲食サービス業で働く人に絞った短文SNSです。厨房の夜を思わせる黒緑の画面に実際の投稿を並べ、仕事の工夫を交換する場に、審査を通った資格のバッジと求人・応募を重ねました。個人・店舗・運営の三者を、名札を押すだけで切り替えて試せます。
作品を開く架空の運営会社を題材にした自主制作です。課金や通知は模擬で、実際の応募・スカウト・請求は発生しません。
職種と資格を、
プロフィールに載せる。
ホール、キッチン、製菓、バリスタ。飲食で働く人だけに利用者を絞り、仕事の工夫や段取りを短い文章で交換する場にしました。持ち場のタグで投稿を絞り込めます。
プロフィールには調理師免許などの資格を、運営の審査を通ったものだけバッジとして表示します。応募のときにもその認証済みの資格が並ぶので、投稿から仕事へのつながりが途切れません。
厨房の夜に、
黄色の名札を1つ。
厨房を思わせる黒緑の地に、黄色をボタンと選択中の印だけに使い、リンクにはガスの青火の色を当てました。見出しは丸みのある太い字で組み、投稿の本文は読みやすいゴシックにしています。
ヘッダーの左上にはロゴを置き、個人・店舗・運営のどれかを選ぶと、その右に今の自分の名札が出ます。名前と立場が常に見えます。ナビは中央のアイコンの並びにして、左のメニューは持たない構成にしています。
求人は条件で絞り、
応募は右のシートで。
求人一覧は地域・給与の種類と上下限・資格などの条件を左に置き、写真つきの行を右に並べます。詳細から「この求人に応募する」を押すと右からシートが開き、認証済みの資格、店舗へのメッセージ、共有するプロフィールの項目を選べます。
タイムラインは中央の1列で、右に「いま話題」のタグを置きました。名札を押すと個人・店舗・運営の体験に切り替わり、店舗ではスカウトや応募者の確認、運営では資格の審査まで試せます。応募・採用・スカウトの費用は記録されるだけで、実際の請求や送金は行いません。
狭い画面では、
名札と投稿を残す。
スマートフォンでは名札、ログイン、通知、投稿の丸ボタンを1行のヘッダーに残し、その下に見出しと登録ボタン、実際の投稿を縦に積みます。枠の色で強調した最初の投稿から、そのまま読み始められます。
制作情報
- 種別
- 自主制作・架空サービス
- 制作範囲
- 企画・設計・デザイン・実装
- 使用技術
- TypeScript / Vite
Node.js / SQLite - 対応画面
- PC・タブレット・スマートフォン