Chisa's Website

ウクレレ奏者「ちさ」様の個人サイト

View Website 詳しく

ABOUT

概要
ウクレレ奏者「ちさ」様の個人サイト
制作期間
約2週間
制作時期
2024年10月~11月
使用ツール
VS Code/Adobe Photoshop/Figma
使用言語
HTML/CSS/JavaScript(jQuery)

依頼者様について

「パワー系ウクレレ奏者」として、J-POPをはじめ、ゲーム・映画音楽、オリジナル曲などの演奏・弾き語りをされています。

関西を拠点とし、主に「spoon」「WAVE」といった配信アプリにて活動されているほか、イラストなどもご自身で手掛けられています。

サイトについてのご要望(想定)

  • プロフィールや連絡先などが掲載されている、名刺代わりのようなサイトにしたい。
  • 配信アプリ上で演奏のリクエストを受け付ける際、曲目を一覧で見られるページがあるとよい。
  • noteやYouTubeなどのサービスを多数利用しているので、各ページへのリンク集として使用したい。

POINT

「パワー」をキーワードに

ご自身を表すキーワードとして「パワー」があり、そこからメインカラー(赤茶色)を決定しました。

なおMusic Listページのタブは、コントラストがつきすぎないよう、淡めの赤茶色を使用しています。

ご自身の作品を取り入れて

ご自身で作成されたイラストやアイコンを使用したいとのご要望を受け、ページ内やナビゲーションに使用しています。

また見出しなどはアイコンのテイストに合わせてドット絵風のフォントを使用しています。

スマホ閲覧を念頭に置いたデザイン

制作前にヒアリングを行わせていただいたところ、サイトの閲覧環境については「配信アプリをきっかけにサイトに訪問する人が多いと想定しているため、ほとんどがスマホからの閲覧だと考えられる」とのことでした。

それを受けて、スマホで閲覧・操作しやすいことを重視してデザインを行いました(ハンバーガーメニューの採用、リンクボタンを指でタップしやすい大きさにするなど)。