Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rebrand the homepage #882

Closed
Tracked by #865
ematipico opened this issue Nov 25, 2023 · 15 comments
Closed
Tracked by #865

Rebrand the homepage #882

ematipico opened this issue Nov 25, 2023 · 15 comments

Comments

@ematipico
Copy link
Member

ematipico commented Nov 25, 2023

Requirements:

  • logo with brand
  • sponsors

Ideas?

@11Firefox11
Copy link

Just as a quick idea:
I like the speed comparison that esbuild has on their homepage. I think something like this should be included (compare speed with Prettier).

@ematipico
Copy link
Member Author

Here's an example of what Rome had: https://web.archive.org/web/20230203060333/https://rome.tools/

@vasucp1207
Copy link
Member

Can I work on this one?

@ematipico
Copy link
Member Author

Just as a quick idea:
I like the speed comparison that esbuild has on their homepage. I think something like this should be included (compare speed with Prettier).

Yeah it would be great to have some speed comparison. I believe Prettier should be the easier to benchmark.

Also, we should also consider other benchmarks, like eslint. That will take more time to prepare, but still to consider for a future graph.

@ematipico
Copy link
Member Author

Can I work on this one?

I think we should first collect some ideas, to understand how we want to design the homepage. Do you have some? Can you share some prototypes first?

@vasucp1207
Copy link
Member

vasucp1207 commented Nov 25, 2023

Can I work on this one?

I think we should first collect some ideas, to understand how we want to design the homepage. Do you have some? Can you share some prototypes first?

Sure, I will share a prototype showing benchmark progress bar comparison.

@Conaclos
Copy link
Member

We should also highlight our compatibility score with Prettier. Saying that we support TypeScript JavaScript, and JSON.

We could also demonstrate the linter experience on a console and on an editor via a short animation / auto-play video.

@Conaclos
Copy link
Member

Here's an example of what Rome had: https://web.archive.org/web/20230203060333/https://rome.tools/

I like the Rome home page. It feels better than the one we currently have.

@vasucp1207
Copy link
Member

Here is my first attempt,

biome2

@ematipico
Copy link
Member Author

ematipico commented Nov 26, 2023

That's an amazing start!

I think we could break down the changes as follow:

  • hero with the new logo
  • performance section
  • code contributors

The new top bar isn't part of this attempt issue.

Are the numbers of the performance section made up for now?

@ardunster
Copy link

A couple of suggestions, as I was just on your website as someone potentially interested in using the tool.

The website as it is right now is utterly uninformative. There are two buttons, one to get started installing the tool (which I don't want to do without understanding it far better than I do now), and one to come to GitHub. Otherwise, there are just a few blurbs about how good the product is, but almost nothing about what it is, how it is supposed to work, or - what I was most interested in - guidance on how how difficult or complicated it might be to transfer existing configuration from tools such as Prettier and ESLint, compatibility with those configs (I'm curious about compatibility especially with the plethora of ESLint plugin rulesets), and so on. As it is, I have no idea if I could just input my existing rules and configs into a new tool and have speed benefits, or if I'd have to go through a bunch of setup to maintain my existing rules, or whether or not it's even possible to have the same set of ESLint rules that one has on a mature project.

If you're redesigning the landing page for this tool, I'd strongly suggest including a section with a brief description of what the tool actually is and does, ideally with a link to a more in depth explanation that is not just "here's how you install it!", and a section hitting the highlights of how the rule config compares to Prettier, ESLint, etc and whether or not users will have to learn a new config pattern, obtain new plugins or sets of lint rules, etc., also with a link to a page that goes more in depth.

As it is now, I have no idea if I want to use this tool, what the benefits would be over the existing tools I'm used to, or what the drawbacks would be in making the switch.

@vasucp1207
Copy link
Member

vasucp1207 commented Nov 27, 2023

Rome's like section,
Screen.Recording.2023-11-27.at.10.23.46.PM.mov

I think this one is better and gives a clear idea.

@ematipico
Copy link
Member Author

@vasucp1207 What do you think of this variant? Just as an example. I think Rome's old comparisons are valid, let's try to not be very aggressive though.

Feel free to start sending some PR, maybe with the new contributors section :) I liked it a lot

@vasucp1207
Copy link
Member

Sure, I like the new astro website and will be taking some design inspiration from it.

@ematipico
Copy link
Member Author

Closing! This is done for now, but we are always looking for suggestions and improvements!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants