This step I find critical, because this is where you really have to start thinking about all of the features of your product, from both big to small features. It's useful to think of these ahead of time, so you can take stock of what you need to program in, and from there, how you can structure your code better.
We want to front load all of our design decisions here, before we start programming. We don't want to be making design decisions while programming because it is slower to iterate and test out ideas, and therefore more expensive. Using tools like Sketch make it easy for you to iterate on different design ideas.
My final Sketch document:
https://www.youtube.com/watch?v=WaBj42cOURA
Things to consider doing later
Another idea is that we shouldn't copy Github's design. I think it'll cause too much clash, with a different app but the same theme as Github.
We should have our own branding and style. But of course we can still copy and be inspired by many of the design elements and layout of Github, which is done very well.
should have split this into 2 steps