prhythme

本ポートフォリオサイトです。本サイトはデザインの設計から構築まで、すべて一人で手がけています。

"prism", "rhythm", "me" 3つのキーワードから着想を得て、私が提供する価値によってお客様を彩るイメージをデザインに落とし込みました。
モチーフには、プリズムを象徴する三角形や光をイメージした矩形を用い、親しみやすく柔らかな印象のデザインを目指しています。

トップページのオブジェクトには、クリック（タップ）によってワイヤーフレーム表示が切り替わる仕掛けを施しています。

リニューアル前

Next.js と styled-components を用いて開発を行い、メインビジュアルは Three.js （react-three-fiber）を用いていました。
コンテンツ管理には microCMS を使用し、ページのトランジションには Framer Motion を利用していました。

リニューアル後

リニューアル後は Astro を採用しました。
メインビジュアルには引き続き Three.js、コンテンツ管理には microCMS、お問い合わせフォームには SSGform を使用しています。