01 · Understanding the brief
Two identities.
One site.
Hatch Films isn't like other production companies. The commercial reel and the social mission aren't separate tabs they're the same argument. The site has to carry both with equal weight, and make them feel stronger together.
Hatch Films
The Production House
Video, livestreams, social, animation, photography. Premium quality for clients including the National Portrait Gallery, BBC, Frieze and Kick It Out. A showreel-first brand built on craft and commercial output.
Hatch Filmmakers
The Social Enterprise
A CIC and NatWest Top 100 Leading Social Enterprise. Training, paid work experience, networking and employment for young talent from the Global Majority, LGBTQ+ and low socioeconomic backgrounds. All commercial profits fund this mission.
Why this matters for design: The risk with a dual-identity site is always that one story dilutes the other. The architecture, hierarchy and visual language need to give both identities air not as a compromise, but as a proposition. Clients choosing Hatch are choosing both things at once.
02 · Scope of work
Pages & features
This is a more architecturally complex build than a standard brochure site. The scope below covers every page, section, and system included in the quote.
| Page / Feature |
Type |
Notes |
|
Homepage
Full-screen showreel hero, dual-identity introduction, client logos, latest work pull, CTA strip
|
Bespoke |
Already built (3 days) |
|
Work / Portfolio
Filterable grid across film, branded content, animation, photography
|
Bespoke |
Bespoke padded project pages per case study |
|
Individual Project Pages
Full-width video, credits, client context, related work one per featured project
|
Bespoke |
Template built once, applied across all projects |
|
About
Company story, dual-mission framing, CIC / social enterprise credentials, team
|
Standard |
|
|
Programmes
Future Producers programme, training, work experience individual sub-pages per programme with strong CTAs
|
Bespoke |
Beefed-out section; each programme gets its own page with conversion-focused layout |
|
Monthly Updates / News
Selectable as blog-post style or video gallery with descriptions client's choice
|
Standard |
Admin-updatable |
|
Social Impact
Placeholder / holding section ready for their impact team launch later this year
|
Standard |
Fully inclusive no extra charge when ready |
|
Contact
Dual routing commercial enquiries vs programme applications
|
Standard |
|
|
Admin Backend Portal
Secure login area for the Hatch team to self-manage the site
|
Backend |
See feature breakdown below |
03 · Deliverables detail
What you're getting
Commercial Production Side
Homepage showreel hero
Full-screen autoplay reel on load. Admin-swappable from the backend no developer needed to update.
Key feature
Portfolio / Work page with filterable grid
Filter by discipline: film, branded content, animation, social, photography. Bespoke padded individual project pages with full-width video, credits and context.
Bespoke pages
Client logo bar
Animated marquee or static grid NPG, BBC, Frieze, Kick It Out, OMD UK, NACFB and more.
Included
Commercial services overview
Clear, scannable breakdown of what Hatch delivers video, livestreams, social, animation, photography with conversion-focused CTAs throughout.
Included
Programmes & Social Enterprise Side
Programmes section fully built out
Each programme (Future Producers and any others) gets its own dedicated sub-page: aims, eligibility, how to apply, testimonials, strong CTAs. Conversion-optimised layout to drive applicants.
Key feature
Programme applications portal
Application forms connected to the admin backend. Hatch can manage, review and track submissions internally. Video upload capability for applicant showreels.
Admin
Social Impact section (ready for launch)
Built as a placeholder/holding page now. When the social impact team launches later this year, we build it out in full included at no extra cost within your first year.
Year inclusive
Monthly updates section
Your choice of format: blog-post style with text and imagery, or video gallery with descriptions. Fully self-manageable from the backend.
Included
Admin Backend Portal
Secure admin login area
Password-protected backend for the Hatch team no technical knowledge needed to make updates.
Backend
Homepage reel manager
Upload and swap the homepage showreel directly from the admin area.
Backend
Work / portfolio manager
Add new projects, upload video and photography, write descriptions, assign filters without touching code.
Backend
Programme applications manager
View, filter and export incoming programme applications and video submissions.
Backend
Monthly updates / news publisher
Self-publish updates, embed videos, write posts all from within the admin portal.
Backend
Responsive Design
Full desktop version
Every page designed and built for desktop, optimised for large screens with generous layouts, full-width video and immersive visual sections.
Included
Fully optimised mobile version
A dedicated mobile experience across every page, not just a scaled-down desktop. Thoughtfully adapted layouts, touch-friendly navigation and fast load times on mobile networks.
Included
04 · Design & typography
How it'll look
The homepage is already live and viewable now at www.hatchfilms.moonsites.co.uk three days of design and build already done. Below is a record of the decisions already made, for Hatch's reference and sign-off.
Display Light
Hatch Films
Display Italic
for filmmakers
Body / Copy
We're a production company and a social enterprise and the two are inseparable. Every brief we take on funds the next generation of underrepresented filmmakers.
Font: Poppins (Light, Bold, Italic) confirmed as Hatch's own typeface. This is already live on the homepage build. When Hatch shares any additional font files or specs, we'll fine-tune accordingly at no extra cost.
Hatch Pink
#E84679
Films / commercial identity
Hatch Green
#72D79C
Filmmakers / social enterprise
Near-Black
#0D0D0D
Hero backgrounds, cinematic weight
Warm White
#F7F5F2
Content sections, breathing room
05 · Quote
What this costs
A single all-in figure. No surprise invoices for new pages, design revisions or the social impact section when it's ready.
Homepage (already built)
Full-screen reel, dual-identity sections, client logos, CTA architecture 3 days design & build
Included
Work / Portfolio + bespoke project pages
Filterable portfolio grid, individual padded project page templates
Included
Programmes section (full build)
Future Producers + additional programmes individual pages, CTAs, application flows
Included
Admin backend portal
Secure login, reel manager, portfolio manager, applications manager, news publisher
Included
All remaining pages
About, Social Impact placeholder, Monthly Updates, Contact with dual routing
Included
12 months updates & support
New pages, content updates, Social Impact full build when ready covered
Included
Hosting 12 months
Site hosted and maintained by Moon Sites for the first year. No separate hosting invoice.
Included
Domain migration to hatch-films.co.uk
Full migration from staging (hatchfilms.moonsites.co.uk) to the live domain on launch. Hatch Films retains and manages their own domain registration.
Included
Google SEO optimisation
On-page SEO across all pages meta titles, descriptions, structured data, performance optimisation and Google Search Console setup at launch.
Included
Total quote
One payment. Everything above.
On pricing: This is a single all-in figure covering everything described above. If the scope shifts more bespoke project pages, additional programme sub-pages we'll discuss it openly before anything changes. The intent is for £5k to cover this build comfortably, with no surprises.
Video submissions & storage: The site's built-in storage will handle programme video submissions comfortably for typical volumes. If submission numbers grow significantly over time, a paid cloud storage plan may be required we'll assess this with you after launch and advise if and when it becomes relevant. Domain registration for hatch-films.co.uk is managed and paid directly by Hatch Films.
06 · What a year buys you
Built once. Supported for twelve months.
Your first year is fully covered
After the site launches, Hatch Films has twelve months of updates, additions and new pages included. There's no retainer, no per-page invoice, no extra cost for the social impact build when it's ready.
- Social Impact section full build when the team is ready
- New programme pages as they're launched
- Additional work / project pages as new commissions complete
- Design tweaks and copy updates
- Monthly updates section management
- Technical support and bug fixes
- New client logos and homepage reel swaps
- Any additional pages that come up in year one
- Hosting fully covered for 12 months
- SEO updates and Google Search Console monitoring
After year one: Any ongoing updates, new pages or additional work beyond the first twelve months will be arranged on a day rate basis. An annual hosting fee of £180 applies from year two. We will always confirm costs in advance before any work begins.
07 · How we work
The build process
Phase 1
Kick-off & content gathering
We confirm fonts, gather existing brand assets, collect video and photography for the portfolio, and align on the programmes content. This is also when Hatch confirms their preference for the Monthly Updates format (blog or video gallery).
Phase 2
Build pages & portfolio
All remaining pages built out from the approved homepage. Portfolio pages, programmes section, about, contact, social impact placeholder and monthly updates all with admin connectivity wired in.
Phase 3
Admin backend portal
Backend portal built and tested. Hatch team trained on how to use each module: reel manager, portfolio, applications, news publisher.
Phase 4
Review, refinement & launch
Full review round with the Hatch team. Amends made. Final QA across desktop, tablet and mobile, ensuring both the desktop and optimised mobile versions perform as intended. Site migrated from staging to hatch-films.co.uk, SEO configured, Google Search Console set up. Site goes live.
08 · Next steps
Ready when you are
01
Review & confirm
Look over this proposal. Any questions, changes or additions come back to us and we'll work through them before anything is signed.
02
Green light
Once Hatch are happy, we confirm the quote, agree a start date, and begin content gathering.
03
We build
Moon Sites gets to work. Regular check-ins throughout, and Hatch has sight of everything before it goes anywhere near the public.
June 2026