ザラザラの背景

{ Website - 自主制作 }

Sing Joy

メインビジュアルのpcとスマホそれぞれのモックアップが横に並んだ画像

概要

架空のカラオケ館「SingJoy」のサイトを製作しました。

目的

  • - 利用者の満足度向上

ターゲット

  • - 年齢層: 15歳~30歳
  • - 性別: 男女
  • - 趣味: 音楽、歌うこと、SNSでの交流
  • - ライフスタイル: 学生、若手社会人、カラオケ愛好者、ソーシャルメディアユーザー、トレンドに敏感

情報設計

ユーザーが直感的に目的の情報にアクセスできるように、ヘッダーには店舗検索を配置し、どのページからでもすぐに店舗を探せるように工夫しています。メインビジュアルのキャンペーンバナーでユーザーの関心を引き、新着情報で最新のイベントや重要な情報を届けます。キャンペーンやクーポンでお得感をアピールし、アプリの案内を通じてリピーターを促すように設計しました。

デザイン

多彩なカラーを使ったステッカーを散りばめ活気のある雰囲気を表現し、店舗を利用して楽しんでいる姿を想像できるように意識しました。シンプルさをベースにしながら装飾で遊び心を加え、エネルギッシュで親しみやすい印象を演出しています。

カラーパレット サイトのスクリーンショットが並んだ画像

製作範囲・期間

  • 2024/7 - 2024/9 (1.5ヶ月)
  • 企画・構成・デザイン:2024/7 - 2024/9 (1.5ヶ月)

使用ツール

photoshop / illustrator / figma

制作詳細

ポートフォリオ内に収めきれなかった情報をNotionにて補足しています。
Notion : https://ebony-crustacean-4f0.notion.site/Sing-Joy-6aa1bac1f9b442bd9dafcfed216e35cf

サイト全体のスクリーンショット。pc版 サイト全体のスクリーンショット。スマホ版

OtherWork