Embedded Files
JAMIE
A landing page is the first webpage a user sees when they visit a website, often designed with a specific purpose in mind—such as encouraging sign-ups, promoting a service, or showcasing featured content. For streaming services like Netflix or Disney+, the landing page is a key part of their user experience and branding. It’s where first impressions are made, and it’s designed to grab attention, provide essential information, and guide visitors toward taking action—like starting a free trial or exploring available content. A well-designed landing page is visually appealing, easy to navigate, and tailored to the platform’s target audience.
Landing pages are important because they play a crucial role in attracting and converting visitors into users or subscribers. For streaming services, the landing page is often the first interaction someone has with the platform, so it needs to make a strong impact. A well-crafted landing page can quickly communicate what the service offers, who it’s for, and why someone should sign up. It also helps build trust, reflect the brand’s identity, and guide users toward a clear next step—like starting a free trial or browsing content. If a landing page is confusing, cluttered, or uninviting, potential users may leave before even exploring what the service has to offer.
Amazon Prime Video
Amazon Prime Video is part of the broader Amazon Prime membership and offers UK users access to a vast selection of movies, TV shows, and exclusive Amazon Originals. Popular titles include The Boys, Reacher, and The Grand Tour. It also allows users to rent or buy additional films and subscribe to extra channels like StarzPlay or Shudder through its interface. The service combines streaming with other Prime perks, such as free next-day delivery, making it an appealing option for regular Amazon shoppers.
Netflix
Netflix is a global streaming giant, well known in the UK for its wide range of content, from critically acclaimed original series and films to international productions and documentaries. With popular titles like Stranger Things, Bridgerton, and The Witcher, Netflix caters to a broad audience, offering something for everyone—whether it’s drama, comedy, horror, or anime. The platform is also known for its strong algorithm that personalises recommendations based on viewer habits, making it easy for users to discover new shows and films.
Shudder
Shudder is a specialist streaming platform focused entirely on horror, thriller, and supernatural content. It has a smaller but highly curated library compared to mainstream services, making it a favourite among horror fans in the UK. Shudder offers exclusive films, original series like Creepshow, and live-hosted events like The Last Drive-In with Joe Bob Briggs. The platform is known for championing indie horror and offering a darker, more niche alternative to broader services.
Disney+
Disney+ is a family-focused streaming service packed with iconic content from Disney, Pixar, Marvel, Star Wars, and National Geographic. It’s particularly popular in the UK for its access to blockbuster Marvel films and series, Star Wars spin-offs like The Mandalorian, and classic animated movies. With the addition of the “Star” hub, Disney+ also offers more mature TV shows and films, expanding its appeal to older viewers while maintaining its all-ages-friendly interface and branding.
Paramount+
Paramount+ is a newer streaming service in the UK but is growing steadily thanks to its library of well-known franchises and exclusive content. It features shows and films from Paramount Pictures, CBS, Showtime, MTV, and Nickelodeon. With offerings like Star Trek: Strange New Worlds, Yellowstone, and classic Nickelodeon cartoons, Paramount+ targets fans of both new and nostalgic content. Its growing slate of original productions is aimed at competing with more established services.
Choose two streaming services (e.g., Netflix, Shudder, Prime Video, Disney+, Paramount+). Log in or view screenshots/videos of the post-login landing pages. Use the questions below to compare how each platform presents content and engages users once they’re signed in.
Content Presentation & Discovery
What show or movie is being featured at the top of the page (banner)? Why do you think it was chosen?
How is the content organised? (e.g., genre rows, trending, “Because You Watched”)
Does the platform suggest content based on your viewing history? How effective does it feel?
User Navigation
How easy is it to find your watchlist, continue watching, or search for something new?
Are the navigation options clear and consistent? What could be improved?
Design & Layout
Describe the visual design—what stands out about the layout, colours, and images?
Which service feels more user-friendly or visually appealing, and why?
Personalisation & Engagement
Are there any personalised touches (e.g., “Recommended for [Your Name]” or based on viewing habits)?
Does the page make you want to start watching something immediately? Why or why not?
Reflection
Which platform do you think offers the best post-login experience, and what makes it stand out from the rest?
Creating your own landing page
Using Photoshop or your preferred photo editing software, you need to start by creating a canvas of 1920 x 1080 - this will create the canvas the size of a typical website - this will provide the perfect canvas for you to create your landing page for LiveWire.
Using your research from before - you know what goes into landing pages, and what is successful - decide what you want included in yours, and how it is going to look. REMEMBER you have created a logo and used specific colours - so you want to keep with the colour scheme - but also make sure that it is accessible and easy to read and navigate.
Make a list of important stuff you need to include - think about the research you have already done - and what they include - what do you want to include in yours?
Using Premiere Pro to create an 'animated' landing page for your teaser
Livewire Edit.mp4Using Premiere Pro, you can create a landing page - very similar to this one. This is using existing pages from Disney+ and Netflix, but you can easily do it with your own.
You can use Canva if you are happy, but if you want to try something different - here is an example of what you can create!
Step by Step guide
During the video I will talk you through the process of using Premiere Pro in simple terms to create an animated landing page in only 40 minutes!
All you need is:
Premiere Pro
Snipping Tool
Landing page graphics
LiveWire logo
Completed Edited scene
Sound effects (optional)
Time and patience.
Livewire Landing Page.mp4
Use snipping tool on the record option, and capture your whole browser as you type into the url www.livewire.co.uk
Just before the end of the video, right click and press Add Frame Hold, this should create an image of your video - this will be the basis for your whole landing page, and will be a constant throughout.
Use the rectangle tool to create a black rectangle which will cover your browser, leaving only the URL in frame. This rectangle will stay in your video throughout, to ensure a smooth transition between clips.
The Loading Wheel
Find a loading wheel you like on google (TIP: make sure to select tools on images, and then under colour - transparent)
When you find one, add it into your project and then into your timeline
At the start of the clip in the timeline, click the greyed out diamond next to rotation - this should make it go blue.
Once you have done that, go half way through the clip on your timeline and then move the rotation to about 700. Reduce the file to where you cut it - you can leave it longer if you want - but you don't want it to be too long!
Once you have done this, go back and play it and the wheel should be moving - like it is "loading!"
This next part is up to you - depending on what you have - you can be as creative as you want - you can have a homepage, login page, profile page etc. Before even reaching your landing page.
Add your logo, so you can have similar to most streaming services - the logo will appear and do some kind of funky thing before you reach your landing page. Here is how you can make your logo pulsate.
Similar to the last step - you create a keyframe at the start of the clip - except this time, you are going to do it on scale.
Depending on what you want to do, you can then make it bigger or smaller, for example, I made mine bigger, smaller and then bigger again. You just add different keyframes in the clip at various points, moving the scale up and down in size.
YOU CAN THEN ADD SOUND EFFECTS TO ADD SOME REALLY COOL MOMENTS
After your logo has come and gone, you should have reached your landing page. This is where the fun starts!
Now you want to copy and paste your landing page 3 times, you are going to need to split your page into 3 different areas.
The first one is going to be the navigation bar, you can crop just this area using the crop tool under the program sequence.
The second clip will just be the middle bit (where the clip is going to go)
The third clip will be the Trending now, top 10 in UK, continue watching section - whatever you have.
You need to crop all 3 areas and have them layered on top of each other like in the image on the left.
However, where your video is going to go, you are going to want to make that shorter, as you are going to fade that out to play your clip.
The third clip (bottom one) is the only one you need to animate, this is the one you are going to move down, so the video can take up the space and then play.
Once again - using keyframes at the start of the video and then decide where in your clip, are you going to drag it down. You are going to use keyframes but in Position this time.
When you have decided when you want to complete the action, move the Y position, so the bottom graphics move down the screen, but not completely off.
Once the third clip has moved down, you now want to fade your own clip into the open space. You can decide how you want this to look - I have decided I want the name of the scene to appear on the side next to it. You could also put your synopsis or log line in the space underneath the title to try and grab the audiences attention.
At the end of the clip, you will want to fade it out.
Copy and Paste clip 2 (the middle) to the end of the video, and swap the transition to the start rather than the end, but leave a gap, to allow clip 3 to move back up.
You will need to copy and past Clip 3 too, but cut it down, to when it is already at the bottom and then reverse the process by moving the Y back up, rather than down, so it is back to it's regular axis.
AND THAT'S IT!
Have a go yourself, and see what you come up with, the tutorial video is there for guidance, alongside this step-by-step guidance. As always, I am on hand to help with any issues or questions you may have.
Give it a go and see what happens.
Page updated
Report abuse