01
情報の優先順位
TOPページに直近1週間分のイベントを表示し、来店前にスケジュールをすぐ確認できる構成にしました。
料金・アクセス情報にも自然に進めるよう、情報の優先順位を整理しています。
WEB DESIGN / GRAPHIC / MOTION
PROJECT OVERVIEW
名古屋・栄のクラブ「iDcafe」の認知拡大と来店促進を目的に、イベントプロモーションを中心にしたグラフィック、Web、映像を制作しました。
イベントごとの魅力を伝えながら、クラブならではのエネルギッシュな世界観を一貫したトーンで表現。告知から情報確認、来店までのブランド体験を総合的に設計しています。
01 BACKGROUND & DESIGN POINTS
BACKGROUND
店舗運営で感じた課題を、
制作によって改善する。
以前のスケジュール管理はWordPressではなく、
色指定の直接入力や画像登録ができないなど、
更新しづらい状態でした。
WordPress化にあわせてカスタムフィールドを設計し、
イベント日、出演者、画像、料金などを入力しやすく整理。
HTMLやCSSが分からない担当者でも更新できる構成にしました。
DESIGN POINTS
02
更新しやすい運用設計
以前はWordPress管理ではなく、更新時に直接入力が必要な項目もありました。
WordPress化にあわせてカスタムフィールドを設計し、イベント関係者が迷わず更新できる投稿画面にしました。
03
レスポンシブ設計
スマートフォンではカレンダー形式をやめ、縦に読みやすいスケジュール表示へ変更。
地図情報も追加し、スマホから地図アプリへ移動できる導線を用意しました。
02 WEB DESIGN
イベントの魅力と、来店に必要な情報をひとつに。
イベントスケジュールを中心に、料金システム、アクセス、営業情報へ迷わず進める構成にしました。
TOPページには直近1週間分のイベントを表示し、スマートフォンでは縮小されたカレンダー表示ではなく、縦に読み進められるスケジュール形式へ変更しました。
SCHEDULE MANAGEMENT
WordPress運用設計
更新頻度の高いイベント情報は、WordPressのカスタムフィールドで投稿しやすい形に改善。
イベント日、曜日、タイトル、出演者、画像、料金、フロア数などを入力項目として整理し、HTMLやCSSが分からないイベント関係者でも更新しやすい投稿画面にしました。
公開後に自動反映
03 GRAPHIC DESIGN
イベントごとに異なる世界観を、
一目で伝える。
出演者、イベント内容、ターゲットに合わせて、
多彩なビジュアルを制作。
SNSや店頭で短時間で内容が伝わるよう、
写真・日付・タイトルなどの優先順位を意識し
たデザインにしています。
SELECT POSTER
04 MOTION DESIGN
静止画の世界観を、短尺モーションへ展開
SNSでの告知を想定し、イベント内容をテンポよく伝える短尺モーションを制作。
静止画に動きや切り替えを加え、タイムライン上でも目に留まりやすい表現にしました。
05 BRAND TOOLS
店舗に必要な制作物を、媒体を横断して展開。
- メニュー
- 割引券
- 名刺
- ショップカード
06 EXPERIENCE
運営と制作、
両方の視点から考える。
店舗運営に携わりながら制作を行うことで、見た目だけでなく、現場で必要とされる情報や実際の運用まで考えてデザインしました。
Web、グラフィック、モーションを目的に合わせて組み合わせ、告知から情報確認、来店までが自然につながる設計を大切にしています。
告知
OPERATION
現場で必要な
情報を整理
情報確認
DESIGN
媒体ごとに
伝わる形へ展開
来店
PROMOTION
告知から来店までの
流れを設計
告知
情報確認
来店