This wireframe is designed for wide screens so the full structure is clear.
Please open this link on a computer or laptop.
Platform Design · Draft 5 (SawangVille brand)
ExpertStream — video course membership platform
Three parts. ① The Platform members pay for (a proper LMS learning experience), ② The Admin the instructor runs it with, and ③ The Landing Page that sells it. Between the parts, a standalone explainer covers how the content is protected. Platform structure is modelled on how Kajabi, Teachable, Thinkific and Uscreen actually work.
Prepared by SawangVille · Faisal Aziz · ES-2026-01 This is a draft wireframe, not the final design. Details can be refined as the project progresses to suit what is needed; the major structure stays fixed. Brand direction (orange + navy) follows the proposal. Grey bars mark content the client has yet to provide.
FEATUREDMEMBER ZONEADMINPUBLIC
Colour marks which surface a screen belongs to. Featured = the key differentiators (secure player & content protection).
00 · Platform Structure
Three surfaces: the product, the admin, and the funnel
Members learn inside the Platform. The instructor manages everything in the Admin. Visitors are converted on the Landing Page. Below: the member journey (platform ← funnel); the admin and the content-protection capability are summarised beneath.
The Product · Core Build
① The Platform
Login required · a proper learning experience
P1
🔒 Log in
Device-limited sessions. Subscription verified before access.
▼
P2
Dashboard
Resume "continue learning" card + your courses with progress.
Value proposition + free lesson + trust bar. CTA: Start learning.
▼
L2
Instructor authority
Who teaches this and why they're worth learning from.
▼
L3
Curriculum preview
The full path. First lessons free, rest members-only.
▼
L4
Plans & pricing
Monthly / annual, FAQ, guarantee. Leads to Subscribe.
▼
L5
🔒 Sign up + pay
Payment gateway. Subscription active → enters the Platform.
② The AdminWhat the instructor runs it with
Overview (members, revenue), Courses & lessons (upload, organise, publish), Members, Payments, and Settings. A separate back-office, shown in Part 2.
CapabilityContent protection, behind every lesson
Login gate, signed URLs, watermark, device limits, monitoring, no downloads. Not a screen, it runs across the whole platform. Explained between Part 1 and Part 2.
How they connect: a visitor is converted on the Landing Page, subscribes, and enters the Platform. The instructor uploads courses and watches the numbers in the Admin. Content protection runs quietly behind every lesson the whole time.
30 video lessons · downloadable resources · certificate on completion.
Secure player
Lesson player
The core screen. Secure video with an account watermark, lesson tabs (Overview, Resources, Discussion, Notes), a one-tap Complete & Continue, and a persistent curriculum sidebar.
Session secured: subscription active ✓ · device 1/ ✓ · watermark on ✓ · stream-only, no download.
Member zone
My progress
Completion for each course, with a certificate once a course is finished.
🔒 app.expertstream.my/progress
P5 · MY PROGRESSMEMBER ZONEPer-course completion + certificate when finished
ExpertStream
HomeMy CoursesProgressAccount
Search lessons…
Your progress
How far you've come
01
25 of 25 lessons
100% complete
Certificate
02
12 of 25 lessons
48% complete
Continue
03
0 of 18 lessons
Not started
Start
Certificates are optional and depend on the course type. Streaks / badges (Skool-style) can be added later if the client wants gamification.
Member zone
Account & subscription
Manage billing, change plan, and sign out devices. Cancelling keeps access until the cycle's end, then stops.
🔒 app.expertstream.my/account
P6 · ACCOUNT & SUBSCRIPTIONMEMBER ZONEBilling · sign out devices · cancel = access ends at cycle's end
ExpertStream
HomeMy CoursesProgressAccount
Search lessons…
Subscription
Annual Plan — Active
Next renewal: . Last invoice: RM .
Change planCancel
Cancel → access stays until , then ends automatically.
Devices
Active devices — 2 /
iPhone · Chrome (Windows). Sign out any unrecognised device.
Sign out all devices
The concurrent device limit prevents account sharing.
Capability · Behind every lesson
How your content is protected
This is not a screen members see. It is the protection working behind every video across the whole platform, and the main reason to build custom instead of renting.
Protected at every layer
Six layers, working on every video
Lessons are stream-only, no download button and no freely shareable links.
Login required
Lessons only open for members logged in with an active subscription.
Core
Signed, expiring URLs
Each video link is signed and expires within minutes, it cannot be copied and sent.
Core
Account watermark
The viewer's name/ID is stamped over the video. If it leaks, the source is traceable.
Core
Concurrent device limit
One account is capped to devices, preventing mass sharing.
Core
Behaviour monitoring
Unusual viewing patterns (many devices or locations) are flagged for review.
Core
No downloads
The save button is disabled. (Offline only via an encrypted app, later phase.)
Optional: DRM / Offline
"Core" layers via a streaming platform (Package A) or your own hosting (Package B). Full DRM & encrypted offline are premium add-ons, see the proposal.
Now the back office
Part Two · The Back Office
②
The Admin
What the instructor runs the platform with: upload courses, manage members, and watch the revenue. A separate, private back office.
Admin
Overview
The instructor's home. At-a-glance members, active subscriptions, revenue and recent activity.
Add modules and lessons, then publish to make it visible to members.
Uploading a video sends it to the streaming platform (Package A) or your own pipeline (Package B) for transcoding, then it becomes "Video ready" and stream-only.
Admin
Members
Search, filter and manage every member and their subscription status.
🔒 admin.expertstream.my/members
A3 · MEMBERSADMINSearch, filter, see subscription status, manage a member
A complete, structured video course taught by . + lessons that take you from the fundamentals to real results, with new lessons added every month. Watch anywhere, on any device.
These are the subscription prices charged to members (the client's revenue). The cost to build + host the platform is stated separately in the proposal.
L7 · SOCIAL PROOFSTANDARDRequest #1 to client: 2 to 4 real member testimonials
Lessons are stream-only to keep the course secure. You get unlimited viewing while your membership is active. (Offline viewing in a dedicated app, if enabled.)
How many devices can I use?
One account for personal use, on up to devices at a time.
What happens if I cancel?
You keep access until the end of the period you've paid for, then it ends. No further charges.
Reading order.Part 1 · The Platform (the product, structured on real LMS patterns), a standalone Content protection explainer, Part 2 · The Admin (the instructor's back office), then Part 3 · The Landing Page (the funnel). This draft applies the SawangVille brand from the proposal (orange + navy). Real photography, illustration & motion still come in build.
Two hosting packages.Package A = video on an external streaming platform → lighter build, low monthly cost. Package B = your own hosting → full control, higher cost. Scope, pricing & monthly estimates are in the separate proposal document.
Copy note. Grey bars mark content the client has yet to provide, instructor name and bio, course & lesson titles, prices, testimonials. Everything else is real, presentable copy. Illustrative figures (2,148 members, 48% progress, durations) are examples to show the layout in use.
Requests to client: (1) course, module & lesson list with real titles, (2) instructor bio & a short quote, (3) 2 to 4 member testimonials, (4) decisions on subscription pricing & device limits, (5) choose Package A or B.