Alfi | Building Websites for Games Profile picture
May 13 β€’ 7 tweets β€’ 3 min read Twitter logo Read on Twitter
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.
3. Social proofs:

For example awards, tester's testimonials are great to easily build credibility and enhance your reputation of your game studio. Which further improve conversion by providing validation to the players.
4. Lastly, the Gallery:

They are a great and simple way to show unique screenshots and interesting gameplay for your games. Try to add something that "wows" the players to increase engagement in your website.
This layout focuses more on simplicity and high conversion rate.

I've studied multiple high converting website/landing pages and used those layouts to create a simple landing page for your Game marketing purposes.

if you got any questions regarding this topic my DMs are open!
That's a wrap! I'll definitely be doing more of this in the future and 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 | Building Websites for Games

Alfi | Building Websites for Games 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

Mar 20
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:
Read 11 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 on Twitter!

:(