Works
思いを音楽に乗せて
穴見めぐみ 作曲家・ピアニスト
Website
concept
作曲家・ピアニストのWebサイトを作成しました。最新の活動内容とプロフィール、過去の活動履歴をシンプルに、わかりやすく紹介できるページを、とご要望がありました。最新情報や活動歴、ディスコグラフィのセクションを作成したり、Twitterと連携させるなど、工夫しました。スマートフォンからの閲覧が多いことを想定し、レスポンシブにも対応しています。
design
ひたむきに、純粋に音楽に取り組んできた姿勢はシンプルな美しさで表現しようと思い、フォントはセリフ体を使用しました。NPO法人のチャリティなど、幅広い層の人々にも見ていただくために、英語表記も取り入れつつわかりやすく日本語がしっかりと読めるメニュー作りを心がけました。落ち着いた高級感を表現するため、色味を抑えたインテリアをイメージした配色にしました。
- ＃352E2B
- ＃E3E6E1
- ＃918879
- ＃AEAFAF
- ＃C7B5A8
contents
ヒーローエリアの画像は、2種類をアニメーションで切り替えながら表示しています。
最新のスケジュールを紹介するセクションでは、Twitter連携画面を設置し、ご本人からのより新しい情報が伝えられるようにしました。
プロフィール紹介のセクションでは、映画の公式サイトやCD販売のページへリンクを貼って、様々な情報へアクセスしやすく工夫しました。
お問い合わせフォームを実装し、フッターからも情報にアクセスできるようナビゲーションを実装しました。
今後のスケジュールの詳細や、過去の公演の情報を掲載する下層ページを作成しました。過去の情報は、今後掲載する情報が増えていくことを考え、年毎にタブメニューで切り替えて表示できるよう実装しました。
販売されているCDやDVD情報を掲載するディスコグラフィのセクションでは、基本的な情報を掲載し、販売ページもスムーズに移動できるよう工夫しました。
メディアで取り上げられた情報や、演奏の動画を紹介するセクションを作成しました。これまでの活動歴が詳しく伝わるよう工夫しました。
data
- 制作範囲 企画・サイト設計・デザイン・コーディング
- 制作期間 2023年2月〜 約1か月半
-
使用ツール
Figma(デザイン),
Visual Studio Code(コーディング） - 使用言語 HTML, CSS, JavaScript
- url https://www.megumi-anami.com/
