godotengine / godot-website

The code for the official Godot Engine website. A static site built using Jekyll.
https://godotengine.org
MIT License
292 stars 148 forks source link

Make hero shorter and update call to actions #840

Closed coppolaemilio closed 5 months ago

coppolaemilio commented 5 months ago

Current version

image

The current version of the hero is too tall. It includes 3 different prominent buttons to click and it hides the news under the fold.

This PR

image

This PR makes the overall height of the hero section to be shorter, and gives less weight to the Godot 3 download. The "learn more" button goes to the same place as the nav's "features" button, so it really doesn't make sense to have it so accessible there. It also adds a new link to the archive in case you need to download another version of the engine. This is something similar to what we or Blender have in the download page.

Supersedes https://github.com/godotengine/godot-website/pull/769

akien-mga commented 5 months ago

Looks good to me overall, but the line for Godot 3 is really subtle. On that hero at least it's super easy to miss.

I agree with making it less prominent (and remove the misleading LTS terminology), but it should probably still be slightly clearer.

JohnVeness commented 5 months ago

Proposal looks good, except I would make the width of the "Develop your 2D & 3D games..." paragraph the same as the header above. At the moment, it wraps too early, which looks messy.

Also worth checking how it looks on mobile?

coppolaemilio commented 5 months ago

Looks good to me overall, but the line for Godot 3 is really subtle. On that hero at least it's super easy to miss.

When the page is full size (not in a screenshot) it is not as easy to miss, but even if they miss it, we already prompt people via all the different paths we have to download:

If you click on the Nav > Download, or the Download Latest CTA, you will see:

image

So that's 3 different ways to get to the download Godot 3 page

coppolaemilio commented 5 months ago

@JohnVeness Mobile didn't change much:

image

For the paragraph, I agree, completely missed making the update there as well.

Should look like this now:

image
IdfbAn commented 5 months ago

Why replace "Learn" with "Docs"?