● WORKS — N°02
Flute Player
Official Site
実在するフルート奏者・永田梨沙様のオフィシャルサイト。
チーム6名で制作し、デザインとコーディングの両面を担当しました。
— 01
Overview概要
- Role
- Design & Code
- Year
- 2025
- Tools
- Figma / VS Code
- Team
- 6 Members
- Hours
- Design 10h / Code 14h
- Category
- Artist Website
— 02
The Brief案件の要件
Target
フルートやオーケストラが好きな30〜60代の男女。既存ファン(50代男性)と、新たにアプローチしたい女性層の2軸でペルソナを設計。
Goal
「永田梨沙」で検索した時、人物像や活動が一目でわかるオフィシャルサイト。上品でわかりやすく、音楽のように心地よい体験を目指す。
— 03
Design Approachデザイン方針
既存顧客である30〜60代男性が安心して訪れられる落ち着いた雰囲気をベースに、女性にも親しみを感じてもらえるよう柔らかさをプラス。
シンプルで余白を活かしたレイアウトとすることで、読みやすさと上品さを両立。要素を詰め込みすぎず、音楽の響きが広がるような「空間」を意識しました。
サイト全体を締めくくるフッターには五線譜をあしらい、音楽家としてのアイデンティティをさりげなく表現。訪問者の記憶に残るデザインに仕上げています。
— 04
My Contribution担当範囲
-
01
メインビジュアル
サイトの第一印象を決めるメインビジュアルをデザイン。静けさと存在感を両立。
-
02
トップページ / ヘッダー / フッター / ハンバーガー
全体構成、ナビゲーション、フッターの五線譜モチーフまで一貫してデザイン。
-
03
コンタクトページ
フォーム設計と情報設計。問い合わせしやすい余白設計とトンマナの統一。
-
04
トップページのコーディング
デザインの意図をそのまま体感できるよう、アニメーションと余白のリズムを意識して実装。
— 05
Result成果
チーム制作を通じて、実際のクライアントワークを想定した進行管理とデザイン共有を経験しました。トーンや構成が統一されたサイトを、メンバーと連携しながら完成させています。
Live Site 永田梨沙 Official Site