Client Work
9HzBOLT Portfolio Website
I created a portfolio website for 9HzBOLT, a creator specializing in video production and music production.
- Client
- 9HzBOLT
- Role
- Information Architecture ,UI/UX Design .Web Design .Front-End Development
- Duration
- 2026.07（5日）
- Tools
- Figma, Codex（HTML, CSS, JavaScript, PHP, SQLite）
The website’s visual identity and interactions were designed around the bolt—a motif that symbolizes the artist. The works page features a three-dimensional structure built around a central bolt, allowing visitors to rotate through the projects by scrolling or dragging. Combined with industrial typography and motion effects, this creates an immersive experience that reflects the artist’s identity while presenting each project in an engaging and intuitive way.
For easier content management, a custom CMS was developed so that projects can be added, edited, and reordered without technical expertise. Uploaded images are also automatically resized and converted to WebP, reducing the workload involved in updating the website while improving loading performance.
AIO and SEO measures—including structured data and an `llms.txt` file—were implemented to help both search engines and generative AI systems accurately understand the website’s content. Security measures such as input validation and admin panel protection were also introduced. In addition, the website was designed with accessibility and performance in mind, supporting keyboard navigation and screen readers while using techniques such as lazy loading for images and videos.
The result is a portfolio website designed not only for visual impact, but also for long-term usability, security, performance, and discoverability.
Visit website ↗ For easier content management, a custom CMS was developed so that projects can be added, edited, and reordered without technical expertise. Uploaded images are also automatically resized and converted to WebP, reducing the workload involved in updating the website while improving loading performance.
AIO and SEO measures—including structured data and an `llms.txt` file—were implemented to help both search engines and generative AI systems accurately understand the website’s content. Security measures such as input validation and admin panel protection were also introduced. In addition, the website was designed with accessibility and performance in mind, supporting keyboard navigation and screen readers while using techniques such as lazy loading for images and videos.
The result is a portfolio website designed not only for visual impact, but also for long-term usability, security, performance, and discoverability.
