概要

知人のオリジナルバンド「BOOBY BOYS」の公式Webサイトを制作しました。

目的

バイオグラフィーやライブ情報などを集約し、最終的にYouTubeの視聴・登録へ誘導すること。

課題

各情報が分散しており、ファンの活動状況や作品履歴を一括で把握できる場所がない状態の解消。

制作範囲

企画 / デザイン / 写真撮影 / 動画制作 / コーディング（SVGアニメーション実装） / WordPressオリジナルテーマ化

ツール

Figma , Illustrator , Photoshop , HTML , CSS , JavaScript , jQuery , WordPress

こだわったポイント

デザインカンプの制作からWordPressを用いたオリジナルテーマの開発まで、一貫したワークフローで対応しました。 これにより、デザインの意図を正確にコーディングに反映させるだけでなく、納品後にお客様ご自身で定期的な更新が行える運用性の高いサイトを実現しています。
演出面では、ファーストビューにバンドの躍動感が伝わる動画（GIF）を採用し、一気に世界観へ引き込む工夫をしました。 また、アクセントとなる筆記体の見出しには、手書きのようなSVGアニメーションを実装しています。フォントのニュアンスを活かした自然な動きにこだわり、サイト全体の質感を高める重要な要素として仕上げました。

デザインのポイント