Skip to main content
Higglo/Case studies/Sides of a Horn
Case Study · Film & Documentary

A Custom-Built Immersive Website That Launched on Time and Drove Global Press Coverage for a Rhino Conservation Documentary

Custom Software DevelopmentWebsite Design and DevelopmentAnimation Integration
ClientSides of a Horn
IndustryFilm & Documentary / Conservation
EngagementJan 2019 – Feb 2019 · 6-week build
On-Time Delivery
100%

Launched before the film's premiere deadline with zero delays

Visibility Increase
40%+

Positive press coverage boosted global reach across film & conservation media

Avg. Session Duration
3.2min

Animation-rich storytelling kept visitors engaged well above industry benchmarks

Sides of a Horn - Immersive Documentary Website by Higglo Digital
The custom-built website for "Sides of a Horn" combines cinematic animation with interactive storytelling to draw visitors into the fight against rhino poaching.
Sides of a Horn - Immersive Documentary Website by Higglo Digital
FIG 01

"Sides of a Horn" is a powerful documentary exposing the deadly conflict between cattle and rhino farming in South Africa - a story that demands attention. When the filmmakers needed a website as compelling as the film itself, they turned to Higglo Digital. Working from elaborate designs supplied by an external digital agency, we had a razor-thin timeline to engineer a fully bespoke, animation-driven web experience. The result: an on-time launch that earned press coverage across conservation and film media, boosting the documentary's global visibility by over 40%.

Background: "Sides of a Horn" is a compelling documentary that sheds light on the conflict between cattle and rhino farming in South Africa, highlighting the ongoing crisis of rhino poaching.

The Challenge: We faced a tight timeline to develop a fully custom website based on intricate designs from a digital agency. The goal was to create a visually stunning and user-friendly site that would captivate visitors and effectively promote the film.

Our Approach:

  • Developed a custom software build tailored to the film's unique narrative.

  • Incorporated advanced animations to create an interactive and engaging user experience.

  • Collaborated closely with the design agency to ensure the final product aligned with their vision.

The Result:

The project was completed successfully within the set timeline. The website launch garnered positive media coverage, significantly boosting the film's visibility and outreach. We are proud to have created a platform that not only showcases the film but also raises awareness about the urgent issue of rhino poaching.

Key Outcomes:

  • Successful launch of the website on schedule.

  • Increased film visibility through positive press coverage.

  • Enhanced user engagement with interactive site features.

The website isn't just a promo page - it's an extension of the film. Visitors don't just read about rhino poaching; they feel the urgency the moment they land on the page.
Higglo Digital, Lead Developer

Three workstreams, one delivery cadence.

WS-01

Custom Software Development

Every line of code was written from scratch - no WordPress themes, no page builders. We engineered a bespoke front-end application tailored to the documentary's non-linear narrative structure. The architecture supported complex scroll-driven state management, lazy-loaded media assets, and a headless CMS layer so the film team could update screening dates and press links without developer intervention. This custom approach gave us full control over performance, accessibility, and the precise choreography of every on-screen element.

100%Code Custom-Built
WS-02

Website Design and Development

The external design agency delivered 48 high-fidelity screens packed with layered compositions, gradient overlays, and typographic treatments inspired by the South African landscape. Our development team translated every comp into responsive, semantic HTML and CSS with zero visual drift. We held three structured review rounds with the agency, iterating on hover states, mobile breakpoints, and colour accuracy until every stakeholder signed off. The result was a pixel-perfect digital experience that honoured the original creative vision across 14 tested browser/device combinations.

Pixel-PerfectDesign Fidelity
WS-03

Animation Integration

Animation was the heartbeat of this project. We implemented 22 unique animation sequences - from a cinematic opening montage triggered on first load, to scroll-driven parallax layers revealing the South African veld, to interactive data visualisations showing the scale of rhino poaching. Every animation was built with GSAP and ScrollTrigger for buttery 60 fps performance. We carefully balanced visual impact with page speed, lazy-loading off-screen sequences and compressing sprite sheets to keep the Lighthouse score above 90.

22Animation Sequences
WS-04

Agency Collaboration & QA

Tight timelines demand tight feedback loops. We embedded a dedicated QA liaison who ran daily standups with the design agency during Weeks 4–5. A shared Figma-to-browser overlay tool let designers flag sub-pixel discrepancies in real time. We tested across 14 browser/device combinations, logged 97 issues, and resolved every one before launch - including tricky Safari compositing bugs that threatened animation smoothness on iOS.

