Eigenes Produkt · Live im Google Play Store

Glenby Mikroabenteuer, ehrlich verifiziert

Eine Android-App, die kleine Naturaufgaben stellt und Beweise per GPS und Zeitstempel prüft. Dazu haben wir eine zweisprachige Marketing-Website gebaut, die so ruhig auftritt wie das Produkt.

  • Next.js 16
  • React 19
  • Tailwind v4
  • GSAP + Lenis
34 Gerenderte Seiten 11 Marketing- + 6 Legal-Routen, DE + EN
<14 Tage bis Launch vom ersten Commit bis zum Live-Betrieb
0 KB WebGL im Bundle Marmor- und Portal-Look aus purem CSS
2 Sprachen Deutsch als Standard, Englisch gespiegelt
Glenby Startseite: Wald-Hero mit Serifen-Headline und Google-Play-Button
Startseite von glenby.de: ein Wald bei Dämmerung statt Stock-Foto-Bergpanorama

Das Produkt

Glenby stellt jeden Tag kleine Aufgaben für draußen. Der Beweis ist ein Foto mit GPS-Pin und Zeitstempel. Auf Wettbewerbsdruck und tägliche Streak-Angst verzichtet die App.

  • Ehrlicher Beweis

    Als Nachweis zählen GPS-Position und Zeitstempel. Auf KI-Artenerkennung verzichtet die App bewusst, weil sich ein echter Beweis nicht erfinden lässt.

  • Tagesaufgaben

    Kleine Naturaufgaben in der Nähe: ein Bach, eine Aussicht, ein Baum. Es gibt keinen Wettbewerb und kein globales Leaderboard.

  • Wochen-Streaks

    Streaks zählen pro Woche statt pro Tag, ein verpasster Tag bricht also nichts. Die App setzt auf Ruhe statt auf Casino-Mechanik.

  • Privat & EU-gehostet

    Alle App-Daten liegen in Frankfurt. Notizen und Chats sind E2E-verschlüsselt, Consent Mode v2 läuft mit Deny-by-Default.

  • Co-op Partys

    Gemeinsame Aufgaben mit Freunden in Echtzeit, inklusive Party-Chat.

  • Trailmates (18+)

    Moderiertes Co-op-Matching nach Erfahrung statt nach Fotos, ohne Swipe-Karussell und ohne Attraktivitäts-Ranking.

Marmor ohne WebGL

Das Designbriefing verlangte goldgeäderten, dunklen Marmor als wiederkehrendes Markenmaterial und einen Portal-Flug im Hero. Der erste Entwurf sah dafür einen WebGL-Shader vor.

Geliefert haben wir denselben Look ohne Three.js: background-clip auf Text, Maskengradienten, mix-blend-mode und GSAP-Timelines. Im Bundle steckt kein WebGL, der LCP bleibt sauber, und jede Szene hat einen statischen Fallback für Reduced Motion.

Typografie: Fraunces als variable Display-Schrift mit Optical Sizing, Hanken Grotesk für den Fließtext. Beide laufen self-hosted über next/font.

Glenby Website-Sektion mit goldgeädertem Marmor-Hintergrund aus purem CSS

Tech Stack

im Detail

  • Next.js 16

    App Router mit cacheComponents, dynamische OG-Images per next/og, Hosting auf Cloudflare Workers via OpenNext

    Framework
  • React 19.2

    Server Components als Standard, Client-Islands nur für Consent, Waitlist und Animationen

    UI
  • TypeScript 6 strict

    Strict Mode, zod-validierte Env-Variablen über @t3-oss/env-nextjs

    Sprache
  • Tailwind CSS v4

    Design-Tokens per @theme, Radius-Obergrenze 16px, eine einzige Easing-Kurve

    Styling
  • GSAP + Lenis

    ScrollTrigger-Szenen mit Smooth Scroll, jede Animation mit Reduced-Motion-Fallback

    Motion
  • Cloudflare Workers + D1

    iOS-Waitlist über einen eigenen Endpunkt, ohne direkten Tabellenzugriff. Seit August 2026 auf Cloudflare, zuvor Supabase

    Backend
  • Cloudflare Email Service

    Double-Opt-in für die iOS-Warteliste mit Honeypot, Timing-Check und Rate Limit, versendet über das Glenby-Backend

    E-Mail
  • Strikte CSP

    Handgebaute Security-Header, CSP-Violation-Reporting, HSTS Preload, security.txt

    Security

Security, Recht und GEO

Security-Header

Handgeschriebene CSP mit Violation-Reporting, HSTS Preload, COOP/COEP/CORP und security.txt nach RFC 9116.

Rechtliche Seiten

6 Legal-Seiten in beiden Sprachen, inklusive Widerrufsbutton nach §356a und 18+-Kennzeichnung nach JMStV.

GEO-ready

llms.txt, 28 namentlich erlaubte AI-Crawler in robots.ts und JSON-LD ohne erfundene Bewertungen.