【ホームページ】iki音楽教室様

概要	iki音楽教室さま　ホームページ
内容	ホームページ
URL	https://iki-music.jp/
担当範囲	デザイン
制作ツール	Figma

プロジェクト概要

iki音楽教室様のホームページリニューアルに伴い、ホームページのデザインを担当させていただきました。子どもから大人まで、初心者でもプロの演奏家に習える音楽教室として、幅広い層に安心感と楽しさが伝わるサイトを目指して制作しました。

デザイン制作意図

老若男女さまざまな方が通われる教室であるため、ロゴカラーをベースに明るさと楽しさが伝わるデザインを意識しました。黄色を基調としたメインカラーに水色をアクセントとして加え、賑やかさの中にも落ち着いた安心感が感じられるよう配色を調整しています。

イラストレーターさんが描き下ろしたイラストが映えるよう、あしらいには丸みとやわらかさを持たせ全体のトーンを統一しました。講師検索画面などのUIも担当し、使いやすさと視認性を両立した設計にしています。

実装に関して

Figmaにてデザインを制作し、アニメーションやホバー時の動きも細かく指定してコーダーに共有しました。動きの仕様まで含めてデザインカンプに落とし込み、意図した表現がそのまま実装に反映されるよう連携しています。