Skip to content

Home redesign 2: Choose your Haskell Path#381

Open
Zelenya wants to merge 7 commits into
haskell-infra:masterfrom
Zelenya:home-redesign-2-path
Open

Home redesign 2: Choose your Haskell Path#381
Zelenya wants to merge 7 commits into
haskell-infra:masterfrom
Zelenya:home-redesign-2-path

Conversation

@Zelenya
Copy link
Copy Markdown
Contributor

@Zelenya Zelenya commented Apr 25, 2026

Second phase of #373.

The blog post brings up a crucial question: “To whom does Haskell cater?” Why not be explicit and honest about different use cases and directions? So, I took the suggested Academia, Industry, Hobbyists, and reframed them as verbs.

  • Added four buttons/tabs/pills. Based on the active selection, the following content changes.
  • It also affects the new section with CTA links at the bottom of the page (between features and sponsors).
  • Note that it defaults to industry (a second button, so it's more clear that those are "clickable")

In original proposal, I wanted those CTAs together with the path section, but I got some feedback that it was too crowded and overwhelming. For the same reason, I've increased the size of the text in the three whys from the previous PR.

Implementation details

The active content is controlled by html inside the main path section and later propagated with css to other sections. On old browsers, it just stays on one default path.

Feedback

There are 4 paths. A copy for each. CTA copy for each. And 2-3 CTA links for each too.

I feel like the academia path is the weakest and suggestions are welcome!

Screenshots (incl. all the copies)

Industry path:

Screenshot 2026-04-24 at 7 44 28 PM

...

Screenshot 2026-04-24 at 11 18 01 AM

Other paths

Academia Screenshot 2026-04-24 at 9 18 34 AM Screenshot 2026-04-24 at 8 02 40 PM
Hobbyists Screenshot 2026-04-24 at 9 18 29 AM Screenshot 2026-04-24 at 11 18 08 AM
Wildcard Screenshot 2026-04-24 at 9 18 31 AM Screenshot 2026-04-24 at 11 18 14 AM

Comment thread site/index.html Outdated
<h3 class="path-start-heading text-center">Start building your next fun project.</h3>
<p class="path-start-links text-center">
<a href="/get-started/" class="btn btn-primary btn-sm">Get started</a>
<a href="https://www.reddit.com/r/madeinhaskell/" class="btn btn-default btn-sm">r/madeinhaskell</a>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

r/madeinhaskell seems to have been dead for 5 years and perhaps it was never alive because it only has 20 or so posts, so this is not a good advert for Haskell.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good point, any other suggestions?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems good!

@tomjaguarpaw
Copy link
Copy Markdown
Collaborator

For the benefit of those who didn't read the issue ticket #373, @Zelenya has a preview at https://zelenya.com/haskell-org-mvp/redesign/

@tomjaguarpaw
Copy link
Copy Markdown
Collaborator

Otherwise this looks good to me

Comment thread site/index.html Outdated
Copy link
Copy Markdown
Collaborator

@rebeccaskinner rebeccaskinner left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the general direction that this is going, but I'm not sure I like the way that selecting a path above the fold changes the CTA section toward the bottom of the page, without making it clear that these two things are related.

In your MVP those were co-located. I'm open to pushback, but I think that was better since it would allow someone to explore all the different paths (or at least see that they were related).

Separately, I also wonder if maybe the "Why Haskell" section might not be something we'd eventually want to consider putting behind the paths as well- I could see some value in specializing these to the particular reader, but that's a bigger change and I don't think it would be necessary in this PR.

@Zelenya
Copy link
Copy Markdown
Contributor Author

Zelenya commented Apr 27, 2026

@rebeccaskinner I see how this could be confusing. The problem with the mvp is that it was too overwhelming. There are three "layers" of actions, and all of them are different:
Screenshot_2026-04-24_at_8 52 44 AM

On a smaller laptop screen, it's ok because a scroll hides it, but I couldn't make it work for larger screens.

A simple alternative could be to remove the first CTAs below the logo and only have those path-dependent CTAs. I didn't choose that direction because I assume a lot of people come to haskell.org to go to the Get Started page, and it's important to keep it easily accessible.

And yeah, a bigger change could be to move the path selection below the logo, and make it affect "WHY" as well. The path-dependent CTAs can go below whys and give some breathing room (might need to remove the first CTAs anyway). I was thinking the second pillar only because it's the least generic (but we can do more).

What do you think? Should I try removing those and re-grouping things?

@abailly
Copy link
Copy Markdown
Collaborator

abailly commented Apr 29, 2026

I also think that we should keep a clear Get Started CTA at the top of the page.
Personally when I try a new language I want 2 things: a good, compact overview of what the language looks like, how it "Feels", and a place to easily get started playing with it, locally or online. The details come after.

@Zelenya
Copy link
Copy Markdown
Contributor Author

Zelenya commented May 11, 2026

@rebeccaskinner What if we do something like this?

Screenshot 2026-05-10 at 8 21 21 PM ... Screenshot 2026-05-10 at 8 21 29 PM
  • The middle pillar depends on the select path now
  • New "users" can see that buttons affect the content right away
  • There is a bit less going on (removed the BIG CTAs from prev. PR)
  • Get Started is still visible on the first screen (below the main whys)
  • Also, for people who want just Get Started
    • There is also Get Started first thing in the header,
    • (There will be another Get Started at the bottom of the page

Haven't pushed the code yet, cause I'm not sure I like the background there and need to think about text a bit more

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

Successfully merging this pull request may close these issues.

4 participants