Okay, I will just start with what I wrote already to the support approx. 2 weeks ago. Basically, these are all minor things, no suggestions to completely change the design, but stuff from the current designs that stings into my eyes (pun intended ). I also have design suggestions, but these are more subjective, so I just stick to the more objective issues for now.
Warning, lots of screenshots incoming.
The footer doesnt sit at the bottom if the page’s content doesn’t fill the viewport.
The Avatar is not centered and sits very close to the user name menu item.
Here is how it could look instead (right margin of “Fronol” increased, icon centered):
If the unit is not filled out, the number should not float at the top.
Also, it would be nice to be able to select Per Week, and then have the system calculate the daily amount. I should not have to input some decimal or fractional number if I want to express “2 runs a week”.
Also, the plus icon is not centered inside the button.
This sits directly under the menu bar. I think there should be some distance.
The green icon is not vertically centered.
More padding and a bigger checkmark icon would look nicer:
The footer menu’s items space out very far on a big screen.
They should have a maximum distance:
I think the featured beeminders could use some helping text. When I visited that page, I was asking myself how they are chosen and how often they change.
On a larger screen, the graphs are missing the space in-between, which doesn’t look as nice anymore, also, there is no distance from the graph to the border of the grey area:
The reminders card looks a bit messy. The columns could be aligned so that corresponding inputs/checkboxes are underneath each other:
Not perfectly aligned yet but you get the idea.
To add some more stuff:
I think the footer should be much smaller. I think the “Help Docs” should be in the same row.
On the landing page, this grey background has a weird inlay border at the top of the page, but not on the bottom. If you scroll down the page until the next grey area, the border is missing (which looks much better):
The video should have the same distance on the right and on the bottom:
Maybe some card design could be an idea: I just played around in the browser a bit, made the content a bit slimmer, changed some backgrounds, borders and margins/paddings:
Before:
After:
Not sure though about that…
I can post more stuff, but now it’s dinner time here :).
Best,
Tom