I’ve been using a Discourse instance for managing client projects for some time and decided to flesh it out with more public content, share case studies and resources. This is still work in progress (only styled for Desktop, most topics have just minimal content) but I feel I’ve been looking at it for too long already to still make good judgements…
Would be great to hear some feedback:
in general: Is it intuitive? Does it make sense what I share? Do you think I should share something else or set different highlights?
edit: re-wrote this component to solve the mentioned issues on the technical side: A central layout component I use is a modified sidebar/header flow. The aim is to only show one primary navigation bar at a time, either the header or the sidebar. The plain component is at Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab and I went with two approaches to build the flow:
re-declare the header above the sidebar as transparent and assign a grid to align the sidebar toggle and the logo with the sidebar width
use a style hack to extend the sidebar background (declare a full page drop-shadow and then limit it with a clip-path)
I went with this approach because so far I got the nicest animation keeping the default slide animations. So it’s just the sidebar sliding in, it’s background extended to the left and to the header, and the transparent header sits on top of it.
Downsides I see is that re-declaring the header as a grid doesn’t play well with other components that render on the header. And I haven’t found a way to make the clip-path hack work on Safari yet. So would be curious if some of the CSS wizards here have better ideas!
I think there is some styling being done with Javascript instead of CSS and that seems to hit a race condition with the loading?
I expected this button to go to an overview of your customers.
Maybe re-label that “customer login”? And I would also consider moving it to the header. Currently it is in the most prominent space of your site, almost like the main CTA.
Opening the menu makes the whole page jump, removing the top two elements. This feels a bit unintuitive?
Opening the menu on “about” and “topics” actually removes all of the content:
I also had this expectation, though it made sense that it was for client access as soon as I clicked it.
Bas’ other feedback is also on point, but generally speaking I like this layout and could imagine particular sets of users and use-cases would find it very welcoming.
Yes, it’s indeed the main cta as the platform was entirely for clients logging in for project management. I might need to re-think the idea of adding a public showcase to it. Or at least how to arrange the two aspects.
It’s only meant to include projects I implemented. I’d guess it would be clear if I link them to some case study topic for each.
That’s both because of the CSS hack with clip-path that I mentioned and doesn’t work on Safari so far.
Overall it’s probably still too experimental to use. Maybe I should try to work out the sidebar flow in a dedicated theme first. That’s the main implementation challenge I want to solve here after all: build a full-width layout that doesn’t stick the sidebar to the left window edge, but has a more fluid flow.
