The event floor, built in 3D
A bilingual site for an Egyptian event producer, plus a browser based 3D builder that lays out venues and prices them live.
- Client
- Modern Live Show, live event production, Egypt and the Arab world
- What we delivered
- Visual design, responsive build, 3D event builder, admin dashboard
- Built with
- Custom Node.js application, real time 3D in the browser
- Languages
- Arabic first with full RTL, plus English
A production company that had nowhere to show its work
Modern Live Show has been lighting concerts, galas and weddings since the early nineties. The inventory is serious: moving heads, LED walls, line array sound, truss and staging. None of it was visible online. Every enquiry started with photos sent over WhatsApp and ended with a quote typed by hand.
Four departments, one catalogue
We structured the equipment the way the company actually works on site, and wrote every spec in Arabic and English so a planner in Cairo and a producer in Riyadh read the same page.
Lighting
Moving heads, beams, wash and matrix fixtures, run from Avolites control. The section leads the catalogue because lighting is what the company is known for.
LED screens
Indoor and outdoor walls from P2.6 to P4.8, driven by Novastar processing and Green Hippo media servers.
Sound
JBL, Meyer and RCF systems with Midas and Soundcraft consoles, scaled from a conference room to a full concert.
Staging and logistics
Eurotruss truss and scaffolding, stage decks, tents and power. Everything the venue needs before the rig goes up.
A 3D event builder that runs in the browser
Clients kept asking the same question: what will it actually look like? So we built them a tool that answers it. A client sets the hall dimensions, drops in a stage, LED walls, truss and moving heads from the company's own inventory, and walks the scene from any angle. No install, no CAD licence, no download.
Getting into the builder
The builder is a service, not a free toy, so it sits behind an access code. The public page explains the tool and hands the visitor a short path to a code.
Watch how it works
A walkthrough on the public page shows the builder in motion before anyone commits to a conversation.
Request a code
A short form takes the name, phone, event type and date. WhatsApp sits right next to it for anyone who would rather just message.
Open the builder
The code unlocks a saved workspace. Work is kept between visits, so a design can be started on Sunday and finished on Wednesday.
Everything on the floor is real gear
The library is not generic furniture. It is the company's own rental stock, modelled and named, so what a client arranges on screen is what arrives on the truck.
- Stages: rectangle, T shaped runway, U shape and round.
- LED screens: indoor P2.6 and P3.9, outdoor P3.9 and P4.8, plus a 360 degree wall.
- Truss and rigging: Eurotruss 30 and 40, folding truss, mega truss and scaffolding.
- Moving heads and beams: Light Sky F450 and F350, Clay Paky 330 and 200, Robe 280w, Vello 350, Space Cannon.
- Wash and effects: Clay Paky Wash and B-EYE, Vello Wash 900, Matrix MH.
- Seating: banquet rounds, theatre rows and tiered blocks.
The scene does the maths
Drag an LED wall wider and the panel on the right recalculates as you go: how many cabinets, what resolution, how much power it draws and what it weighs on the truss. Those four numbers are what decide whether a rig is actually possible in a given hall, and the client now sees them before anyone is on site.
Readings from the gala layout shown above: a 14 by 4 metre indoor wall at 3.9 mm pitch, in a hall of 56 by 48 by 9 metres.
A quote that keeps up with the design
A second tab next to the properties panel prices the scene from the same inventory. Change the layout and the figure moves with it, which turns a week of back and forth into one conversation.
- Orbit, top, front and side views, so the layout can be checked the way a rigger reads a plan.
- Snap to a 25 cm grid, with move and rotate on keyboard shortcuts.
- Templates for the event types the company runs most often.
- Export, so the layout leaves the browser and reaches the crew.
- Autosave on every change, shown in the toolbar.
The company runs it without calling us
Behind the site is a dashboard the Modern Live Show team owns. Clients, access requests and codes each get a tab, every client row shows the event type and when the design was last touched, and the team can open any client's scene and edit it with them on the phone.
How we told the story
The launch ran as a three part set: the design work first, the engineering behind it second, and the 3D builder as the payoff.
Have something this involved in mind?
Modern Live Show came to us for a website and left with a product. If your business has a process that clients struggle to picture, it can probably be built.