【制作実績】シロハル様｜2周年Webパンフレット・デジタル記念誌制作

音楽ユニット「シロハル」様の結成2周年を記念した、Webパンフレットを制作させていただきました。

お二人のこれまでの歩み、音楽作品、書籍、楽曲制作を通して生まれたご縁を、一つの物語としてたどれる「デジタル記念誌」です。

紙のパンフレットで表現された世界観を大切にしながら、パソコンとスマートフォンのどちらからでも読み進めやすいWebページへ再構成しました。

概要

項目	内容
お客様	音楽ユニット「シロハル」様
制作物	結成2周年記念Webパンフレット
主な目的	2年間の歩み・作品・ご縁をデジタル記念誌として残す
制作方法	HTML / CSS / JavaScript
対応範囲	情報整理、構成、デザイン、レスポンシブ実装、画像調整、リンク設定、OGP画像制作
対応端末	パソコン・タブレット・スマートフォン
サイトURL	https://shiroharu.com/2nd-anniversary/

ご相談いただいた背景

シロハル様は、結成から2年間で、音楽、文学、映像、書籍、企業や個人の物語から生まれた楽曲制作など、幅広い活動を重ねてこられました。

今回の制作では、二人それぞれの歩み、数多くの作品、制作をご依頼くださった皆さま、活動を支えてくださった皆さまへの感謝まで、多くの情報を一つのページにまとめる必要がありました。

情報を単に並べるのではなく、ページを上から読み進めることで「二人の物語」「作品から生まれたご縁」「これからの歩み」が自然につながる構成です。

制作したWebパンフレット

メインビジュアルでは、深いネイビー、夜明けの金色、桜、星、月、紫陽花など、紙のパンフレットと共通するモチーフを使用しました。

見出しや開催情報はHTMLテキストとして実装し、読みやすさにも配慮しています。

紙のパンフレットを、そのまま縮小しないWeb設計

紙とWebでは、画面の比率や読み方が異なります。紙面の世界観を尊重しながら、章の順番、余白、文字サイズ、画像と文章の配置をWeb用に調整しました。

スマートフォンでは文字を極端に小さくせず、縦方向に自然に読み進められる配置へ変更。目次、外部リンク、動画へのボタンなど、Webならではの導線も加えています。

制作のポイント

• 膨大な情報を一つの物語として整理
  活動履歴、楽曲、書籍、クライアント作品、関係者の声を、2年間の歩みとして順番に構成しました。
• シロハルらしい世界観を表現
  夜明けへ向かう空、花、星、金色の円弧を用い、静かで温かな作品世界をWeb上でも表現しました。
• 端末ごとにレイアウトを調整
  人物とロゴの重なり、文字切れ、画像比率、ボタンの押しやすさを画面幅ごとに確認しました。
• 作品へつながる導線を整備
  YouTube、公式サイト、書籍購入先などへのリンクを設け、紹介された作品へそのまま進める構成にしました。

お客様評価　（5／5）

Webパンフレットの完成後、シロハルのHikari様よりご感想をいただきました。

ライブ特設ページとの連携

シロハル様の2周年記念では、Webパンフレットのほか、ライブ情報やチケット申込みを案内する「2nd Anniversary LIVE特設ページ」も制作しています。

ライブ特設ページは申込みまでの導線、Webパンフレットは2年間の歩みを残すことを中心に、それぞれ役割を分けて制作しました。

まとめ：シロハル様｜2周年記念Webパンフレット制作

周年記念のWebページは、イベント情報を告知するだけでなく、これまでの歩みや作品、支えてくださった方々とのご縁を長く残せる場所にもなります。

写真や文章、活動履歴など、掲載したい情報がまだ整理できていない段階でも、ヒアリングをしながら必要な内容と見せ方をご提案します。

周年記念の物語を、Webに残しませんか？