TSA Global

TSA was growing quickly, but clients were already looking for a digital touch point. The company needed an online presence that matched its culture and productions, while also crystallising credibility inside the wider Five by Five and Worldwide Partners network.

I worked as the creative technologist responsible for translating the designed vibe into a working website. That meant owning the build end to end, shaping the motion system with the client, and structuring the site so the team could manage it confidently after launch.

The hardest part was making animated elements feel expansive without making the system fragile. TSA needed to add campaign items of any size or shape with minimal configuration, and the site still had to load cleanly while spreading media across height, width, and depth in an almost spherical arrangement.

I built the site with simple JavaScript and CSS rather than heavier animation libraries like three.js. That kept the implementation lean and developer-agnostic. Content was managed through Gutenberg blocks, so TSA could update the site without developer intervention while keeping the layout stable.

Because the motion could not be communicated well in static mockups, we started with prototypes. That let us define the animation behavior first, then build the rest of the site around the motion system that had already been tested. From there, I translated the approved direction into the full stack implementation.

I chose not to overbuild the animation layer. Simpler code meant easier handoff, lower maintenance risk, and less chance of the CMS becoming brittle over time. I also kept the content structure flexible enough to handle frequent updates, so the client’s workflow stayed practical instead of being constrained by the design.

The result was a smooth, scalable site that matched TSA’s energy without breaking the CMS or slowing load. It gave the company a credible online presence that felt fun, attention-grabbing, and aligned with how the agency actually works.