Skip to content
All projects
WebsitesEducationConcept build

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

Vidyasetu Academy — the delivered websites build
Vidyasetu Academy as deliveredsee it live(opens in a new tab)

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.