tokiha公式サイト｜音楽・Web・文章をつなぐポートフォリオ

秋田を拠点に、音楽・Web・文章の制作を続けるtokihaの公式サイトです。活動紹介、制作実績、ブログ、お問い合わせを一つにまとめ、自分の作品と仕事を紹介する場所として制作しています。

音楽も、Webも、文章も伝わる構成

トップページは、イラストを使ったメインビジュアルから、プロフィール、Works、最新記事、お問い合わせへとつながる構成です。初めて訪れた方にも、どんな活動をしているのか、どんなものを作っているのかが順に伝わるようにしています。

Worksでは、楽曲やMV、音楽の練習に使えるアプリ、Webサイトなどを紹介しています。種別による絞り込みに対応し、各作品のページには概要、担当、制作年、本文、公開先へのリンクを掲載できます。

イラストと余白を生かしたデザイン

トップには、パソコンに向かって制作する姿のイラストと「あきたのフリーランス」の言葉を配置。WEBデザイナー・作曲家・文筆家という活動を、サイトの入口で伝えています。

作品一覧は画像を大きく見せるカード形式にし、本文は見出しと余白を使って読みやすく整理しました。スマートフォンとパソコン、それぞれの画面幅に合わせてレイアウトが変わります。

制作の記録を積み重ねるブログ

ブログでは、音楽やWeb制作の記録に加え、映画、本、秋田のことなどを発信しています。記事一覧、カテゴリー、タグ、検索を用意し、過去の記事にもたどり着けるようにしています。

フリー音源もWorksの一作品としてまとめ、曲の試聴、ダウンロード、利用規約を一つのページで確認できるようにしました。

更新とお問い合わせの仕組み

CMSにはEmDashを採用し、記事と制作実績を管理画面から更新できる構成にしています。フロントエンドはAstroで実装し、Cloudflare Workersで公開。コンテンツの保存にはD1、画像などのメディアにはR2を利用しています。

お問い合わせフォームとサービス案内も設け、作品を見た方が制作の相談へ進めるようにしました。作品の公開と日々の発信を続けながら、サイト自体も育てていきます。