DICA — EdTech Institute Website

Designed and built the full public website for a career-training institute, rebuilding the information architecture around two audience-segmented navigation tracks — one for working professionals, one for students.

Four flagship program pages are generated from a single shared template, so layout, SEO structure and conversion elements stay consistent across all of them and a change to the template propagates everywhere.

Built a mega-menu with desktop hover and mobile accordion behaviour, an auto-scrolling hiring-partners carousel, an animated 9+3 program timeline, per-page enquiry forms routed to WhatsApp, and a payment-methods trust block in the footer.

The headline offer — a 12-month program of 9 months learning plus 3 months industry internship — was buried and inconsistently stated. A reusable badge and timeline system now surfaces it in the hero, every course card, every CTA and the structured data, so users and search engines get one consistent message.

Three of the four programs previously had no landing page at all. Each now has its own indexable URL, schema and conversion path.

Added JSON-LD across every page (EducationalOrganization, Course, FAQPage, BreadcrumbList), rewrote every meta title and description around high-intent education keywords, and expanded the sitemap from 6 to 14 URLs — making the site eligible for course and FAQ rich results.

Added hiring partners, a certification breakdown, testimonials and an accepted-payments block including No Cost EMI at the exact points where enrolment decisions stall.

Python templating scripts propagate shared nav and footer across all 14 pages in one pass, replacing hand-duplicated markup, and GitHub Actions deploys over FTPS on push to main — removing manual uploads entirely.

No framework, no runtime build step and no external JS or CSS libraries: roughly 72KB of CSS and 8KB of JS, with IntersectionObserver scroll reveals, CSS keyframe marquees and prefers-reduced-motion fallbacks. Icons, logos and payment marks are hand-authored inline SVG.

Accessibility throughout: ARIA states on the interactive nav, keyboard and Escape handling, a skip link, and semantic landmarks.