Aller au contenu
Acecore
Sommaire
Nous avons lancé le site de Hatt

Principales sections du site de Hatt

Illustration

Un parcours pour conserver idées de personnages et notes d’univers sous forme d’articles et de travaux.

Romans

Une entrée vers les histoires publiées sur des sites externes et les notes autour de la création.

Modélisation

Relie les avatars, gimmicks et accessoires pour VRChat à BOOTH et YouTube.

Nous avons publié le site personnel Site de Hatt, qui rassemble les activités créatives de Hatt en un seul endroit.

Ce site sert de porte d’entrée pour les illustrations, les romans et la création d’avatars et de gimmicks pour VRChat. Nous l’avons également ajouté à la page travaux d’Acecore comme cas de création web et de mise en place de CMS.

Contexte

Hatt mène plusieurs activités créatives, dont l’illustration, les romans et la production d’avatars et de gimmicks 3D pour VRChat.

Cependant, les points d’entrée étaient répartis entre un blog, des sites de publication externes, BOOTH, YouTube, X et d’autres canaux. Les œuvres et les lieux de publication existaient déjà, mais une personne arrivant pour la première fois pouvait difficilement comprendre rapidement ce que Hatt crée et par où commencer.

Nous avons donc conçu le site non pas comme une page qui entasse toutes les œuvres, mais comme un hub qui montre l’ensemble de l’activité.

Trois activités visibles dès la page d’accueil

La page d’accueil organise les activités de Hatt en trois axes.

  • Illustration : un lieu pour conserver idées de personnages et notes d’univers comme articles et travaux
  • Romans : une entrée vers les histoires publiées sur des sites externes et les notes autour de la création
  • Modélisation : présentation d’avatars, gimmicks et accessoires pour VRChat

La structure commence par expliquer quel type de créateur est Hatt, puis guide vers le blog, les travaux de modélisation, le profil et les liens externes. Pour un site personnel, la classification des activités et la conception des parcours comptent autant que l’impression visuelle.

Un site statique qui peut continuer à grandir

La construction utilise Astro, TypeScript, UnoCSS, Sveltia CMS et Pagefind.

Astro permet de publier le site en statique, avec de bonnes performances et une maintenance simple. Les articles et les informations de travaux peuvent être modifiés depuis le CMS, ce qui facilite la publication continue sans modifier le code à chaque fois.

Nous avons aussi intégré Pagefind pour la recherche interne. Même lorsque le nombre d’articles et d’œuvres augmente, les visiteurs peuvent trouver l’information recherchée par mots-clés.

Notre approche du SEO et de l’OGP pour les sites Astro est aussi présentée dans Guide d’amélioration SEO : implémenter les données structurées et l’OGP sur un site Astro.

Connecter les espaces d’activité externes

Les activités de Hatt ne se limitent pas au site. Sites de publication de romans, BOOTH, YouTube et X ont chacun leur rôle selon les œuvres.

La page d’accueil ne remplace donc pas ces services. Elle les relie comme une porte d’entrée. Par exemple, la page de modélisation facilite l’accès aux avatars et gimmicks publiés sur BOOTH, tout en organisant les liens vers YouTube et X.

Pour les sites personnels et portfolios, il est souvent plus efficace de créer des parcours clairs entre les comptes existants que de tout forcer dans une seule plateforme.

Ajouté comme réalisation

Nous avons ajouté ce projet à la page travaux et portfolio d’Acecore sous le nom « Production du site de Hatt ».

Ce travail ne consistait pas seulement à publier des pages. Il comprenait l’organisation des activités créatives, l’édition via CMS, la recherche, l’OGP, le sitemap et la conception des liens externes. Même pour un petit site personnel, préparer une structure qui peut grandir après la publication augmente la valeur lorsque les œuvres et les articles s’accumulent.

Pour parler de création web, consultez Création et exploitation de sites web ou contactez-nous via Contact.

Résumé

Le site de Hatt est publié comme porte d’entrée pour les illustrations, les romans et la création d’avatars et de gimmicks pour VRChat.

Acecore crée des sites personnels, portfolios et sites d’entreprise adaptés à chaque objectif. Si vous souhaitez un accompagnement depuis l’organisation du contenu jusqu’au CMS, à la recherche, au SEO et à l’exploitation après publication, contactez-nous via Création et exploitation de sites web ou Contact.

Parcours organisés pendant la production

Organisation

Les activités ont été classées en illustration, romans et modélisation.

CMS

Les articles et les informations de travaux sont modifiables avec Sveltia CMS.

Recherche

Pagefind facilite la recherche d’articles et de travaux.

Liens externes

Les accès vers YouTube, X et BOOTH ont été organisés.

Questions fréquentes
Que peut-on voir sur le site de Hatt ?
Le site rassemble illustrations, romans, création d’avatars et de gimmicks pour VRChat, profil et liens vers les activités externes.
Avec quelles technologies le site est-il construit ?
C’est un site statique construit avec Astro, TypeScript, UnoCSS, Sveltia CMS et Pagefind.
Acecore peut-il aussi accompagner des sites personnels ou portfolios ?
Oui. Nous pouvons accompagner l’organisation des activités, le design, le CMS, la recherche, le SEO et les parcours de mise à jour après publication.

Commentaires

Chargement des commentaires...

Les liens, e-mails et textes promotionnels ne peuvent pas être publiés.

G

Gui

PDG d'Acecore. Pilote les systèmes métier, le web, les bases de données et l'infrastructure, la qualité et l'adoption de l'IA, du cadrage des enjeux métier à la conception, au déploiement et à l'amélioration continue. S'appuie sur une capacité pratique en C#/.NET tout en couvrant aussi PHP/JavaScript, SQL Server/PostgreSQL/MySQL et Linux/Windows Server, afin de concevoir les besoins, les choix technologiques, les standards de qualité et les opérations de développement basées sur GitHub comme un flux cohérent. Intègre l'IA générative aux processus de développement, de vérification et d'organisation de l'information, comme une base pratique pour aider les petites équipes à livrer plus vite et plus sûrement.

Cadrage des enjeux métierChoix technologiquesConception de systèmesC#/.NETConception bases de données/infrastructureOpérations de développement GitHubIA générativeConception de flux IAConception de la qualitéIntégration terrain

Envie d'en savoir plus sur nos services ?

Nous offrons un accompagnement complet : développement de systèmes, design web, design graphique et éducation IT.

Articles connexes

Rechercher des articles