Gontse Sebolai/JHB/2026
Back to Selected Work
Case Study

Align SA
Web Platform

Public-facing website for a South African communications brand.

Live Product
Case-study evidence
My role
Freelance Software Developer
Build window
2025
Evidence state
Live public
Proof signal
Live Product
Primary stack
React

What was delivered

A public-facing communications website that makes the service offer easier to understand and gives visitors a clear route to enquire.

  • Responsive public pages for desktop and mobile visitors
  • Service-led content structure and brand expression for the communications audience
  • Visible navigation and contact pathways carried through the experience

Developer view

A React and TypeScript frontend built with Vite, Tailwind CSS, Framer Motion and Radix UI.

  • Translated approved content and visual direction into a reusable responsive interface
  • Used interaction details and restrained motion to support navigation without competing with the message
  • Used public desktop and mobile captures as the available visual implementation evidence

Project context

A communications brand needed a clear public web presence that expresses its identity and makes its services easy to discover.

Align SA is a public-facing website for a South African communications brand. The work focused on translating service content and brand expression into a responsive frontend experience that helps visitors understand the offering and find a contact route.

A client website focused on communicating services clearly and presenting a confident digital identity across screen sizes.

My contribution Delivered a responsive frontend experience focused on service discovery, brand expression and usable contact pathways.

Contribution and Evidence

01

Delivered a responsive React and TypeScript interface for public brand and service content

02

Built interface details that support brand quality while keeping navigation and contact pathways visible

03

Structured public-facing content to support clear service discovery across screen sizes

Engineering reflection

  • Learned the importance of early client sign-off on information architecture before building
  • Discovered that restrained motion earns more trust when it supports clarity instead of competing with the message

Technical Stack

ReactTypeScriptViteTailwind CSSFramer MotionRadix UI

Visual Evidence

Align SA — Web Platform visual evidence 1
Public Align SA homepage captured on 27 May 2026 with permission to present it as portfolio visual evidence.
Align SA — Web Platform visual evidence 2
Public Align SA mobile homepage captured on 27 May 2026, demonstrating the responsive client-facing experience.
Align SA — Web Platform visual evidence 3
Align SA brand mark retained as secondary project identification.