Three buyers, one company, and a date that couldn’t move.
Total Expo designs and builds exhibition stands and event spaces out of Dublin, selling to organisers, exhibitors and agencies, three audiences buying three different things from one company.
At a glance Total Expo Ltd 2025
In short
The brief
Nine pages of design, and a date already set.
Total Expo builds exhibition stands and event spaces out of Dublin: everything from a single exhibitor booth to field hospitals and sixty vaccination centres during the pandemic. Organisers, exhibitors and agencies all buy from the same company, and none of them want the same thing.
The project reached us with its visual direction already decided: nine page designs, a confident art direction, and a schedule that had started without us. What it needed was everything between a set of pictures and a working website.
From comp to system
The design was done. The system wasn’t.
Nine desktop frames at one width. No mobile, no component library, no states, and motion that existed only as notes beside the artboards, intent rather than behaviour. That is the normal shape of a visual handover, and it means the responsive, componentised and behavioural layers were not translated from the design. They were designed from nothing, while the page build ran alongside them so the date never moved.
Motion
Notes beside an artboard, turned into behaviour.
The direction asked for a site that moves: sections that assemble on scroll, line work that draws itself in, a map that fills point by point. None of it was prototyped, so all of it had to be interpreted: pace, easing, order, and what happens when someone scrolls faster than the animation expects.
Built with GSAP and ScrollTrigger, with Lottie for the drawn sequences, and tuned against real content instead of a static frame. The result is the part of the design that could only ever be described on paper, working.
Structure
One company, three different buyers.
An organiser filling a venue, an exhibitor booking one stand and an agency delivering for a client are three different purchases with three different questions. Rather than one flattened services page, each gets a route of its own, and the work, the solutions library and the company’s own history sit behind all three.
The result
Handed a design. Delivered a website.
Nine designed pages became a live site with three audience routes, a project archive, a solutions library, a news section and a company history, all editable without a designer in the loop. And the layers that did not exist when we started now do: a component vocabulary, a full responsive system, and a motion language consistent enough to extend to whatever the company builds next.
See it live
Best seen moving.
Scroll it rather than look at it. The assembling sections and the map filling point by point are the whole argument of this project.
Let’s talk
Got a project
in mind?
Prefer a call?
Book a free 30-minute callOpens a booking panel here, or a new tab if scripts are blocked. Cookie Policy.