Feedback on my showcase and projects instance

Community
1

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… :smile:

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! :face_with_monocle:

Thanks everyone! :hugs:

7 Likes
2

Quite basic block&space layout. That doesn’t need any intuition to use, just scrolling :wink:

Content, that is missing still, dictates rest.

Built with Discourse -block is very much broken on my iPad.

2 Likes
3

Yeah mostly, it’s a simple and clean looking website. I like the main vibe, it’s fairly serene.

The one thing I really expected is a way to get in contact.

Some more remarks:

Let’s start with a shocker :-/ Sometimes the site using Safari on Mac looks like this for me:

Screenshot 2024-07-16 at 09.52.42
Screenshot 2024-07-16 at 09.52.421888×1577 83.3 KB

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.

Screenshot 2024-07-16 at 10.03.56
Screenshot 2024-07-16 at 10.03.56214×173 3.72 KB

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:

Screenshot 2024-07-16 at 10.00.50
Screenshot 2024-07-16 at 10.00.501577×1572 76.6 KB

I think the “built with Discourse” showcase might be considered as a bit misleading if you weren’t a part of that building.

None of your links have a clear indication that they are links. A small bit of :hover styling would do wonders.

I think a short description on what these are would be great:

Screenshot 2024-07-16 at 10.01.38
Screenshot 2024-07-16 at 10.01.381221×429 25.5 KB

And more nitpicking: I would add a timezone to the times and ideally add “Monday” to the dates too.

3 Likes
4

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.

3 Likes
5

Thank you guys for the feedback!

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.

3 Likes