Home / Portfolio / Publsh

Publsh

When the website is the pitch
Scope: Web Design and Development

The Challenge

An experiential media and PR agency like Publsh Media Group needed a digital presence that didn’t just describe their work in brand storytelling and high-profile campaigns. It needed to demonstrate it. The website had to function as proof of concept.

What We Did

Full design and development of a custom, high-impact site built to feel like an experience rather than a brochure. The only element outside our scope was the micro-animations, which were provided by the Publsh team.

Visual Direction

A monochromatic base of black, white, and grey keeps the interface clean and lets the colour of their campaigns, and the logos of clients like Emaar, Prada, and Squatwolf, carry the visual weight.
Typography was treated as a design element in its own right. Oversized, high-contrast headings give the site the same energy as the campaigns Publsh runs: bold, direct, and hard to scroll past.

UX and Architecture

The site is structured to move a visitor from awareness to credibility in a single scroll. Full-screen video in the hero sections leads with the work immediately. From there, scroll-triggered sections guide the user through Featured Work and Services in a sequence that mirrors how a client relationship actually develops: here is what we do, here is who we have done it for.

Service pages were built as distinct landing pages, each maintaining the same visual standard but tailored to different decision-makers. A marketing manager and a CEO arrive with different questions. The architecture accounts for that.

Social Proof by Design

Client logos are woven into the layout as a visual signal of the agency’s portfolio. Influencer and media grids showcase regional work in a format that communicates reach at a glance, without a single line of copy needed.

What We Flagged

Two recommendations were submitted to the client and not taken forward. A branded loading state to manage perception of speed on slower connections, given the volume of high-resolution video and a text label alongside the hamburger menu on desktop to improve accessibility for less tech-familiar visitors.

Let's Connect

We’d love to hear from you and explore how we can work together.

Have a project in mind or just want to say hello?