Lançamos o site da Hatt

Publicamos o site pessoal Site da Hatt, que reúne as atividades criativas da Hatt em um só lugar.

O site funciona como uma entrada para ilustrações, romances e criação de avatares e gimmicks para VRChat. Também o adicionamos à página de trabalhos da Acecore como um caso de produção de site e implementação de CMS.

Contexto

A Hatt atua em várias atividades criativas, incluindo ilustração, romances e produção de avatares e gimmicks 3D para VRChat.

Ao mesmo tempo, as entradas estavam divididas entre blog, sites externos de publicação, BOOTH, YouTube, X e outros canais. As obras e os canais já existiam, mas uma pessoa que visitasse pela primeira vez não conseguiria entender rapidamente o que a Hatt cria e por onde começar.

Neste projeto, portanto, não colocamos todas as obras em uma única página. Projetamos o site como um hub que mostra a visão geral das atividades.

Três atividades na página inicial

A página inicial organiza as atividades da Hatt em três áreas.

• Ilustração: um lugar para manter ideias de personagens e notas de mundo como artigos e obras
• Romances: uma entrada para histórias publicadas em sites externos e registros em torno da criação
• Modelagem: apresentação de avatares, gimmicks e acessórios para VRChat

A estrutura primeiro comunica que tipo de criadora é a Hatt e depois conduz para blog, obras de modelagem, perfil e links externos. Em um site pessoal, a classificação das atividades e o desenho das rotas de navegação são tão importantes quanto a impressão visual.

Um site estático que continua crescendo

Usamos Astro, TypeScript, UnoCSS, Sveltia CMS e Pagefind na construção.

Com Astro, o site é publicado como estático, garantindo velocidade e manutenção simples. O blog e as informações de obras podem ser editados pelo CMS, facilitando a publicação contínua sem editar código a cada atualização.

Também adicionamos Pagefind para busca interna. Mesmo que artigos e obras aumentem, visitantes podem encontrar o que procuram por palavras-chave.

A abordagem de SEO e OGP em sites Astro também é explicada em Guia de melhoria de SEO: implementação de dados estruturados e OGP em um site Astro.

Conectar atividades externas sem separar tudo

As atividades da Hatt não se encerram dentro do site. Sites de publicação de romances, BOOTH, YouTube e X são canais adequados para diferentes tipos de obras.

Por isso, a homepage não substitui esses serviços. Ela funciona como uma porta de entrada que os conecta. Na página de modelagem, por exemplo, é fácil seguir para avatares e gimmicks publicados no BOOTH, além de encontrar links para YouTube e X.

Em sites pessoais e portfólios, muitas vezes é mais eficiente criar caminhos claros entre contas existentes do que tentar integrar tudo em uma única plataforma.

Também publicado como trabalho

Adicionamos o projeto à página de trabalhos e portfólio da Acecore como “Produção do site da Hatt”.

Esta produção não foi apenas publicar páginas. Ela incluiu organização das atividades criativas, atualização via CMS, busca, OGP, sitemap e desenho de links externos. Mesmo em um site pessoal pequeno, preparar uma estrutura que possa crescer após a publicação aumenta o valor quando novas obras e artigos forem adicionados.

Para conversar sobre produção web, veja Produção e operação de sites ou entre em contato por Contato.

Resumo

O site da Hatt foi publicado como a entrada para ilustrações, romances e criação de avatares e gimmicks para VRChat.

A Acecore cria sites pessoais, portfólios e sites comerciais de acordo com cada objetivo. Se você quer apoio desde a organização do conteúdo até CMS, busca, SEO e operação após a publicação, fale conosco por Produção e operação de sites ou Contato.