Menü Schließen

Leistungen

Hamburg

Mehr

EN Erstgespräch
Senorit
EN Erstgespräch

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 eine zweisprachige Marketing-Website, die den ruhigen Ton des Produkts trägt.

  • Next.js 16
  • React 19
  • Tailwind v4
  • GSAP + Lenis
glenby.de ansehen Google Play

Glenby ist unser eigenes Produkt. Diese Case Study zeigt die Website. Die App hat eine eigene Case Study.
34 Gerenderte Seiten 11 Marketing- + 6 Legal-Routen, DE + EN
<14 Tage bis Launch Erster Commit bis 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 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.

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, Vercel-Hosting

    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

  • Supabase

    iOS-Waitlist über RPC in einem isolierten Schema, kein direkter Tabellenzugriff

    Backend

  • Resend

    Double-Opt-in für die iOS-Warteliste mit Honeypot, Timing-Check und Rate Limit

    E-Mail

  • Strikte CSP

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

    Security

Mehr als eine Landingpage

Security-Header

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

Rechtssicher

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.

Zum selben Produkt

Glenby App: React Native 0.86, 483 Tests, WebRTC-Anrufe

Verwandte Leistungen

Zurück zum Portfolio