Wir haben Hatts Homepage veröffentlicht

Wir haben die persönliche Website Hatts Homepage veröffentlicht, die Hatts kreative Aktivitäten an einem Ort bündelt.

Die Website dient als Einstiegspunkt für Illustrationen, Romane sowie VRChat-Avatare und Gimmicks. Wir haben sie außerdem auf Acecores Arbeitsseite als Beispiel für Website-Produktion und CMS-Aufbau hinzugefügt.

Hintergrund

Hatt arbeitet in mehreren kreativen Bereichen, darunter Illustration, Romane und die Produktion von 3D-Avataren und Gimmicks für VRChat.

Die Einstiegspunkte waren jedoch auf Blog, externe Veröffentlichungsseiten, BOOTH, YouTube, X und weitere Kanäle verteilt. Werke und Veröffentlichungsorte waren bereits vorhanden, aber Erstbesucher konnten nur schwer schnell erkennen, was Hatt erstellt und wo sie beginnen sollten.

Deshalb haben wir nicht versucht, alle Werke in eine einzelne Seite zu packen. Stattdessen wurde die Website als Hub entworfen, der die gesamte Aktivität sichtbar macht.

Drei Aktivitäten auf der Startseite

Die Startseite ordnet Hatts Aktivitäten in drei Bereiche.

• Illustration: ein Ort, um Charakterideen und Weltnotizen als Artikel und Werke festzuhalten
• Romane: ein Einstieg zu extern veröffentlichten Geschichten und Notizen rund um das kreative Schaffen
• Modeling: Vorstellung von VRChat-Avataren, Gimmicks und Zubehör

Die Struktur erklärt zuerst, welche Art von Creator Hatt ist, und führt danach zu Blog, Modeling-Werken, Profil und externen Links. Bei einer persönlichen Website sind die Einteilung der Aktivitäten und die Navigation genauso wichtig wie der visuelle Eindruck.

Eine statische Website, die weiter wachsen kann

Für die Umsetzung nutzen wir Astro, TypeScript, UnoCSS, Sveltia CMS und Pagefind.

Mit Astro wird die Website statisch ausgeliefert, was Geschwindigkeit und Wartbarkeit verbessert. Blogartikel und Werkdaten können über das CMS bearbeitet werden, sodass kontinuierliche Veröffentlichungen ohne Codeänderungen einfacher werden.

Für die interne Suche wurde Pagefind integriert. Wenn Artikel und Werke zunehmen, können Besucher weiterhin per Stichwort zu den gesuchten Informationen gelangen.

Unsere Herangehensweise an SEO und OGP für Astro-Sites beschreiben wir auch im SEO-Verbesserungsleitfaden: Strukturierte Daten und OGP auf einer Astro-Site implementieren.

Externe Aktivitätsorte verbunden halten

Hatts Aktivitäten finden nicht nur innerhalb der Website statt. Novel-Plattformen, BOOTH, YouTube und X haben jeweils passende Rollen für unterschiedliche Werke.

Die Homepage ersetzt diese externen Dienste daher nicht, sondern verbindet sie als Eingang. Auf der Modeling-Seite ist es zum Beispiel einfach, zu auf BOOTH veröffentlichten Avataren und Gimmicks zu wechseln; YouTube- und X-Links sind ebenfalls geordnet.

Bei persönlichen Websites und Portfolios ist es oft wirkungsvoller, klare Wege zwischen bestehenden Konten zu schaffen, als alles zwanghaft in eine Plattform zu integrieren.

Auch als Referenz aufgenommen

Wir haben das Projekt auf Acecores Arbeits- und Portfolioseite als „Produktion von Hatts Homepage“ ergänzt.

Diese Produktion bestand nicht nur aus der Veröffentlichung von Seiten. Sie umfasste die Ordnung kreativer Aktivitäten, CMS-Bearbeitung, Suche, OGP, Sitemap und externes Linkdesign. Auch bei einer kleinen persönlichen Website erhöht eine Struktur, die nach dem Launch wachsen kann, den Wert, wenn später mehr Werke und Artikel hinzukommen.

Für Website-Projekte siehe Website-Erstellung und Betrieb oder kontaktiere uns über Kontakt.

Zusammenfassung

Hatts Homepage ist jetzt als Einstiegspunkt für Illustrationen, Romane sowie VRChat-Avatare und Gimmicks veröffentlicht.

Acecore erstellt persönliche Websites, Portfolios und Unternehmenssites passend zum jeweiligen Ziel. Wenn du Unterstützung von der Inhaltsorganisation über CMS, Suche, SEO bis zum Betrieb nach dem Launch möchtest, kontaktiere uns über Website-Erstellung und Betrieb oder Kontakt.