Alfi | Stellar Web Design Profile picture
Mar 20, 2023 11 tweets 5 min read Read on X
Okay so How to Make a Good Hero Banner for your Indie Game Website?

There are a few ways you can do them but here are the Top 3:

1. Background Video + Game's Logo
2. Game Art + Game's Logo
3. Animated Game Art + Game's Logo

Let me explain:

#gamedev #indiegame #webdev Image
1. Background Video + Game's Logo

is by far the MOST popular one that I've seen. This is essentially using a part of your trailer as a background looped video with the logo in front of it.
This is really good in capturing your user's engagement and can be used to showcase the gameplay with less words. It's simple yet very effective in delivering what your game is all about.

Here's a good example of it from Hollow Knight:
2. Game Art + Game's Logo

is the 2nd most popular one that I've seen so far. This is simplest to do as you only need a good eye-catching art of the game and just put in your game's logo on it.
While this technique is simple it may not showcase the gameplay to your audience. However, it still does a good job of showing the vibe and marketing your game. Showcasing your game can also be fixed by having a trailer of your game in the website.

Here's an example of it: Game Art Landing Page Banner
Lastly, 3. Animated Game Art + Game's Logo

I don't see this type often and probably for a good reason as it is harder to make but it has a great "wow" factor and can be an amazing way to present your game.
The way this work is basically we have a different game art layered differently to create a parallax effect. and if you play games like Ori and The blind Forest for example, you can see the parallax effect working in the background of the game.
This is the exact same thing but for a website!

A good example of this is Eastward... I mean just look how cool it is in terms of presentation.
With all of this information... you need to understand that in the end of the day... the goal of a Hero Banner is to SELL and MARKET your game!

So don't forget to include CTA (call to action) somewhere in the banner to redirect users to buy your game! Like this: Genshin Example
These aren't the only ways to create an Eye-Catching hero banners of course. However, these can be a good start.

And If you need professional help with this do DM me or click here alfiweb.agency if you require my services 👍
That's a wrap!

If you enjoyed this thread:

1. Follow me @AlfiMarfaridy for more of these
2. Like & RT the tweet below to share this thread with your audience

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Alfi | Stellar Web Design

Alfi | Stellar Web Design Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @AlfiMarfaridy

May 13, 2023
Here's a simple high-converting layout and the content you need to create a Website for your Indie Games:

👉 Eye-catching Hero Banner + CTA
👉 Trailer Section
👉 Features Section
👉 Social Proofs
👉 Gallery
👉 Footer

Let me explain each section in this🧵:

#gamedev #indiegame Image
1. Hero Banner:

They are important in catching user's attention and ideally you would also add any CTA (steam link, Kickstarter link, etc) in your hero banner to funnel traffic and drive sales.
2. Trailer and Features section:

It's important to showcase, create excitement around your game, improve conversion and increase user engagement. It's especially important if your game have unique features.
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(