Back to ProjectsCase Study

Align SA — Web Platform

Brand and PR website for services, storytelling, and digital identity.

Visit Site

Role

Freelance

Duration

2025

Stack

ReactTypeScriptViteTailwind CSSFramer MotionGSAPRadix UIThree.jsReact Three FiberLottie

Context

The client required a modern, accessible platform to replace an outdated WordPress site and showcase their full suite of PR and brand services to potential corporate clients.

Overview

A production-ready brand and PR website built to establish a strong digital identity for a South African communications agency. The platform combines storytelling, animation-driven UI, and 3D visual elements to deliver a premium browsing experience. Features a clean information architecture across 5+ core pages, SEO pre-rendering, and sitemap generation — designed to convert visitors into leads.

Key Outcomes

Architected a high-performance marketing platform with complex animations using Framer Motion and GSAP
Integrated 3D visual elements using React Three Fiber and Three.js for immersive hero sections
Utilised 20+ Radix UI accessible, headless component primitives across the UI
Implemented SEO pre-rendering and automated sitemap generation scripts
Structured 5+ core pages with responsive layouts and accessible content hierarchy
Applied accessibility and quality checks before release handover

Lessons Learned

Learned the importance of early client sign-off on information architecture before building
Discovered that performance optimisation wins trust faster than flashy animations

Technologies