03 ScreamStream

Project Overview

A complete landing page and digital campaign design for a horror movie streaming service, where dark UX meets clean conversion. My responsibility was to create a responsive landing page together with ads for Google and social media posts. I worked closely with the marketing team who came up with concepts.

Client:

ScreamStream (concept streaming service)

Role:

Designer / Front-end Developer

Project Type:

Horror Movie Streaming Service Landing Page

Platform:

Web (responsive landing page)

Focus:

Emotional engagement, conversion, and brand consistency across digital assets

Live Campaign:

Click

The Challenge

The goal was to launch a landing page for ScreamStream, a streaming platform featuring curated horror films and thrillers. The landing page was part of a promotional campaign aiming to:

Attract horror fans during seasonal events (e.g. Halloween)
Drive trial sign-ups or immediate engagement
Create a strong, immersive first impression that reflects the genre’s emotional tone
Stay visually compelling and fast-loading, even with heavy graphic styling

Objectives

Design a visually striking landing page with horror film theming

Establish brand tone: cinematic, chilling, edgy but professional

Ensure the UX remains intuitive despite dramatic styling

Integrate clear CTAs and trial conversion funnel

Support the campaign with matching ad and social media creatives

Handle end-to-end implementation: design, build, and assets

Research & Analysis

Market & Moodboard Research :

Studied existing horror-focused platforms and seasonal campaigns from :

Shudder
Netflix Horror Collections
A24’s genre marketing
Horror-themed YouTube trailers and movie posters

Key UX Takeaways :

Fans of horror want to feel the thrill immediately, bold visuals and sound cues help
Use dark backgrounds, cinematic typography, and red accents
Navigation should remain simple, keep fear in the content, not the UI

UX Strategy & Wireframes

Information Architecture :

Hero Section: Tagline, eerie imagery, CTA to “Start Watching”
What’s Inside: Curated collections, exclusives, categories (slasher, thriller, paranormal)
Platform Features: Watch anywhere, cancel anytime, no ads
Teaser video section (optional autoplay mute)
Trust markers: “Trusted by horror fans worldwide”, social proof, ratings
CTA repeated in sticky nav or section footer
Footer: Terms, privacy, contact
‍

Wireframe Focus :

Clear emotional flow: tension > curiosity > action
Strong visual rhythm: alternating dark/light contrast sections
CTA clarity despite dramatic theme

UI Design Approach

Visual Style :

Dark UI with blood red accents and grain textures
Film-inspired typography with high contrast (Gothic serif + modern sans)
Cinematic imagery, manipulated to enhance tension with overlays, blurs, glitch
‍

Accessibility Considerations :

Contrast compliance despite dark theme
Keyboard navigability
Alt text and clear labels for CTAs

Mobile Optimisation

Mobile-first was considered throughout :

Streamlined vertical scroll
Optimised imagery with fallback versions
Mobile-friendly font sizes and CTA spacing
Collapsed nav with sticky CTA or floating button

Google Policy Compliance

Even with a horror theme, I made sure to :

Avoid graphic violence or fear-based clickbait
Include clear unsubscribe/terms/privacy links
Maintain truthful language in both copy and ads

Outcomes & Reflections

It helped demonstrate my ability to blend emotion-driven design with clean UX

Showcased my strength in design-to-development handoff or direct build

Clients and peers praised the atmosphere and cohesion across platforms

‍
What I learned: Designing for emotion isn’t about loud visuals, it’s about creating a mood that leads to trust and action.

Final Design Preview

No items found.

All projects

Click!