Sota Hasegawa Portfolio

オフィシャルサイト制作

シンガーソングライターとして活動する、Pei Chan様のオフィシャルサイトを制作させていただきました。

サイトリンク : https://peichan-official.jp/

情報設計: トップページでどんなコンテンツがあるかを一通り確認でき、下層ページで詳細を閲覧できる設計にしました。流動性の高いニュースやライブ情報から目に入るような設計にすることで、ファンになった視聴者がすぐに情報を得られるようにしました。そこから曲、MVなど視聴閲覧ができるコンテンツでミュージシャンの肝である楽曲を知ってもらい、興味を持った視聴者にプロフィールから本人のパーソナリティを知ってもらうという流れで設計しました。

デザインについて: 全体的に白い背景に太いフォントや線を用いたレイアウトをすることでパキッと引き締まった力強さを表現したり、見出しにグラデーションの線をあしらうことで、ご本人の持つ太陽のように明るく勢いのある雰囲気を感じてもらえることを目指しました。スマートフォンからの訪問が多く想定されるため、スマートフォン版でのレイアウトを前提にPC版をデザインしました。 MVではインパクトのある表現で興味を引くため、切り抜きの写真とグラデーションカラーのテキストをループスライダーとして、画面いっぱいにレイアウトしました。他のミュージシャンのサイトにはあまりない動きのある表現を目指しました。 LIVEは告知感を意識しました。日付のフォントサイズを強調することで、より期待感のある情報の表現としてNEWSコンテンツとの差別化を図りました。 VIDEOは唯一サイト内で視聴できるコンテンツのため、背景色を黒に変えることで他のコンテンツと雰囲気を変え、さらにクリックすることでモーダルに動画が浮かび上がり、視聴者が自然と動画の世界に入り込めるよう設計しました。

Works