Upgrading User-experience and Website Performance Using Next.js for a Diagnostic Leader
ABOUT THE CLIENT
Leader in Diagnostic and Preventive Care LaboratoriesThe client is a multinational chain of diagnostic and preventive care laboratories. Headquartered in Mumbai, they have been innovation leaders in the industry for more than a decade. They currently boast 1,200+ outlets with a workforce strength north of 2,000 employees.
OVERVIEW
Upgrade Existing Website for Enhanced User-experience
Our client wanted to improve the performance of their existing website. They wanted to focus on improvements centered around user experience, reduced initial load time, decreased network calls, and search engine optimization (SEO).
100performance score for the overall website
100best-practice score for Search Engine Optimization
0.7seconds loading time of website
BUSINESS REQUIREMENT
Create a Mobile-responsive Website and Data Tracking
To address the full demographic range of their target audience, the client wanted a robust mobile-responsive website. They also required ethical data tracking using Google Analytics and CleverTap.
Key Targets to Achieve
- Revamp the existing website's user experience
- Detailed data tracking using Google Analytics and CleverTap
- Improve Search Engine Optimization (SEO)
- Create a mobile-responsive website
- Reduce initial load timeMinimize network calls
OUR APPROACH
Fixed Scope Model. Milestone-based Execution.
The project started with evaluating the client's current website and understanding their expectations. The analysis gave us insights into the fit of the tech stacks drafted for the project. A course was then charted for hitting the milestones set for each stage.
1. Execution Style
Milestone-based execution.
2. Methodology Used
Fixed Scope model with aggressive timelines.
3. Execution Journey
Fixed Scope model with aggressive timelines.
3. Execution Journey
Product Design
CHALLENGES IN EXECUTION & SOLUTIONS
Different Screens. Data Changes.
Challenge 1: Different designs for the web and mobile screens
Challenge 2: Constant changes in website data
PROJECT EXECUTION
Milestone-focused Development. Strict Quality Checks
We used a Fixed Scope model with aggressive timelines. The development depended on the client's API/backend for some areas.
Execution Style
Milestone-based execution.
Methodology Used
Fixed Scope model with aggressive timelines.
RESULTS
High-performant and Interactive Website
As of the day, milestones are being hit without delays. Currently, the client's website has undergone thorough testing and verification by our QA team. This ensures the website meets all client requirements and is user-friendly and fully functional.
We are expecting a 2X improvement in performance in terms of load time and user engagement on this new website. Our expert QA team has tested it across platforms, and it performs well.
100performance score for the overall website
100best-practice score for Search Engine Optimization
0.7seconds loading time of website
Case Studies.
More from our engineering portfolio.
Case Study
A Secure Casino Web Platform Built for KYC, Payments, and Geo-Compliance
Explore how GeekyAnts built an igaming casino web application with KYC verification, secure payments, real-time notifications, geo-compliance, Next.js, and AWS Amplify.
Case Study
SPORTS FAN ENGAGEMENT PLATFORM
Discover how GeekyAnts built Chant, a fan engagement platform that unified memberships, ticketing, payments, and community experiences for sports supporters.
Case Study
DIGITAL ENTERTAINMENT COMPETITION PLATFORM
GeekyAnts built a video-based talent competition platform for a media and entertainment company and took it live on iOS and Android with 100% automated content moderation.
Case Study
End-to-End Event Management Platform with API-First Backend
A centralized event and hospitality operations platform built for ABC, consolidating key workflows into a single system.
To address this, the dev team worked very closely with the design team; they suggested the standard improvements in the Visual Designs as well. This helped sort out the differences and create a seamless user flow.
We highlighted the risk and convinced the client to get into a daily standup where we discussed the blockers from their end and correspondingly assigned the POC for each one of them in the call itself with an ETA to solve the issues.