WORKS — N°02

Flute Player
Official Site

WEB Design & Code Team Work

実在するフルート奏者・永田梨沙様のオフィシャルサイト。
チーム6名で制作し、デザインとコーディングの両面を担当しました。

View Live Site
フルート奏者オフィシャルサイトのPCデザイン
Desktop — Scroll to explore
フルート奏者オフィシャルサイトのモバイルデザイン
Mobile

— 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