GSAP Interactive Annual Report — FHF

Client: Fédération Hospitalière de France (FHF)

Dates: April – May 2022

Role: Front-end Developer (freelance)

Summary: Interactive annual report built from a Figma design, with GSAP animation and scroll-synced SVG.

Context: An interactive annual report for the Fédération Hospitalière de France, built from a client-supplied Figma design. I did the complete front-end build, with a pixel-perfect implementation true to the organisation's visual identity and a strong focus on user experience, animation and smooth navigation.

What I delivered:

Pixel-perfect build in HTML5, CSS3 (SASS) and JavaScript from the Figma design

Advanced animation with GSAP (GreenSock)

A complex scroll-synced SVG animation: a line follows the visitor's progress through the whole report

A large number of animations kept smooth

Responsive design for desktop, tablet and mobile

Performance optimisation, accessibility and cross-device compatibility

Technologies: HTML5, CSS3/SASS, JavaScript, GSAP, Figma

Note: I delivered and handed over this site on completion.