Need some input on design
I probably did all the beginner mistakes that can be made.
https://i.imgur.com/qMqzR8D.png
12 Replies
Hiyo~ I do like the general direction of the design and the colors you used in the header. One thing I feel you can do that'll improve the feel is giving more "room to breathe" for your design.
Like adding more vertical space between the text in your header so it pops out more. Same thing with the numbers in the card. The space between the number and text below looks fine to me, so you can try giving the same amount of space (or a little more) between the number and top of the card and see how that looks.
One more thing you can consider is the color contrast between the navbar links and the background image and see if you can find a way to make the nav links pop out more.
Thank you, ill try this
Is this better/worse?
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
I'm not a huge fan of either the dark nav bar filter or moving the robot next to the cards. For 2 different reasons.
1. the main issue with the text is the contrast, and it is not just in the navbar, it's in the headline also. So, maybe focus on making the text darker (*light bg / dark text) is a good rule of thumb
2. your aspect ratio is way off. this image is really wide but not very tall, and that is hiding how much empty space is actually in this current design. If this was an aspect ratio closer to what most browser users have, it will feel really empty below these cards, adn the robot there was hiding it better than it does on the side
You can work on that by making your content bigger (extending the width of the cards to match the navigation, and making them bigger as a result for example)
and finally, unrelated to either of those, this section doesn't feel like a hero section to me, it feels like there should be something before this on the page that entices the user to want to learn the steps to sign up
I think I understand this, ill see what can be done
@ghostmonkey Im very new to this, but am I understanding it correctly that the page I have now, could be the 2nd page you get to, after you leave the hero-page.
On the hero-page I should present for what reason and why someone should continue?
not really a second page, but more content on the main page. So you would keep all this design, you would just insert some sort of hero above it.
Okey, so I might scroll down to see this etc.
Is this better or worse?
Padding on the boxes
Padding bottom on the h1 with numbers
Text align: justify on the P.tag
Padding top or margin top on the h1
starting with the word generate
No need for border radius of nav link keep it boxy at the navlink
Pink background doesn't work well on green color and more padding on the sign up
Try to keep the colors consistent hover of navlink could be a color already on the page like seagreen