Vidyasetu Academy
Coaching institutes compete on results they never show online.
Outcome: Used as a sales demo for coaching institutes, tuition centres, and schools
- Build time
- 3 days
- Year
- 2025
- Client
- Vidyasetu Academy (Demo)
- Engaged for
- Web Development · UI/UX Design · Education Platform
- Timeline
- 3 days · 2025
- Built with
- React · Vite · Framer Motion · TypeScript · Tailwind CSS
Overview
Vidyasetu Academy (विद्यासेतु — "Bridge of Knowledge") is a professional coaching institute demo website built for the Ahmedabad education market. Designed to look nothing like an AI-generated template, it uses editorial typography, warm paper-toned backgrounds, and real academic content to build parent trust from the first scroll.
The challenge
Coaching institute websites in Gujarat range from outdated WordPress templates to basic landing pages. Parents making decisions about their child's education need to immediately feel trust and credibility. The goal was to demonstrate what a premium coaching institute website looks like — one where the design itself signals academic seriousness.
What we did
6-page React website — Home (hero with split layout, results marquee, course overview, process steps, parent testimonials, admission CTA), Courses page (sidebar filters by class and exam type, horizontal course cards with seat availability), Course Detail page (sticky enquiry card, EMI info, faculty for course, syllabus), Results page (year-filter topper wall, JEE/NEET section, scholarship wall), About page (founder story, faculty grid with credentials, infrastructure, 4 centre locations), and Contact page (smart 7-field form, map embed, quick enquiry buttons).
Key decisions — and why
Editorial Academic Typography
Playfair Display at large sizes paired with Plus Jakarta Sans body creates the editorial serif-vs-sans tension that human-designed academic sites use.
Results Topper Wall
Year-filtered topper wall showcasing JEE/NEET results and scholarship recipients to build immediate parent trust.
Course Listings with Filters
Sidebar filters by class and exam type with horizontal course cards showing seat availability and EMI options.
Faculty Section
Faculty grid with credentials, teaching experience, and subject expertise to demonstrate academic quality.
The build

Built with
- React
- Vite
- Framer Motion
- TypeScript
- Tailwind CSS
The outcome
- Used as a sales demo for coaching institutes, tuition centres, and schools
- Warm academic aesthetic immediately relatable to local education clients
- Real Ahmedabad dummy data — Navrangpura, Satellite, Bopal localities
- Zero 3D, zero glassmorphism — sophistication from typography and layout
Want something like this?
We can build your version of this in days.
Tell us the problem in a sentence and we'll come back with a fixed scope, a fixed price and a date — usually the same day.