QuantHealth Case study
CLIENT'S CHALLENGES
- Outdated website that no longer supported business growth
- Legacy UI/UX that didn’t meet modern usability standards
- Misalignment with newly developed brand identity
- Limited flexibility for marketing and content updates
- Inefficient tech stack that slowed down internal workflows
Project in numbers
load time
Unique
page
faster
OUR SOLUTIONS
- Built a new website from scratch using Next.js and Tailwind CSS
- Implemented all design pages, including adaptation for tablet and intermediate screen sizes
- Translated complex design elements into clean, functional frontend code
- Crafted custom brand animations to enhance visual identity
- Focused on high-fidelity UI execution to match the updated branding
Project Tech Stack
DatoCMS
Next.JS
Vercel
Complex Tech Page Animation
We explored five layout iterations to balance visual appeal and performance.
Hero Animation on Homepage
Visually impactful entrance using a custom-coded animation, creating a smooth and engaging first impression as users land on the homepage.
dotLottie Animation Integration
Lightweight and expressive visuals implemented in the second section of the homepage using dotLottie, enhancing storytelling while maintaining performance.
100/100 Real Experience Score
QuantHealth’s website achieved perfect performance metrics across all key pages — including First Contentful Paint, Input Delay, and Time to First Byte — based on real user data from both desktop and mobile.
KEY ACHIEVEMENTS
- Delivered outstanding SEO performance with optimized NextJS server components, critical CSS, and asset compression
- Streamed video in hero sections to enhance visuals without hurting performance
- Helped the client meet a tight deadline by prioritizing key features for MVP
- Built a modular, intuitive CMS structure tailored to a non-technical team
- Guided and implemented complex animations using cost-effective tools
- Integrated Greenhouse for seamless job posting and candidate applications
What our client says
FocusReactive helped us launch a high-performing website with 20% faster load times and 40% less manual work thanks to seamless integrations. DatoCMS also allowed our team to update content 50% faster, all delivered with clear communication and reliable project management.
Gal Lampel
Operations Manager, QuantHealth
Team behind the project
Related articles:
-
What is DatoCMS?
This article explores its key features, use cases, and how it compares to traditional CMS platforms, making it ideal for businesses looking to modernize their digital experiences
-
Best NextJS CMS
Detailed list of production architectures optimized for enterprise scalability, SEO performance, with proven use cases from high-traffic applications
-
Best Enterprise Headless CMS
In June 2022, Shopify released its new framework for working with e-commerce projects. With the goal of making its resources more flexible and open to change, Shopify has created an excellent solution for this - Hydrogen