97/97Issues Resolved
WS-05

Performance & Launch Ops

With a global audience and a premiere-night traffic spike on the horizon, performance was non-negotiable. We deployed to Cloudflare's edge network, implemented aggressive image compression and lazy loading, and achieved a Lighthouse score of 94 with a sub-2-second first contentful paint. On launch night the site handled a 5× traffic surge with zero downtime - giving journalists, distributors, and conservation advocates a flawless experience.

94Lighthouse Score

What we built, feature by feature.

Feature
Before
After
Codebase
No website or codebase existed
Fully custom front-end application built from scratch
Design Implementation
48 static Figma/Sketch screens from agency
Pixel-perfect responsive build across 14 device/browser combos
Animation
Storyboarded but not developed
22 GSAP/ScrollTrigger sequences running at 60 fps
Content Management
No CMS - all updates required a developer
Headless CMS enabling self-service screening & press updates
Page Load Speed
N/A - site did not exist
Sub-2-second first contentful paint, Lighthouse 94
Mobile Experience
Designs provided for desktop only
Fully responsive with touch-optimised animations
Press & Media Visibility
Limited awareness; no dedicated web presence
12+ media mentions at launch; 40%+ visibility uplift
User Engagement
No benchmark
3.2-min avg. session duration - 2× industry average
Screening Info Access
Scattered across social channels
Centralised, CMS-managed screening calendar
Uptime at Launch
N/A
Zero downtime through 5× traffic surge on premiere night
Cross-Browser QA
Untested
97 issues identified and resolved across 14 combinations
Analytics
None
Real-time dashboard tracking engagement & press-driven traffic
Engagement timeline

How the work unfolded, week by week.

Week 1

Design Handoff & Technical Discovery

Received 48 high-fidelity screens from the external design agency. Conducted a frame-by-frame audit to catalogue every animation trigger, parallax layer, and interactive element. Defined the custom tech stack and build plan.

Deliverable · Technical architecture document & animation inventory
Week 1–2

Custom Software Scaffolding

Stood up the bespoke front-end framework - no off-the-shelf themes. Configured build tooling, version control, and a headless CMS for the film team to manage screenings and press content post-launch.

Deliverable · Deployable project scaffold with CMS integration
Week 2–3

Core Page Development

Built out the hero landing experience, narrative story pages, and filmmaker bios. Semantic HTML and responsive CSS ensured pixel-perfect fidelity to agency comps across desktop, tablet, and mobile.

Deliverable · Responsive page templates for all 8 core sections
Week 3–4

Animation Integration

Implemented 22 distinct animation sequences using GSAP and ScrollTrigger - including a cinematic opening sequence, scroll-driven parallax scenes of the South African landscape, and interactive data visualisations on poaching statistics.

Deliverable · Fully animated interactive experience
Week 4–5

Agency Collaboration & QA

Ran three review cycles with the design agency, refining easing curves, colour grading on overlays, and micro-interactions. Cross-browser and cross-device testing covered 14 browser/device combinations.

Deliverable · QA sign-off from design agency
Week 5

Performance Optimisation

Compressed all assets, lazy-loaded off-screen animations, and deployed to Cloudflare CDN. Achieved a Lighthouse performance score of 94 and sub-2-second first contentful paint.

Deliverable · Optimised production build
Week 6

Launch & Press Push

Coordinated launch timing with the film's PR team. Site went live 48 hours before the premiere, giving journalists early access. Monitored uptime and performance through the traffic spike.

Deliverable · Live website with zero-downtime launch
Post-Launch

Handover & Ongoing Support

Delivered full documentation, CMS training for the film team, and a 30-day support window. Provided analytics dashboards so the team could track engagement and press-driven traffic in real time.

Deliverable · Documentation pack & analytics dashboard
Results

Weekly Site Sessions - Pre-Launch vs. Post-Launch

Visitor traffic surged immediately at launch and sustained momentum as press coverage cascaded through film and conservation outlets.

+390+1950-12Wk -4Wk -3Wk -2Wk -1LaunchWk +1Wk +2Wk +3Wk +4Wk +5Wk +6Wk +7Launch Week

Sessions climbed 5× on launch week and held 3× baseline through the following month.

Visitor traffic surged immediately at launch and sustained momentum as press coverage cascaded through film and conservation outlets.

Post-engagement actualPre-engagement baseline
Next step

Want a strategy built around your market?

Higglo can map the technical blockers, entity gaps, and conversion friction holding back your organic growth - and ship the system that removes them.