WMG Academy track (design development)

A project that aims to provide a modern, professional and interactive alternative to an organisations website.

Comment

Absolutely. Here is a quick Devpost-ready project writeup you can paste and tweak.

Project Name
WMG Academy Website Platform

What it does
This project is a modern website platform for WMG Academy for Young Engineers. It showcases pathways into engineering, admissions information, industry partnerships, and contact tools in a clear, high-impact format. It also includes a student portal with direct access to ClassCharts and Google Classroom, plus a built-in language switcher for accessibility.

Inspiration
We wanted to build something that reflects how WMG Academy actually works: industry-led, career-focused, and practical. The goal was to move away from a generic school website and create a digital experience that feels closer to a professional engineering brand.

How we built it
We built the site with Next.js and React, using TypeScript for maintainability. The UI is custom designed to match WMG branding, with structured layouts, responsive sections, and smooth interactions. We also implemented multilingual support and optimized the content structure page-by-page for admissions, industry, pathways, and student access.

Challenges we ran into
A key challenge was keeping the visual style consistent across many pages while making each page unique and useful. We also had to fix layout issues across different screen sizes and ensure production builds matched local behavior.

Accomplishments that we're proud of

  • Delivered a complete multi-page academy site with a consistent brand system
  • Added a student portal with direct links to learning platforms
  • Improved accessibility with a language switcher
  • Refined responsive hero sections and removed visual/content inconsistencies across pages
  • Shipped and deployed updates quickly through GitHub and Vercel

What we learned
We learned a lot about balancing strong visual design with practical usability, managing iterative feedback quickly, and keeping production deployment stable while making frequent improvements.

What's next
Next steps include adding CMS-backed content editing, analytics dashboards, richer student/parent portal functionality, and stronger SEO/performance tuning for long-term scale.

Built With

Share this project:

Updates