Hi! First time posting so I hope I got the categories and everything correct.
I’m working with Bruno on testing Karrot with the Bike Kitchen, among other things, and I had some ideas to improve the usability. What mainly bothered me was the difficulty in figuring out where I was in the navigation. I much prefer discussing UX design with concrete examples to reference to, so I made a little mockup in html+css to share my ideas. Please don’t mind the colour scheme as it’s just to show contrasts rather than making it look pretty.
Navigation is both on the sidebar and on the page itself, trying to use tabs as much as possible (they’re usability magic). “Masthugget” and “Gamlestan” are Bike Kitchen locations, which in Karrot’s case are counted as “stores”. It reuses a lot of the existing design, but clarifies where the user is in the navigation hierarchy through highlighting in the sidebar with colours.
The top menu bar is simplified according to what I’ve seen people use the most in Karrot. The order of the buttons of the right side of the bar is wrong, so don’t mind that. The “switch language” and “updates from food saving community” were removed, since they’re rarely used.
I hope this is helpful for the discussion on Karrot development. I’ll try to find time to answer questions on the mockup if there are any, maybe make another mockup if I find the time.