All projects

Align SA — Web Platform

Public-facing website for a South African communications brand.

Align SA — Web Platform retained desktop homepageView project screens
Public desktop homepage · 27 May 2026.
My role
Freelance Software Developer
Timeframe
2025
Project status
Live public

Across screen sizes.

The public experience on desktop and mobile, captured on 27 May 2026.

Align SA — Web Platform desktop homepage with its navigation, introduction and primary actions
Public Align SA homepage captured on 27 May 2026 with permission to present it as portfolio visual evidence.
Align SA — Web Platform mobile homepage with vertically arranged introduction and primary actions
Public Align SA mobile homepage captured on 27 May 2026, demonstrating the responsive client-facing experience.
Detail of Learn More and Let’s Chat in the retained desktop capture
1 Action detail · crop from the same desktop capture, 27 May 2026.
  1. An introduction with two next steps.

    Learn More and Let’s Chat sit directly beneath the brand name. The desktop navigation also exposes Services, Contact and Book a Consultation.

  2. A service message that carries across sizes.

    The retained mobile screen keeps the communications proposition and both hero actions, arranged vertically beneath the brand name.

The problem.

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

The work translated service content and a communications brand’s visual identity into responsive pages. Clear service and contact routes needed to remain usable across desktop and mobile.

My contribution.

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

  • 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

The implementation.

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

React · TypeScript · Vite · Tailwind CSS · Framer Motion · Radix UI

Project identity.

The project mark identifies the work. The implementation evidence is described above and linked where available.

Align SA brand mark retained as secondary project identification.

What was delivered.

  • Delivered a responsive React and TypeScript interface for public brand and service content
  • Built interface details that support brand quality while keeping navigation and contact pathways visible
  • Structured public-facing content to support clear service discovery across screen sizes

What I took forward.

  • 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

Want to talk about this work?

A question about the approach, a role or a project of your own.

Discuss this project
Next projectAgri-Energy Connect