Fox Studio
Project Overview
Created as a personal portfolio. Built with a fairly modern stack to showcase work as an engineer and director.
The site was designed around a "Grid" theme; the main visual features a grid of blocks that animate.
Technology Stack & Front-end Implementation
The front end is built with Nuxt 4. To achieve a modern feel we integrated Lenis for smooth scrolling and GSAP for animations.
- Nuxt4 / Vue3
- GSAP / Lenis
- Three.js
- ESLint / Markuplint
- Multilingual support (Japanese / English)
- Theme color switching (Light / Dark)
- PWA
- AWS (S3 / CloudFront / Lambda)
- Git (CI/CD)
- GA4 / GTM
- Figma
Content Management
Project pages are managed in a markdown-based workflow to simplify content updates.
- Centralized management using Markdown + frontmatter
- Templates for creating new pages
- Reduced manual work through automatic routing