SpikiTech: Homepage and Course-Page Redesign (Internship)

SpikiTech is an academy offering live AI, project-building and public-speaking classes for students in Classes 6 to 12. Its website is the main way parents discover the programme, book counselling and claim certificates.

Live site: spikitech.com · Internship, 3 months, completed 2026 · Company repository (not public)

A marketing site for parents and students has to explain a new kind of programme clearly, look consistent across many sections and stay readable on every screen size.

SpikiTech is a team product and most of the site was built by others. This is the front-end work I did myself:

Redesigned the "SpikiTech Method" section on the homepage

Rebuilt the "Meet Spiki" AI-companion section

Rebuilt the interactive-tools and student-achievements sections

Added an "Our Teachers' Approach" section to the course page

Added a scroll-aware sticky call-to-action button

Unified the brand blue across 44 files so every page looks consistent

Cleaned up mascot artwork and fixed illustrations that overlapped text on smaller screens

The site is built from self-contained section components in the Next.js App Router, so I redesigned one section at a time without touching the rest. The brand-colour fix was kept as a separate change so it could be reviewed on its own.

Next.js (App Router), React, Tailwind CSS, Framer Motion · Supabase used by the wider platform