Tami Official Website

トップ画像

Type:Website

Creation Date:2024.07

シンガーソングライターのTamiのwebサイトを作成しました。活動情報や、SNS情報など全て確認ができるサイトを作成しました。

ターゲット
Tamiのファン、10~20代のSNSを使用している若者世代々
目的
ライブや情報を確認でき、Tamiについて興味を持って貰えるサイト
情報設計
気になった人がすぐにSNSアカウントに飛べるよう、PC版では、ホームのトップにアイコンを並べ、モバイル版はスクロールしても動かないよう左側に固定し目立つようにしました。直近のライブ情報がすぐに分かるようEVENTとは別にページのトップに載せ目立つようにしています。企業のサイトほど堅苦しいイメージを与えないために、アニメーションを多く使用しています。
デザイン
サイトの配色はグッズなどの配色によく使用されているイメージカラーを使用し、白やグレーを使用しています。配色やアーティストの雰囲気に合わせてフォントは角の部分が鋭く尖っているFutura PTを使用することで、かっこいい雰囲気に仕上げました。 ベンチマーク企業としてこの二つを参考にしました。
素材
グッズやロゴのイラスト、アーティストの宣材写真
  • saiyousozai1
  • saiyousozai2
  • saiyousozai3
  • #7A7A7A

  • #333333

  • #C577EF

制作期間
  • 企画・ワイヤーフレーム:3日
  • デザイン:1週間
  • コーディング:3週間
使用ツール
Photoshop、Dreamweaver
使用フォント
游ゴシック体、Futura PT
  • saiyousozai1
  • saiyousozai2
デザインカンプpc
デザインカンプmb