GS
Back to Library
Case Study

Align SA
Web Platform

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

Role

Freelance

Duration

2025

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.

Focus

React

The Challenge

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

01

Architected a high-performance marketing platform with complex animations using Framer Motion and GSAP

02

Integrated 3D visual elements using React Three Fiber and Three.js for immersive hero sections

03

Utilised 20+ Radix UI accessible, headless component primitives across the UI

04

Implemented SEO pre-rendering and automated sitemap generation scripts

05

Structured 5+ core pages with responsive layouts and accessible content hierarchy

06

Applied accessibility and quality checks before release handover

Technical Stack

ReactTypeScriptViteTailwind CSSFramer MotionGSAPRadix UIThree.jsReact Three FiberLottie

Visual Documentation

Align SA — Web Platform screenshot 1