The problem
This site is built mostly using image assets as all the button, menu, font are custom as per client's request. The challenge is to build this from scratch + client's assets and making sure of fast loading time and image optimization
What I built
Using Cloudinary and NextJs' image handling to allow faster loading. Optimize using webp format to make sure all the image has low size but still retain original resolution
- Mobile-Friendly
- Fast-Loading
- SEO-Ready
- Unique Design
- Fast Image Loading
Results
result on lighthouse metrics are : performance : 96 Accessibility : 100 Best Practices : 96 SEO : 100
Screens
The system as the team uses it. Click a screen to see it full size.
Stack
Click a tool to see everything else I've built with it.
