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

Home page CTAs aren't calling to action #6

Open
johnalarcon opened this issue Aug 27, 2019 · 10 comments
Open

Home page CTAs aren't calling to action #6

johnalarcon opened this issue Aug 27, 2019 · 10 comments

Comments

@johnalarcon
Copy link
Contributor

The donation and download buttons at the top aren't calling to action for a few reasons:

  1. Little contrast. Nothing calls attention to them.
  2. Tiny fonts. CTAs should have larger, bolder text than the rest of the buttons/links.
  3. Tiny buttons. The menu items are larger than the CTAs.

Current
image

Recommend at the very least changing the background color of the download link, although the buttons should be made larger and moved to a more appropriate area for a CTA.
image

This rule purples the final anchor in the list, though that may be assuming too much.

#secondary-nav .smenu ul li.switchbutton.download:last-child a {
    background: #89288f;
}
@johnalarcon
Copy link
Contributor Author

Noting that it's easy to spot these links when they're screenshotted like this; in the context of the full page, they're lost.

@nylen
Copy link
Contributor

nylen commented Aug 30, 2019

@BlueSkyPhoenix @striebwj what do y'all think about this? I like the purple button.

@nylen
Copy link
Contributor

nylen commented Aug 30, 2019

2019-08-30T05 55 24Z

I think we can launch like this, and refine further (make the buttons larger) if still needed.

@striebwj
Copy link
Member

I like the purple, as @johnalarcon says it now looks like a CTA. Especially important if aren't going to have another CTA above the fold on the home page.

@timbocode
Copy link
Contributor

Any thoughts on putting a larger (still purple!) "Get ClassicPress" CTA in the hero below "Powerful. Versatile. Predictable."?

@striebwj
Copy link
Member

I think that would be good to add in the future, but for now let's launch like this.

@johnalarcon
Copy link
Contributor Author

Any thoughts on putting a larger (still purple!) "Get ClassicPress" CTA in the hero below "Powerful. Versatile. Predictable."?

This is exactly the area I envisioned for the CTA in saying, ..."and moved to a more appropriate area for a CTA." :)

While a simple color change can make a world of difference (particularly to those of us who are color-deficient) it will also help full-color vision folks. On that note, I agree this isn't a blocker to launch.

@johnalarcon
Copy link
Contributor Author

johnalarcon commented Aug 30, 2019

I think we can launch like this, and refine further (make the buttons larger) if still needed.

I agree. In fact, I started to make the changes, but, realized that it would require more attention than I had at the moment. Enlarging the buttons (if left in that location) would make the top look a bit wonky (too tall, not harmonious with the design). I'd leave the donation link in the upper-right corner, in green...and make the Get ClassicPress button a larger CTA in the content area similar to what @timbocode described. CTAs in a bar across the top almost always for "Register" (primary CTA) or "Login" (secondary CTA) so, if a person isn't there to login for something, I could see these buttons being missed due to a sort of expectational-blindness effect (if you will.)

@nylen
Copy link
Contributor

nylen commented Aug 30, 2019

Just noting that we do already have a larger "Get ClassicPress" CTA, it is just a bit further down the page.

I think this is OK for now (a small, colorful button "above the fold" and a larger one "below the fold"). If we put a larger button "above the fold" then I don't think that would look quite as nice, and we'd probably also want to move or remove the other buttons. Also I can definitely see how just making the top-right buttons larger would hurt the rest of the design.

In summary, we can keep looking for a better solution but I am fine with the way it is now for launch.

@johnalarcon
Copy link
Contributor Author

johnalarcon commented Aug 30, 2019

I don't think that would look quite as nice, and we'd probably also want to move or remove the other buttons.

This would be a given. Too many calls to action leads to paralysis.

In summary, we can keep looking for a better solution but I am fine with the way it is now for launch.

100%

@nylen nylen transferred this issue from ClassicPress/ClassicPress-Network Feb 25, 2020
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

4 participants