Credits
Shreyash Chhatbar
Divyesh Vasani
Founded
2023
Location
Singapore
Industry
Financial markets education
Capabilities
Website
Pandemonium is a markets-education platform from Singapore. It teaches rates, derivatives, options and credit the way a trading desk uses them: intuition first, then the mathematics, then the trade. Its founder, Varda Pandey, writes the lessons from 16 years in financial markets.
Its old website ran on WordPress. Rango redesigned it, rebuilt it in Webflow and added paid memberships: Memberstack for member logins and gated lessons, Stripe for subscription payments. We moved more than 60 pieces of content off WordPress using Claude in Chrome with the Webflow MCP.
It is a content-heavy website, so the design is built around reading. Lessons track your reading progress, formulas and worked examples sit right in the text, and members can listen to AI-narrated lessons.
At a glance
Client: Pandemonium, a markets-education platform by Varda Pandey, based in Singapore (founded 2023)
Who the website is for: analysts and associates on trading desks, treasury and risk teams, portfolio managers, and people moving into markets
What we did: website design, a Webflow build, paid memberships with Memberstack and Stripe, and the move off WordPress
Design: Shreyash Chhatbar, in Paper
Webflow: Divyesh Vasani, with Claude connected to Webflow through the Webflow MCP
Live: since 27 July 2026, at pandemonium.sg
The brief
A library worth paying for.
Pandemonium’s lessons are long and technical. One lesson on duration runs from the definition through Macaulay duration, DV01 and convexity, with every formula worked out in the text. The new website had to make that kind of reading comfortable, and turn it into a business.
The brief came down to four things:
Make reading the product. For Pandemonium, the lesson page matters more than the homepage.
Show what is inside before anyone pays. The first three lessons of every track are free.
Sell memberships. A free account, then a quarterly or a yearly plan, with lessons and narration gated by plan.
Leave WordPress and bring everything. Lessons, formulas, charts and explainer videos all had to come across.
The design
Dark, editorial and calm enough to read in.
Shreyash designed the website in Paper. The homepage opens on a dark hero with one line: Read Markets Like a Pro. Behind it, a market line climbs to the top right and a gradient ball settles on its peak. A What’s New card in the corner points to the latest piece.
Headings are set in Redaction and body text in Inter Tight. One gradient, from deep blue to magenta, marks the key words and the buttons that ask for a decision.
The library comes first. The homepage shows all six tracks with their first lessons listed, so a visitor can see what is inside before signing up. The library page lays out all 53 lessons, each marked Free or Members Only.
The library: 53 lessons in six tracks. The first three lessons of every track are free.
Proof from the desk. Below the hero, testimonials come from senior practitioners, including portfolio managers and a head of treasury.
Built for reading
The lesson page is where members spend their time.
Every lesson uses the same frame:
A reading-progress ring on the left, with share links for X and LinkedIn and a button to copy the link
A table of contents on the right that follows you down the page
An AI-narrated audio bar above the text. Members can listen; visitors see Subscribe to Listen
Formulas in the text, rendered with MathJax, with worked examples and charts between them
Note: the lesson screens on this page show the website as a visitor sees it, without a membership.
A lesson as you read it: the progress ring fills, the table of contents follows, and the formulas sit in the text.
Members-only lessons show their opening, then fade into an invitation to subscribe. Next to it sits a second path for readers who are not ready to pay: start with a free account. The first three lessons of every track are open to everyone, and the account saves their progress.
A members-only lesson as a visitor sees it: subscribe, or start with a free account.
Memberships, with Memberstack and Stripe
Free to start, then quarterly or yearly.
Memberstack runs the accounts: sign-up with Google or email, email verification, log in, password reset and a My Account page. Stripe takes the payments. There are three plans: a free account, a quarterly plan at US$20 a month, and a yearly plan at US$15 a month, which works out to three months free.
Paid sign-up is four steps on one page: create the account, verify the email, choose a plan, pay. The first three lessons of every track and every Topical piece are open to everyone. A free account saves progress and comes with the newsletter. Members get all 53 lessons, AI narration for every lesson and new lessons as they publish.
Paid sign-up in four steps: account, email, plan, payment.
The Members’ Club page: a free account, then quarterly or yearly.
Moving off WordPress
60+ pieces, moved with Claude in Chrome and the Webflow MCP.
The old lessons lived in WordPress, built with the Elementor page builder. We moved more than 60 pieces of content into Webflow’s CMS: the 53 library lessons, and the articles that now sit in the Topical section.
We did the move with Claude in Chrome, connected to Webflow through the Webflow MCP. Each piece came across as a CMS item with its text, images and charts. The formulas were the hard part. On the old website they were MathML; on the new one they are written in LaTeX and rendered with MathJax. The four explainer videos on swap cash flows came across too, back in the lessons that use them.
Built AI-native
Paper for the design. Claude and the Webflow MCP for the build.
The design lived in Paper. The build happened in Webflow, with Claude connected through the Webflow MCP. It set up the color, type and spacing variables, built each section from the Paper design, created the CMS collections and published to staging for review.
Two rules kept it maintainable. Everything on the page is a native Webflow element with a real class, so it can be edited in the Designer. JavaScript only adds behavior: the progress ring, the table of contents, the share links, the audio player and member gating.
Topical articles, podcasts and Origins newsletter issues each have their own CMS collection and template, so a new piece is a new CMS item, not a new page.
Since launch
Live since 27 July 2026.
The website went live on 27 July 2026. By early November 2026, the Topical section had grown to 22 pieces across global macro, digital assets and market structure, the Origins newsletter had published eight issues, and a new section, AI Meets Finance, had opened.
Topical: free articles and podcasts, filtered by type.
At phone width: the hero, the library tracks and the founder’s section.
What membership and education websites can take from this
Let people read before they pay. The first three lessons of every track are free. The free lessons do the selling.
Design the long page first. For a content business, the reading page is the product. Get its frame right, then build the rest around it.
Keep formulas as text. LaTeX rendered with MathJax stays sharp at any size, and it stays editable. An image of an equation does neither.
Give the paywall a second door. Next to Subscribe, offer a free account. Not every reader is ready to pay on the first visit.
Move content with AI, then check it. Claude moved more than 60 pieces into Webflow. Formulas, links and images still deserve a careful pass after any migration.
Questions about this project
What did Rango do for Pandemonium? Rango redesigned Pandemonium’s website, built it in Webflow, set up paid memberships with Memberstack and Stripe, and moved more than 60 pieces of content off WordPress.
What is Pandemonium? A markets-education platform from Singapore, founded by Varda Pandey in 2023. It teaches rates, derivatives, options and credit in 53 lessons across six tracks, with free articles, podcasts and a newsletter alongside.
How do the memberships work? Memberstack runs sign-up, log in, password reset and the member account. Stripe takes the payments for the quarterly and yearly plans. The first three lessons of every track are open to everyone, and a free account saves progress.
How was the content moved from WordPress? With Claude in Chrome and the Webflow MCP. More than 60 pieces moved into Webflow’s CMS, and the formulas were converted from MathML to LaTeX for MathJax.
Which tools were used? Paper for the design. Webflow, Memberstack, Stripe and MathJax for the website. Claude, connected through the Webflow MCP, for the build and the migration.
Can Rango build a membership website in Webflow? Yes. Pandemonium runs paid memberships on Webflow with Memberstack and Stripe: free accounts, quarterly and yearly plans, and lessons gated by plan.
Moving a content-heavy website off WordPress, or adding paid memberships? See how we handle website migrations, or how we build in Webflow.
Share on