Next.js + WordPress Animated Educational Site Development
Budget: ₹12,500 – ₹37,500 INR
Project Brief: Build an Animation-Focused Educational Website for RevisionKaro
Project Title:
Develop an Animation-First, Mobile-Optimized Educational Website for RevisionKaro (Next.js + WordPress)
---
About the Project:
RevisionKaro is a next-generation ed-tech platform offering AI-powered flashcard-based learning for competitive exams.
We are building a highly engaging website that combines advanced animations, mobile-first UX, SEO optimization, and dynamic content management.
The website will serve as the brand face, focused on lead generation, storytelling, and organic growth.
---
Scope of Work:
Frontend Development (Animation Focused):
Build the core website in Next.js (preferred) or React.js.
Integrate 3D app mockups (using Spline/Vectary embeds).
Add lightweight Lottie animations across sections.
Implement Typing Text Animation in Hero Section.
Create smooth scroll-based animations (Framer Motion / AOS.js).
Optimize for mobile responsiveness and speed.
Dynamic Content Integration:
Connect a simple WordPress CMS for managing:
Blog posts
Educational Resources
Free PDF downloads
Web Stories
Use WordPress as a backend (subdomain possible: blog.revisionkaro.com).
SEO Optimization:
Set up meta tags, OG tags, structured data.
Ensure fast load times (Core Web Vitals ready).
Optimize all images, videos, Lottie files.
Marketing Integrations:
Google Tag Manager setup for Pixel tracking (lead form, CTA buttons, Web Story views).
Retargeting Pixels (Facebook Ads, Google Ads) ready.
---
Key Pages to Develop:
Home Page (Animation-first Hero, Features, FAQs, CTA)
TG-DSC Exam Page (Web Story style hero + sample flashcard grid)
Affiliate Program Page (animated dashboard mockup + signup CTAs)
Blog System (4 templates: Standard, Deep Dive, Listicle, Checklist)
Educational Resources Page (subject-wise blogs)
Web Stories Page (3x3 grid, shareable links)
Free PDF Download Page (lead form gated access)
Legal Pages (Privacy Policy, Terms, Refund Policy)
---
Expectations:
Mobile-first, fully responsive website
Fast-loading, animation-smooth experience
Modular, scalable code structure
Collaboration-friendly (GitHub/Bitbucket usage)
Weekly update reports
Basic documentation for handover
---
Tech Stack Requirements:
Next.js (preferred) / React.js
TailwindCSS for UI styling
Framer Motion, Typed.js, Lottie-web for animations
WordPress CMS (for dynamic content only)
---
Deliverables:
Complete source code (GitHub repo access)
Deployed website (staging + production)
WordPress backend setup with content structures
SEO-ready, pixel tracking ready, AMP optimization for Web Stories
1 week free post-launch support for minor bug fixes
---
Ideal Candidate:
Strong experience in Next.js, React, WordPress.
Hands-on with Lottie, Spline, Framer Motion animations.
Previous experience with SEO-first web development.
Familiarity with education sector or SaaS landing page development (bonus).
Can suggest better ideas for UX/UI improvements proactively.
Project Title:
Develop an Animation-First, Mobile-Optimized Educational Website for RevisionKaro (Next.js + WordPress)
---
About the Project:
RevisionKaro is a next-generation ed-tech platform offering AI-powered flashcard-based learning for competitive exams.
We are building a highly engaging website that combines advanced animations, mobile-first UX, SEO optimization, and dynamic content management.
The website will serve as the brand face, focused on lead generation, storytelling, and organic growth.
---
Scope of Work:
Frontend Development (Animation Focused):
Build the core website in Next.js (preferred) or React.js.
Integrate 3D app mockups (using Spline/Vectary embeds).
Add lightweight Lottie animations across sections.
Implement Typing Text Animation in Hero Section.
Create smooth scroll-based animations (Framer Motion / AOS.js).
Optimize for mobile responsiveness and speed.
Dynamic Content Integration:
Connect a simple WordPress CMS for managing:
Blog posts
Educational Resources
Free PDF downloads
Web Stories
Use WordPress as a backend (subdomain possible: blog.revisionkaro.com).
SEO Optimization:
Set up meta tags, OG tags, structured data.
Ensure fast load times (Core Web Vitals ready).
Optimize all images, videos, Lottie files.
Marketing Integrations:
Google Tag Manager setup for Pixel tracking (lead form, CTA buttons, Web Story views).
Retargeting Pixels (Facebook Ads, Google Ads) ready.
---
Key Pages to Develop:
Home Page (Animation-first Hero, Features, FAQs, CTA)
TG-DSC Exam Page (Web Story style hero + sample flashcard grid)
Affiliate Program Page (animated dashboard mockup + signup CTAs)
Blog System (4 templates: Standard, Deep Dive, Listicle, Checklist)
Educational Resources Page (subject-wise blogs)
Web Stories Page (3x3 grid, shareable links)
Free PDF Download Page (lead form gated access)
Legal Pages (Privacy Policy, Terms, Refund Policy)
---
Expectations:
Mobile-first, fully responsive website
Fast-loading, animation-smooth experience
Modular, scalable code structure
Collaboration-friendly (GitHub/Bitbucket usage)
Weekly update reports
Basic documentation for handover
---
Tech Stack Requirements:
Next.js (preferred) / React.js
TailwindCSS for UI styling
Framer Motion, Typed.js, Lottie-web for animations
WordPress CMS (for dynamic content only)
---
Deliverables:
Complete source code (GitHub repo access)
Deployed website (staging + production)
WordPress backend setup with content structures
SEO-ready, pixel tracking ready, AMP optimization for Web Stories
1 week free post-launch support for minor bug fixes
---
Ideal Candidate:
Strong experience in Next.js, React, WordPress.
Hands-on with Lottie, Spline, Framer Motion animations.
Previous experience with SEO-first web development.
Familiarity with education sector or SaaS landing page development (bonus).
Can suggest better ideas for UX/UI improvements proactively.