Webflow Site Build & Polish

Замовник: AI | Опубліковано: 15.10.2025

About Zefrix Zefrix is a live skill-sharing platform where creators can host interactive sessions and students can join instantly. Unlike traditional edtech, Zefrix is casual, fun, and creator-led. Our MVP will focus on making the student → payment → class flow seamless, while also enabling creators to onboard and host batches of sessions. Objectives of the MVP Enable students to discover, pay for, and attend classes/batches easily. Allow creators to host classes and batches with minimal friction. Provide structured creator profiles with categories, reviews, and ratings. Automate confirmations, reminders, and feedback loops. Keep payouts manual for MVP (simpler to start). Website Layout & Flow 1. Landing Page (Focused on Learners) Hero: What Zefrix is + “Join Your First Class.” Sections: About Us, Who We Are, Featured Categories, Featured Creators, Testimonials/Q&A. Call-to-Action Buttons: Explore Classes Sign Up / Login Become a Creator 2. Home Page / Navigation Categories (redirect to category-specific class listings). Creators (redirect to creator profiles). Login → User Dashboard. 3. Categories Page Show list of skill categories (e.g., Design, Music, Fitness, Coding). Clicking a category → displays relevant classes & batches. 4. Creator Profile Page Creator headline & intro. Intro Video about creator telling about them Basic Info (bio, expertise, social handles). List of upcoming Classes and Batches. Batch details: time, start/end date, price. Reviews & Ratings. “Connect” section: About the Creator + similar profiles. Class Management Create a new class (title, category, date/time, max learners) Needs to add a category from options we provide and can add sub category (typing form) by his own. Once the class is created its needs to be approved from admin (backend) to go live Choose: one-time class or batch (recurring) Edit or delete upcoming classes Start class → launches live room End class → triggers summary/recording upload See who enrolled & attended Upload thumbnail / banner for class Analytics View attendance, watch time, and feedback View number of enrollments per class 5. Class / Batch Detail Page Title, description, creator, schedule. Reviews/ratings. 6. Thank You Page Confirmation of purchase. Message: “Check your email for class/batch details.” 7. Student Flow Learner can: Account & Profile Create account (email or social login) Update profile (name, avatar, interests) See personalized feed (recommended or trending live classes) Class Interaction Browse & search classes by category, creator, or skill View class details (description, date/time, capacity, teacher info) Join live class when it starts (web or mobile browser) Participate via chat (text/emojis) Rate class or leave feedback Notifications Get reminders before class starts (email + whatsapp) Get “Class starting soon” Note- Creator or learner can’t purchase or publish anything without signup or login. Redirected to payment (Razorpay). Trigger: Razorpay Payment Captured. Email sent to student + creator with: Confirmation of purchase. Batch/class schedule. Google Meet link for session #1. (Optional) Add to Google Calendar with all session dates. 8. Dashboard Students: See enrolled classes/batches, links, upcoming sessions. Creators: See their profile, batches, and students. Batch Functionality (Key Feature) Batch = multi-session product (e.g., 4 classes over 2 weeks). One payment → access to all sessions. Automations: Confirmation email with schedule & Meet link. Reminders before each session (via email or Google Calendar invites). Post-class email: recording + next session info. Completion email: feedback + upsell to next batch. Automations On Payment: Razorpay → Zapier → Booking created + email sent. Reminders: Emails 24h + 1h before class; or auto reminders via Google Calendar. Post-Class: Follow-up email with recording & next session info. After Final Session: Feedback form + upsell email. Admin Ops Track enrollments in Google Sheet. Weekly payouts to creators (manual). Monitor reviews/ratings. Onboard creator/learner Deliverables Webflow site (with template, CMS-driven pages). Razorpay integrated for classes/batches. Creator profiles (bio, classes, reviews). Batch functionality (multi-session scheduling). Zapier automation for confirmations & reminders. Admin payout ledger. Timeline Week 1: Webflow template setup + CMS. Week 2: Class/batch flows + Razorpay integration. Week 3: Zapier automations (confirmation + reminders). Week 4: Pilot batch run + refinements. Bottom Line The MVP website will: Allow students to browse → pay → join classes/batches. Let creators host batches with structured profiles, reviews, and schedules. Use automations to handle confirmations, reminders, and upsells. Give Zefrix the ability to test demand quickly with minimal manual work