TAPE AGENCYPRODUCTION PLATFORM
Cinematic energy opens the door; a disciplined production system explains what Tape does and where a serious inquiry should go.
A motion-led production website that turns photo and video work into two navigable portfolio branches and a structured inquiry.
- STATUS
- LIVE / CLIENT WORK
- SECTOR
- FILM / PHOTO PRODUCTION
- ROLE
- CREATIVE DIRECTION + BUILD
- DELIVERED
- ART DIRECTION / UX/UI / RESPONSIVE FRONT-END
PROJECT NOTELIVE CLIENT WEBSITE / EVOLVING MEDIA ARCHIVE / BUSINESS-IMPACT DATA NOT YET SUPPLIED.
THE PROJECT IN CONTEXT
What the site had to solve.
Tape needed more than a conventional agency page. The website had to carry the pace of a showreel, explain full-cycle production and make a deep, evolving media archive usable.
How can a production studio feel cinematic at first contact and still let serious clients quickly understand the work, workflow and next step?
- AUDIENCE
- Prospective production clients reviewing capability, moving-image work and still-image work. Detailed personas were not supplied.
- PRIMARY JOB
- Assess the studio’s creative calibre, choose the relevant portfolio branch, understand production scope and request a quote.
- CORE CONSTRAINT
- A motion-led studio needs impact at first contact, but a showreel and an evolving media archive cannot obscure services, workflow or contact on desktop and mobile.
- BIMZI ROLE
- CREATIVE DIRECTION + BUILD
- PUBLICATION STATE
- LIVE / CLIENT WORK
Design is the decisions between screens.
These are qualitative interface changes, not invented performance metrics.
- 01PRESSURE
A showreel can become an unskippable splash screen.
DECISIONMake it a distinct opener with a clear continue-to-site action.
CHANGEThe first impression stays cinematic without hiding the working site.
- 02PRESSURE
Photo and video compete when mixed in one feed.
DECISIONSplit the portfolio into Tape Video and Tape Photo.
CHANGEClients can enter the medium relevant to their brief.
- 03PRESSURE
Agency atmosphere alone does not answer operational questions.
DECISIONConnect services and workflow to a structured inquiry plus direct contact routes.
CHANGEDiscovery resolves into an actionable production request.
HELLENIC PRODUCTION DOSSIER
A system, not a moodboard.
- TYPE
- Self-hosted Poppins carries every role from 10px technical labels to heavy display statements.
- COMPOSITION
- Rounded archival plates, ruled coordinates, sculptural still life and generous margins separate motion theatre from utility.
- SIGNATURE
- Ancient and sculptural references operate as a production-system metaphor, not as generic decoration.
- WARM PAPER#FBF3DD
Editorial canvas and production documentation
MEASURED / Tape/index.html - INK#11100C
Display type, rules and inverse stages
MEASURED / Tape/index.html - SIGNAL YELLOW#FFD200
Restrained navigation and production signal
MEASURED / Tape/index.html - MUTED#827866
Technical labels and supporting copy
MEASURED / Tape/index.html - CREAM#F2E8CF
Supporting archival surface
MEASURED / Tape/index.html
This is BIMZI's evidence-led case analysis, not an official client brand guide. Source-code facts are marked MEASURED; independent audit, licensing and field-performance gaps remain explicit.
Typography
- FAMILYMEASURED
Self-hosted Poppins, weights 400 to 900, font-display swap
SOURCE / Tape/index.html - SCALEMEASURED
10px label / 11px caption / 14 to 16px body / 16 to 20px lead
SOURCE / Tape/index.html - LICENSEUNKNOWN
Font files are present; a licence file was not located in the reviewed source
SOURCE / Tape/assets/fonts
Grid & spacing
- CONTENT CAPMEASURED
1280px default with 1500 to 1840px media chapters
SOURCE / Tape/index.html - COMPOSITIONMEASURED
Three-part header, two-column hero and separate Video/Photo portfolio doors
SOURCE / Tape/index.html - BREAKPOINTSMEASURED
1020px / 760px / 680px plus a 1600px wide treatment
SOURCE / Tape/index.html
Components
- SHOWREELMEASURED
Opening dialog with a clear continue-to-site route
SOURCE / Tape/index.html - PORTFOLIOMEASURED
Separate Video and Photo branches with a gallery viewer
SOURCE / Tape/index.html - INQUIRYMEASURED
Quote form with honeypot plus WhatsApp and email routes
SOURCE / Tape/index.html
Responsive
- GRID COLLAPSEMEASURED
Hero and portfolio doors recompose progressively into one column below 680px
SOURCE / Tape/index.html - MOTION MEDIAMEASURED
Desktop and mobile showreel sources are delivered separately
SOURCE / Tape/index.html - OVERLAYSMEASURED
Navigation, showreel and gallery overlays receive mobile-specific treatments
SOURCE / Tape/index.html
Implementation
- STACKMEASURED
Single static HTML/CSS/JavaScript artifact
SOURCE / Tape/index.html - MEDIA BUDGETMEASURED
2.8 MiB desktop reel / 1.6 MiB mobile reel / 100 KiB poster
SOURCE / Tape/assets - VIDEO POLICYMEASURED
Poster is present; video uses preload=none and script attempts play() after page load
SOURCE / Tape/index.html
Quality status
- ACCESSIBILITY / CONDITIONALMEASURED
Skip link, focus-trapped dialog, Escape, focus handoff and reduced-motion rules exist
SOURCE / Tape/index.html - KNOWN RISKMEASURED
Muted text on paper measures 3.93:1 and repeated client-logo alt text needs correction
SOURCE / BIMZI case audit - FIELD PERFORMANCENOT VERIFIED
Core Web Vitals and production transfer
SOURCE / BIMZI case audit
The path through the product.
The visual system supports this route; it does not replace it.
- 01Watch or pass the showreel opener
- 02Understand the production proposition
- 03Choose Video or Photo
- 04Review services and workflow
- 05Send a production brief or contact directly
Selected screens.
Direct captures of the working website, shown across desktop and mobile.
What BIMZI made, and what is not claimed.
The live platform combines a showreel, photo and video portfolio branches, service workflows and direct production inquiry in one journey. No traffic, conversion or business-impact figure is claimed.
Contribution
- Creative and art direction
- Portfolio information architecture
- Responsive UX/UI
- Front-end build
- Showreel, services and inquiry integration
Known unknowns
- Traffic, lead and conversion data were not supplied.
- Visible client or experience figures remain client-owned claims unless independently verified.
- The media archive is evolving.
- Runtime media performance and motion settings were not independently measured.
06 / WHY THIS CASE MATTERS