NTU SC — Student Council Site
Designed and built the frontend UI for NTU SC — animated transitions, card-based layout, and a distinctive motion language for a student council site.
Overview
Worked on the frontend of the NTU Student Council site. Added animations, transitioned cards, and layout polish to make it stand out from the generic student-body template.
Problem
Most university/council sites look identical — a list of committees and a photo grid. NTU SC wanted something that felt more alive on arrival and more memorable on return.
Constraints
- Had to stay content-editable by non-technical council members
- Performance target: snappy on student-laptop hardware and campus wifi
- Motion had to read as crafted, not gimmicky
Approach
Card-based composition with scroll-triggered reveals, smooth page transitions between sections, and a restrained colour system so the motion does the talking. Deployed to Vercel for zero-config previews and instant CDN.
Key Decisions
Animation as a core element, not decoration
If you're going to animate, commit. Half-animated sites feel jittery. Full animation systems feel intentional.
Vercel for the host
Preview-deploy-per-branch made review cycles with the council much faster — they could click a link and see the change, no dev environment needed.
Tech Stack
- React
- CSS Animations
- Vercel
- HTML5
Result & Impact
Live at ntu-sc.vercel.app. Council members were happy enough with the result that it stays as the live face of the council site.
Learnings
- Animations sell the site, but restraint sells the animations
- Preview deploys per branch are the single biggest win in non-dev stakeholder review