We Launched Hatt’s Homepage

We launched the personal site Hatt’s Homepage, which brings Hatt’s creative activity together in one place.

The site serves as a homepage for artwork, novels, and VRChat avatar and gimmick creation. We also added it to Acecore’s works page as a website production and CMS implementation case study.

Background

Hatt creates across multiple areas, including artwork, novels, and 3D avatar and gimmick production for VRChat.

At the same time, the entry points were spread across a blog, external posting sites, BOOTH, YouTube, X, and other places. The work and publishing channels already existed, but first-time visitors could not quickly understand what Hatt creates or where they should start.

For this project, we did not try to cram every work into a single page. Instead, we designed the site as a hub that shows the overall shape of Hatt’s activity.

Showing Three Activities on the Homepage

The homepage organizes Hatt’s activity into three areas.

• Art: a place to keep character ideas and worldbuilding notes as posts and works
• Novels: an entry point for stories published on external posting sites and notes around the creative process
• Modeling: introductions to VRChat avatars, gimmicks, and accessories

The structure first communicates what kind of creator Hatt is, then guides visitors toward blog posts, modeling works, profile information, and external links. For a personal site, the categorization of activity and the navigation design matter as much as the first visual impression.

A Static Site That Can Keep Growing

The site is built with Astro, TypeScript, UnoCSS, Sveltia CMS, and Pagefind.

Astro lets the site ship as a fast, maintainable static site. Blog posts and work information can be edited from the CMS, making it easier to keep publishing without touching code every time.

We also added Pagefind for site search. As posts and works grow, visitors can still reach the information they need by keyword.

The way we think about SEO and OGP for Astro sites is also covered in SEO Improvement Guide: Implementing Structured Data and OGP on Your Astro Site.

Keeping External Activity Connected

Hatt’s activity does not live only inside the site. Novels, BOOTH items, YouTube videos, and X posts each have their own suitable publishing channels.

For that reason, the homepage does not replace those services. It connects them as the front door. For example, the modeling page makes it easy to move to avatars and gimmicks published on BOOTH, and it also organizes links to YouTube and X.

For personal sites and portfolio sites, it is often more effective to create clear paths between existing accounts than to force everything into one platform.

Added as a Case Study

We also added this project to Acecore’s works and portfolio page as “Hatt Homepage Production.”

This work was not just about publishing pages. It included organizing creative activity, CMS editing, search, OGP, sitemap support, and external-link design. Even for a small personal site, preparing a structure that can grow after launch increases the value of future works and posts.

For how to plan a website project, see Website Production and Operation or contact us from Contact.

Summary

Hatt’s Homepage is now live as the entry point for artwork, novels, and VRChat avatar and gimmick creation.

Acecore builds personal sites, portfolio sites, and business sites matched to each goal. If you want support from organizing content through CMS, search, SEO, and post-launch operation, contact us from Website Production and Operation or Contact.