Home redesign 2: Choose your Haskell Path#381
Conversation
| <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> |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
good point, any other suggestions?
There was a problem hiding this comment.
|
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/ |
|
Otherwise this looks good to me |
rebeccaskinner
left a comment
There was a problem hiding this comment.
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.
|
@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: 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? |
|
I also think that we should keep a clear |
|
@rebeccaskinner What if we do something like this?
...
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 |



Second phase of #373.
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:
...
Other paths
Academia
Hobbyists
Wildcard