Highdelberger — klare, belegte Cannabis-Aufklärung

Ein deutsches Web-Portal, das Cannabis ehrlich erklärt — Wissen, Recht und Safer Use — in ruhigem, modernem Design, mit zentralen Aussagen, die auf eine nachprüfbare Quelle verlinken.

Die Herausforderung

Seit der Teillegalisierung 2024 (KCanG) sind verlässliche Cannabis-Informationen verstreut und oft entweder alarmistisch oder werblich. Ziel war ein ruhiges, wertungsfreies Harm-Reduction-Portal: verständlich für Einsteiger und Eltern, genau genug zum Zitieren und rechtlich sorgfältig — und dabei eine einzige, zusammenhängende, wartbare Website über ~30 Themenseiten statt vieler Einzelartikel.

Das Vorgehen

• Schnelle statische Website, klare Struktur. Gebaut mit Astro 5 und Tailwind CSS v4, der Inhalt in vier lesbare Bereiche gegliedert — Wissen, Leben (Alltag & Recht), Praxis (Safer Use), Kultur (Geschichte/Hanf) — über ~32 Seiten, inzwischen zweisprachig (Deutsch + Englisch).
• Ein komponentenbasiertes Design-System. Wiederverwendbare Glassmorphism-Karten und Section-Heros halten alle Seiten optisch konsistent; eine Design-Änderung passiert an einer Stelle statt per Copy-Paste über Dutzende Seiten.
• Nachprüfbare Aussagen. Ein eigenes „Quellen-Tooltip“-System: wissenschaftliche und rechtliche Aussagen tragen einen Hinweis beim Überfahren mit der Maus inkl. Ein-Klick-Link — Gesetzesparagrafen verweisen auf den amtlichen Gesetzestext (gesetze-im-internet.de), wissenschaftliche Aussagen auf PubMed / DOI.
• Rechtlich sorgfältig konzipiert. Eigene Seiten zu Recht und Jugendschutz (U18), ein Alters-Check und ein privates Passwort-Gate, solange die Seite in Entwicklung ist.
• Auf echter Infrastruktur ausgeliefert. Statisches Output auf Vercel, mit Netlify-Vorschau-Builds; Sitemap und SEO-/Meta-Tags eingebaut.

Das Ergebnis

• Ein zusammenhängendes, schnelles Portal mit ~32 Seiten, das ruhig liest und vertrauenswürdig wirkt.
• Zentrale Aussagen sind überprüfbar — rechtliche Zitate verlinken auf das Gesetz, wissenschaftliche auf ihre Quelle — genau das, was ein sensibles Thema braucht.
• Eine wartbare Codebasis, in der Design und Inhalt ohne Wildwuchs skalieren.
• Aktuell eine polierte, passwortgeschützte Vorschau, bereit für die Öffentlichkeit.

Was das zeigt

• Macht aus einem sensiblen, inhaltsreichen Auftrag ein poliertes, schnelles, vertrauenswürdiges Produkt — keine einzelne Seite, sondern eine ganze Informationsarchitektur.
• Volle Verantwortung: Struktur → Design-System → Entwicklung → Deployment.
• Sorgfalt bei Genauigkeit, rechtlichen Feinheiten, Barrierefreiheit und UX — nicht nur Code.
• Moderne, KI-gestützte Umsetzung, vom Menschen gesteuert und kuratiert.

Technik auf einen Blick

Astro 5 · Tailwind CSS v4 · TypeScript · Static SSG · Vercel · Netlify · Sitemap / SEO · Eigenes Quellen-Zitat-System · Glassmorphism-UI

---