loading...
Cover image for Designing a new layout for the Problem page
Debugg

Designing a new layout for the Problem page

faraazahmad profile image Syed Faraaz Ahmad ・1 min read

In Debugg, I think a Problem is the most crucial part of the content. Since it is a platform, users won't sign up unless there are Problems that they find interesting and challenging enough.

While the contents of the Problem are definitely crucial, I think the current layout doesn't utilise the space right...

Current layout

So, this wireframe is what I've come up with for the redesign (just ignore the navbar in it). It utilises space well while also keeping enough empty space for other features in the future (It's definitely inspired by 3 column layout used by Medium, IndieHackers and DEV).

Wireframe

What are your opinions on it? Are there any issues I need to take into account. I'm all ears (eyes?)

Debugg

A platform for learning systems development by practising exercises

Discussion

markdown guide