A wellness brand’s identity, site, store and back office in one system
RYTM is a Bali chronobiology brand: consultations and light and sound devices. We built its identity from scratch, a site with paid booking, a store moved off Tilda, a back office for CRM and stock, and six sales decks.
- Client
- RYTM
- Location
- Bali, Indonesia
- Industry
- Wellness
- Year
- 2026
- Services
- Brand identity, E‑commerce, CRM, Sales decks
from the first commit to rytm.shop live off Tilda
languages, with product copy written by hand in each
sections in one back office, from CRM to margins
sales decks for two devices and five audiences
The challenge
RYTM sells a method, not just products: a chronotype test, a paid consultation, then the devices. It needed an identity from scratch. The store sat on Tilda, and products, orders, stock and bookings needed one home. Spas, hotels and distributors each needed their own pitch. And the audience reads English, Russian, Indonesian and Spanish.
Our approach
We started with the identity: a drawn wordmark, a four-color palette and a design system of 101 tokens. The brand site and the store run on one server that picks the site by domain, and one back office runs leads, bookings, stock, bills and posts. The catalog lives in the brand's own database. Six sales decks reuse the same palette, type and logo.
From the wordmark to the stock ledger, RYTM runs on one system it owns.
What we did
01
Brand identity
We built the RYTM identity from scratch: a drawn wordmark and a RYTM.shop sub-mark, four core colors, and Helvetica Neue paired with Futura PT. The site and blog run on its design system.
- Wordmark and sub-mark in 3 color variants
- 101 design tokens, 6 component families
- Live styleguide for every component
- Guidelines page with logo downloads
02
Brand site
rytm.health explains the method and sells the first step. A six-question chronotype test leads to a paid consultation, booked and paid through Stripe in one flow, with a Telegram alert for the team.
- Chronotype test in six questions
- Paid booking through Stripe Checkout
- EN, RU, ID and ES from one switch
- SEO blog with 9 articles
03
Store
A self-hosted storefront for light and sound devices. The catalog is served from the brand's database, each product has hand-written copy in four languages, and checkout prices DHL shipping to 53 countries.
- Catalog with filters, search and wishlist
- Cart drawer and full-page checkout
- DHL rates for 53 countries in 9 zones
- Moved off Tilda, same look for shoppers
04
Back office
One back office runs the business behind both sites: leads, paid bookings, tasks, stock per warehouse, supplier bills and margins. Staff sign in with Google, and their changes go to an audit log.
- CRM with a 6-stage pipeline and tasks
- Stock per warehouse, every move logged
- Supplier bills as PDF, FIFO margin report
- Tasks suggested by AI from meeting transcripts
05
Sales decks
Six web decks sell two devices, NeuroVIZR and Chakra Activator, to consumers, spas, hotels, distributors and partners. Each pitch is built around that buyer, and one script exports the decks to PDF.
- 62 slides across 6 decks
- Payback, packages and partner tiers
- PDF export for every B2B deck
- Same palette, type and wordmark
How it works
- 1
Chronotype test
Six questions place the visitor on their body clock
- 2
Email report
A personal chronotype report lands in the inbox
- 3
Book a session
A form on the page, and the lead lands in Telegram
- 4
Stripe Checkout
The client pays for the consultation online
- 5
Webhook
Payment confirmed, the booking turns paid
- 6
Telegram
A second alert: paid and ready to schedule
- 7
Back office
Scheduled, completed or refunded, in one list
The live product
rytm.shop
Results
- 01rytm.shop moved off Tilda onto the brand’s own platform eight weeks after the first commit
- 02One identity across the site, blog, store and six sales decks
- 03CRM, bookings, stock, delivery, bills and margins run from one back office
- 0444 store pages in the sitemap: 11 in each of four languages, linked with hreflang
Built with
- Brand
- Figma · JSON design tokens · HTML decks
- Server
- Node 22 · Fastify · SQLite · Eta · Docker · Kamal
- Back office
- React · Vite · Tailwind · TanStack Query · Tiptap
- Commerce
- Stripe Checkout · DHL rate tables · PDFKit invoices
- Integrations
- Telegram · Google sign-in · Nodemailer · Claude API
Services in this case
Next case · ZOOP
Personal feeds for 10,000+ monthly users
Let's talk
Got a project? Let’s scope it in 30 minutes.
Tell us what you're building. You'll get a straight answer on timeline, team and approach on the first call.