Clarity before complexity
Coin and yarrow-stalk casting, changing lines and relating hexagrams are presented as a guided flow, with context available at the moment it becomes useful rather than all at once.
Live · Web, iOS & Android
A calm, modern home for an ancient practice — shaped as one coherent product across a search-rich web platform and local-first native mobile apps.
01
The product challenge
The experience had to serve a first-time visitor, an experienced reader and a returning journal user without turning the interface into a reference manual — and carry the same calm language from public search pages into a private, offline-friendly mobile app.
Coin and yarrow-stalk casting, changing lines and relating hexagrams are presented as a guided flow, with context available at the moment it becomes useful rather than all at once.
The web product prioritises discovery and shareability. The mobile apps prioritise local storage, daily use and interruption-safe reading.
Sixty-four complete guides and six illustrated panels per hexagram demanded repeatable content models, generated pages and dependable asset handling.
Thirteen web languages are supported through structured translation workflows that protect terminology, tone and generated-page consistency.
02
Systems and delivery
The website uses static, search-focused publishing for the complete oracle library, with Cloudflare delivery and progressive enhancement around casting, sharing and membership. The React Native apps keep readings and preferences local, so the core experience survives without a connection.
SQLite-backed onboarding, settings and saved readings make the app useful on the device first, rather than treating the phone as a thin web client.
Generated pages expose every hexagram in a fast, accessible form with canonical metadata and a maintained sitemap.
Supabase magic-link authentication, Stripe membership with webhook-synced entitlements, transactional email and Cloudflare infrastructure sit behind the public pages.
Playwright smoke tests, axe accessibility checks and Lighthouse budgets protect the most important routes before any release.
Verified delivery
The public website and both store listings can be inspected directly. These figures describe shipped product scope; they are not estimated audience or revenue claims.