Glenby
Mikroabenteuer, ehrlich verifiziert
Eine Android-App, die kleine Naturaufgaben stellt und Beweise per GPS und Zeitstempel prüft. Dazu eine zweisprachige Marketing-Website, die den ruhigen Ton des Produkts trägt.
Glenby ist unser eigenes Produkt. Diese Case Study zeigt die Website. Die App hat eine eigene Case Study.
Startseite von glenby.de: ein Wald bei Dämmerung statt Stock-Foto-Bergpanorama
Das Produkt
Glenby stellt jeden Tag kleine Aufgaben draußen: ein Bach, eine Aussicht, ein Baum. Der Beweis ist ein Foto mit GPS-Pin und Zeitstempel. Die App verzichtet bewusst auf Wettbewerbsdruck und tägliche Streak-Angst.
Ehrlicher Beweis
GPS-Position plus Zeitstempel als Nachweis. Bewusst keine KI-Artenerkennung, weil sich echte Beweise nicht erfinden lassen.
Tagesaufgaben
Kleine Naturaufgaben in der Nähe: ein Bach, eine Aussicht, ein Baum. Kein Wettbewerb, kein globales Leaderboard.
Wochen-Streaks
Streaks zählen pro Woche statt pro Tag. Ein verpasster Tag bricht nichts. Ruhe statt Casino-Mechanik.
Privat & EU-gehostet
Alle App-Daten liegen in Frankfurt. E2E-verschlüsselte Notizen und Chats, Consent Mode v2 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 Fotos. Ohne Swipe-Karussell, 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. Null WebGL im Bundle, 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 self-hosted über next/font.
Tech Stack im Detail
App Router mit cacheComponents, dynamische OG-Images per next/og, Vercel-Hosting
Server Components als Standard, Client-Islands nur für Consent, Waitlist und Animationen
Strict Mode, zod-validierte Env-Variablen über @t3-oss/env-nextjs
Design-Tokens per @theme, Radius-Obergrenze 16px, eine einzige Easing-Kurve
ScrollTrigger-Szenen mit Smooth Scroll, jede Animation mit Reduced-Motion-Fallback
iOS-Waitlist über RPC in einem isolierten Schema, kein direkter Tabellenzugriff
Double-Opt-in für die iOS-Warteliste mit Honeypot, Timing-Check und Rate Limit
Handgebaute Security-Header, CSP-Violation-Reporting, HSTS Preload, security.txt
Mehr als eine Landingpage
Handgeschriebene CSP mit Violation-Reporting, HSTS Preload, COOP/COEP/CORP und security.txt nach RFC 9116.
6 Legal-Seiten in beiden Sprachen, inklusive Widerrufsbutton nach §356a und 18+-Kennzeichnung nach JMStV.
llms.txt, 28 namentlich erlaubte AI-Crawler in robots.ts und JSON-LD ohne erfundene Bewertungen.