Case study · by AI ORCA LTD

How we built Ravela Thai

A digital-transformation case study: idea to a shipping web + iOS language app — with tone detection running in the browser — designed and built by AI ORCA.

0→1
Idea to shipping product
2
Platforms — web & iOS, one codebase
5
Thai tones scored in-browser
200+
Lessons across two tracks
The brief

A better way to learn Thai — that actually gets people speaking

Language apps are everywhere, but they reward tapping, not talking. For a tonal language like Thai, that’s a fatal gap: the same word said five ways means five different things, and no mainstream app tells you if your tone is right. The goal was a product that fixes exactly that — and that could ship on the web and the App Store without a big team behind it.

The approach

Hand-built, AI-accelerated, shipped fast

No page builders, no bloated templates. The entire product is hand-coded HTML, JavaScript and a lean backend — designed and built with Claude as the engineering partner. That means total control over the experience, a fast, lightweight result, and the ability to build a genuinely novel feature that off-the-shelf tools simply can’t: real-time tone detection running entirely in the browser.

The signature build

Tone detection, 100% in the browser

The centrepiece: a tone coach that captures your voice, detects your pitch with autocorrelation, calibrates to your own vocal range, and scores the shape of your tone against a native target — no server, no plugins, no app install. Pure Web Audio.

The same engine ships inside the app, scoring every word you learn.

What we built

The full stack, end to end

🎯

In-browser tone engine

Web Audio pitch detection, voice calibration and shape-scoring — the novel feature at the heart of the product.

📱

Web + iOS from one codebase

A single hand-coded app, wrapped for the App Store — one product, two platforms, no duplication.

💬

AI conversation tutor

An AI tutor for live roleplay and correction, integrated into the learning flow.

🗄️

Backend & accounts

Supabase for auth, content, tiers and progress — with secure, tiered access to lessons.

💳

Payments & entitlements

Web checkout that unlocks membership everywhere — including iOS — while sidestepping app-store margins.

⚙️

Automation

Automated onboarding and lifecycle emails so the product runs itself as it grows.

🎨

Brand & identity

A full visual identity — wordmark, palette, voice — and this marketing site, all in-house.

🚀

Launch & hosting

Own domain, HTTPS, App Store submission — shipped and live, not just designed.

Front end: Hand-coded HTML / JS · Web Audio
AI: Claude · OpenAI
Backend: Supabase
Automation: Make.com
Payments: Lemon Squeezy
Mobile: iOS App Store
Idea → brand → product → App Store. Built by AI ORCA.
About AI ORCA

We do this for businesses like yours

AI ORCA helps small and medium businesses modernise — websites, automation, AI and branding that actually move the needle. Ravela is what that looks like end to end.

🌐

Custom websites

Fast, hand-built sites — no bloated page builders, total control over how you look and convert.

🤖

AI integration

Real AI woven into your product and workflow, not bolted on for show.

⚙️

Automation

Make.com workflows that take the repetitive work off your plate so the business runs leaner.

Branding & rebrands

Logo, identity, tone of voice and consistency across everything you put out.

Want something like this built?

If Ravela is the kind of work you want for your own business, let’s talk. AI ORCA takes you from idea to shipped.

Work with AI ORCA   See the product