SELF-INITIATED / INTERACTIVE WEBSITE & 3D WORLD
After Hours.
A studio you can enter.
A browser-based city turns Twined’s portfolio into places to explore, while a conventional website gives visitors a direct route to the work and services.
01 / THE BRIEF
Make the work
a place.
The creative idea was a studio that comes to life after closing time. A cat guides visitors through a night-time city of buildings, characters and film screens. The website had to carry that atmosphere while still answering the practical questions: what Twined makes, how the work develops and how to start a project.
That led to two connected ways to visit. The scroll presentation tells a guided story. The optional 3D world lets visitors choose their own route. The same work and inquiry remain accessible through normal pages, so exploration is an invitation rather than a requirement.
02 / THE VISITOR ROUTE
Give each place
a purpose.
The locations have different jobs. The Backlot is a place to discover film work. The Foundry shows the stages behind an asset. The Casting House introduces the cast and their stories. The Post Office connects the visit to an inquiry. These destinations give movement a reason beyond simply looking around.
The site navigation stays available alongside the experience. A visitor researching a service can go straight to Experiences or Films, while someone interested in the making can visit Studio. The inquiry carries the selected service into the form to reduce repeated decisions.
A RELATED FILM STUDY
Structure before
surface.
The wider After Hours project also includes film development. This untextured Blender study explores a cat, a puddle and a camera move. It is early previs, separate from the finished interactive city and the published cinematics.
Compare the concept, blockout and camera test ↗03 / BUILDING FOR A BROWSER
Keep the atmosphere.
Respect the device.
The city combines prepared 3D assets, lighting, animation and interaction. Texture memory, the number of objects drawn and the work done every frame all matter on a phone. The browser build uses separate mobile settings and defers the 3D experience until a visitor chooses it.
Touch movement uses a floating joystick; desktop visitors use keyboard controls. Performance work includes spatial grouping of scene geometry, prepared collision data and fewer repeated shadow updates. Those choices address rendering and movement costs without making the regular website depend on 3D loading.
The project illustrates the tradeoff an explorable site introduces: more freedom for visitors also means more navigation, asset and device testing.
04 / THE WORK IN CONTEXT
Explore the result.
After Hours brings the portfolio, studio story and contact journey into one connected experience. Visitors can watch the films, meet the cast, explore the making and send a brief through the Post Office or the website.
The site uses a mix of Twined project material and third-party assets. Model and other asset acknowledgements are listed in the asset credits.