Description

 Grace Pharma & Services is a pharmaceutical importer that needed a digital presence matching its position in the market something that conveys international scale and rigour to partners and suppliers. The website was built with Next.js with a focus on performance and visual impact, centred on an interactive SVG map representing the company's global supply chain, making tangible an operation that would otherwise be hard to communicate.

 Key Features

• Interactive Supply Chain Map: A custom-built SVG visualisation representing the company's global sourcing origins and routes in a navigable format.

• Scroll-Driven Animations: Progressive content reveals as the user moves down the page, creating a narrative journey rather than a static read.

• Animated Counters: Dynamic presentation of key company metrics, reinforcing credibility visually.

• Integrated Contact System: Form with validation and reliable email delivery, protected against automated submissions.

• Responsive Design: A consistent experience across desktop, tablet and phone, with attention to performance on mobile connections.

Technologies Used

• Framework: Next.js with rendering optimised for performance and search engine indexing.

• Animation: Scroll-driven animations with a custom interactive SVG for the supply chain map.

• Forms: Contact system with client-side and server-side validation and transactional email delivery.

• Deployment: Continuous deployment with CDN distribution for fast load times.

Results and Impact

• Brand Positioning: A digital presence that communicates international scale to suppliers and institutional partners.

• Performance: Fast loading despite heavy visual content, achieved through image optimisation and efficient rendering.