I am currently working at Hello Health Group. Hello Health Group is the leading health platform in the South East Asia region. The company has several websites focussed on democratising health care to the millions of people in this region. Hello Health Group has more than 40 million monthly visitors on the website that our team has developed.
Getting started
When I began working at the company we had the problem that our current WordPress website was extremely unreliable, we knew that we had to do something to combat this problem. After putting a lot of research in this problem we decided that the way to go was to decouple WordPress from the front-end. The editors would still be able to use WordPress to manage content, but the front-end would be running NextJS. With the solution we can provide users with a much more streamlined and fast experience.
Our in-house design team created a design that was way more modern than the old design that we had. From here we created an architecture for the frontend. We decided to create the React components first in a separate project as an NPM package. The advantage of this approach was that we can easily re-use these components in other projects that we are working on.
The new front-end
After a good month, we created a reusable project in NextJS, with our approach we would only have to change some values in the .ENV file to update it for whatever country it is. This creates a very maintainable project for the coming years.
We focussed highly on speed as this will be the leading factor for this new website as we are targetting to hit all core web vitals.
Our performance score went from an average of 34 to 99! We are now hitting all "Core web vitals"
The new AMP
For this project I was responsive for creating the AMP version of the website. An AMP version is the version that Google will index for the mobile results. Whenever you lookup articles on Google on a mobile device and see a little ⚡️icon next to it, you are reading an AMP article.
We used to use AMP in almost all of our markets, yet AMP was not as powerful as the non-amp version. In our new version I tried to keep the AMP version as close to the normal website as possible. With this I introduced infinite scroll in the AMP articles and added extra tools for people to improve engagement.
Conclusion
I am extremely proud to have working on such a huge website and cannot wait to roll this out across all our markets. For now, you can preview the website in the Philippines, Cambodia and India.