Works

ALTHER 音楽アーティスト

Altherメインビジュアル https://haruta-dsgn.jp/alther/
担当範囲
  • ブランド設計
  • コンセプト設計
  • サイト構成
  • サイトデザイン
  • コーディング一式
  • (HTML・CSS・JavaScript)
使用ツール
  • Figma
  • Adobe Photoshop
  • VSCode
制作期間
  • ブランディング:2〜4週間
  • デザイン:2〜3週間
  • コーディング:3〜4週間
  • ※実案件の場合、
    やり取りの回数により前後します。
想定費用
  • 企画・構成:約3万円
  • デザイン:約13万円
  • HTML:約5万円
  • CSS:約4万円
  • JavaScript:約4万円
  • その他作業:約1万円
  • 合計費用:30万円
制作メモ

本作品はポートフォリオ用の架空案件として制作しました。

「そのアーティストの音楽性に直感的に触れられるサイト」をコンセプトに、全体の構成とデザインを設計しています。

メインビジュアルにはアーティストの集大成であるアルバムジャケットを大きく配置し、ワンタッチで実際の音源が聴けるシンプルなUIを採用しました。
トップページのみで、アーティストの世界観を体感できることを意識したサイト構成にしています。