Мы запустили сайт Hatt

Мы опубликовали персональный сайт Сайт Hatt, который объединяет творческую активность Hatt в одном месте.

Этот сайт служит входной точкой для иллюстраций, романов и создания аватаров и gimmick-элементов для VRChat. Мы также добавили его на страницу работ Acecore как кейс по созданию сайта и внедрению CMS.

Предпосылки

Hatt занимается несколькими направлениями творчества: иллюстрациями, романами, а также созданием 3D-аватаров и gimmick-элементов для VRChat.

При этом точки входа были разделены между блогом, внешними площадками публикации, BOOTH, YouTube, X и другими каналами. Работы и места публикации уже существовали, но человеку, который пришёл впервые, было непросто быстро понять, что создаёт Hatt и с чего начать.

Поэтому мы не стали размещать все работы на одной странице. Вместо этого сайт был спроектирован как хаб, который показывает общую картину активности.

Три направления на главной странице

Главная страница организует активность Hatt в три направления.

• Иллюстрации: место для сохранения идей персонажей и заметок о мире в виде статей и работ
• Романы: вход к историям, опубликованным на внешних площадках, и заметкам о творчестве
• Моделирование: представление аватаров, gimmick-элементов и аксессуаров для VRChat

Структура сначала объясняет, чем занимается Hatt, а затем ведёт к блогу, работам по моделированию, профилю и внешним ссылкам. Для персонального сайта важны не только визуальное впечатление, но и классификация активности с продуманной навигацией.

Статический сайт, который можно развивать

Для разработки использованы Astro, TypeScript, UnoCSS, Sveltia CMS и Pagefind.

Astro позволяет отдавать сайт как статический, сохраняя скорость и удобство поддержки. Блог и информация о работах редактируются через CMS, поэтому публикацию можно продолжать без изменения кода при каждом обновлении.

Для поиска по сайту добавлен Pagefind. Даже когда статей и работ станет больше, посетители смогут находить нужную информацию по ключевым словам.

Подход к SEO и OGP для сайтов на Astro описан в статье Руководство по улучшению SEO: структурированные данные и OGP на сайте Astro.

Не разрывать внешние площадки активности

Активность Hatt не ограничивается сайтом. Площадки для публикации романов, BOOTH, YouTube и X подходят для разных типов работ.

Поэтому главная страница не заменяет эти сервисы, а связывает их как входная точка. Например, на странице моделирования удобно перейти к аватарам и gimmick-элементам на BOOTH, а ссылки на YouTube и X также собраны в одном месте.

Для персональных сайтов и портфолио часто эффективнее создать понятные переходы между существующими аккаунтами, чем принудительно объединять всё на одной платформе.

Добавлено как кейс

Мы добавили проект на страницу работ и портфолио Acecore как «Разработка сайта Hatt».

Эта работа заключалась не только в публикации страниц. Она включала организацию творческой активности, редактирование через CMS, поиск, OGP, sitemap и проектирование внешних ссылок. Даже для небольшого персонального сайта структура, которую можно развивать после запуска, повышает ценность по мере появления новых работ и статей.

Для консультации по созданию сайта смотрите Создание и поддержка сайтов или напишите через Контакты.

Итоги

Сайт Hatt опубликован как входная точка для иллюстраций, романов и создания аватаров и gimmick-элементов для VRChat.

Acecore создаёт персональные сайты, портфолио и сайты для бизнеса под конкретные цели. Если вам нужна поддержка от организации контента до CMS, поиска, SEO и работы после запуска, обратитесь через Создание и поддержка сайтов или Контакты.