<design/><coding/><vite/>

「PORTFOLIO」サイト

ポートフォリオサイトのデザインからコーディングまで担当しました。
デザインコンセプトは、ポートフォリオ全体をエディターのようなUIに見立て、これまでコーディングを中心に取り組んできた自身のキャリアを表現しています。
コーディングではViteを用いて開発環境を構築し、WORKSコンテンツをJSON形式で管理することで、更新のしやすさや運用効率を考慮した構成で実装しました。
また、コンポーネント単位での設計や再利用性を意識することで、保守性と拡張性の高い構成としています。
最終的には静的ファイルとしてビルドすることで、表示速度と運用効率の両立を図っています。

• 使用ツール

  html, SCSS, Javascript, Vite, Figma

• リンク

  https://yanagi-portfolio.com/