CLIENT:
SPH Media SG
YEAR:
2023 - Present
ROLE:
Web Development - Frontend
STACK:
React.js, Typescript, Vite, Tailwind

RedAnts 红蚂蚁
about.
Redesigned and enhanced the homepage experience of an editorial news platform to create a more intuitive and engaging content discovery journey. The revamp focused on improving readability, simplifying navigation across content categories, and creating a more visually cohesive experience across articles, videos, and featured stories.
The project also emphasized frontend optimization and responsive design to improve loading performance and accessibility across devices.

challenge.
As the frontend solution, the platform was redesigned with a clearer information architecture and improved visual hierarchy to make content discovery more intuitive and engaging. Beyond the homepage revamp, a new video category page and additional category landing pages were introduced to better organize editorial and multimedia content, improving navigation and increasing visibility for video articles. Responsive and reusable UI components were developed to create a scalable and consistent experience across devices, while image rendering and thumbnail aspect ratios were standardized to resolve layout inconsistencies between CMS and social media assets. Frontend performance optimizations and improved loading behavior were also implemented to enhance page speed, responsiveness, and overall user experience.
solution.
As the frontend solution, the homepage was redesigned with a clearer information architecture and improved visual hierarchy to make content discovery more intuitive and engaging. Responsive and reusable UI components were developed to create a scalable and consistent experience across devices, while image rendering and thumbnail aspect ratios were standardized to resolve layout inconsistencies between CMS and social media assets. Frontend performance optimizations, including cleaner asset handling and improved loading behavior, were also implemented to enhance page speed, responsiveness, and overall user experience.








