Deliverables
Highveld Mall
Project Key Features
Project Key Features
- GSAP-Powered Animations – Used GreenSock Animation Platform to choreograph subtle transitions and bold visual effects that make the site feel alive and interactive.
- Real-Time Content via API Integration – Pulled in fresh data from Mallguide and Ster-Kinekor APIs to display the latest store listings, special offers, and movie showtimes.
- Interactive Frontend Development – Built a layered and engaging user interface with JavaScript, jQuery, and Bootstrap 3, balancing design flair with usability.
- Responsive & Mobile-Friendly Design – Ensured full functionality and visual consistency across mobile, tablet, and desktop through a mobile-first layout.
- Smooth AJAX Navigation – Enhanced performance and fluidity by using AJAX to load content dynamically, reducing page reloads and improving the overall UX.
- Modular PHP Backend – Developed a flexible backend architecture that supports efficient data flow and easy future enhancements.
Outcome
Takeaway
The website combines powerful backend logic with engaging frontend interactions, delivering a vibrant digital extension of the mall’s real-world atmosphere.
This project deepened my appreciation for animation-driven UX and taught me how thoughtful motion design, when paired with real-time data, can turn a functional site into a truly immersive experience.