Comprehensive Educational Website Revamp
Budget: ₹12,500 – ₹37,500 INR
I need an experienced web developer to revamp my existing educational website. The goal is to add new features, improve user experience, and update the design.
New Features To Add:
- Online quizzes
- Discussion forum
- AI-integrated MCQs
- Running notice
- NTA-like interface for model tests and MCQs
1. UI/UX Redesign
Create a modern, clean, mobile-first UI (look at PrepLadder / Unacademy as benchmarks).
Use a light theme (white background, blue/green primary color, one accent color for CTAs).
Typography: Modern sans-serif (e.g., Poppins, Inter, Roboto).
Consistency: Web + mobile app should share the same design system.
Key Screens to Redesign:
Homepage:
Hero banner with tagline + CTA (Free Trial / Download App / Take Test).
Features (MCQ bank, Video Lectures, Live Classes, Analytics).
Faculty showcase.
Student testimonials/success stories.
Pricing plans with “Subscribe Now” button.
Student Dashboard:
Sidebar navigation (MCQs, Videos, Tests, Performance, Rewards).
Show progress graph, next scheduled test, streaks, coins/badges.
MCQ Practice Page:
One question per card, timer, highlight answer, explanation on reveal.
Bookmark/save option.
Video Page:
Netflix-style grid for browsing.
Video player with notes section + related resources.
Test Reports Page:
Graphs for accuracy, weak areas, peer comparison.
Pricing/Subscription Page:
3 clear packages (MCQ-only, Video-only, Combo).
Razorpay/UPI integration for instant activation.
2. Functionality
Authentication: Google, Email, Mobile OTP login.
Content Management: Admin should easily upload/manage MCQs (with images), videos, and PDFs.
MCQs:
Practice by subject/year/difficulty.
Mock tests with timer.
Explanations with references.
Performance Analytics:
Graphs (accuracy %, weak subjects).
Compare with toppers/average.
Gamification:
Coins, badges, leaderboards.
Daily challenge questions.
AI Tools (Phase 2):
Doubt-solving chatbot.
Smart question recommendations.
Notifications:
Push notifications for app/web.
Email/SMS reminders for tests, expiring subscriptions.
3. Backend & Admin
Admin dashboard to:
Upload/manage MCQs, videos, notes.
Track users (registered, subscribed, expired).
See payments and invoices.
Send notifications.
Export student performance reports.
New Features To Add:
- Online quizzes
- Discussion forum
- AI-integrated MCQs
- Running notice
- NTA-like interface for model tests and MCQs
1. UI/UX Redesign
Create a modern, clean, mobile-first UI (look at PrepLadder / Unacademy as benchmarks).
Use a light theme (white background, blue/green primary color, one accent color for CTAs).
Typography: Modern sans-serif (e.g., Poppins, Inter, Roboto).
Consistency: Web + mobile app should share the same design system.
Key Screens to Redesign:
Homepage:
Hero banner with tagline + CTA (Free Trial / Download App / Take Test).
Features (MCQ bank, Video Lectures, Live Classes, Analytics).
Faculty showcase.
Student testimonials/success stories.
Pricing plans with “Subscribe Now” button.
Student Dashboard:
Sidebar navigation (MCQs, Videos, Tests, Performance, Rewards).
Show progress graph, next scheduled test, streaks, coins/badges.
MCQ Practice Page:
One question per card, timer, highlight answer, explanation on reveal.
Bookmark/save option.
Video Page:
Netflix-style grid for browsing.
Video player with notes section + related resources.
Test Reports Page:
Graphs for accuracy, weak areas, peer comparison.
Pricing/Subscription Page:
3 clear packages (MCQ-only, Video-only, Combo).
Razorpay/UPI integration for instant activation.
2. Functionality
Authentication: Google, Email, Mobile OTP login.
Content Management: Admin should easily upload/manage MCQs (with images), videos, and PDFs.
MCQs:
Practice by subject/year/difficulty.
Mock tests with timer.
Explanations with references.
Performance Analytics:
Graphs (accuracy %, weak subjects).
Compare with toppers/average.
Gamification:
Coins, badges, leaderboards.
Daily challenge questions.
AI Tools (Phase 2):
Doubt-solving chatbot.
Smart question recommendations.
Notifications:
Push notifications for app/web.
Email/SMS reminders for tests, expiring subscriptions.
3. Backend & Admin
Admin dashboard to:
Upload/manage MCQs, videos, notes.
Track users (registered, subscribed, expired).
See payments and invoices.
Send notifications.
Export student performance reports.