Looking for some feedback (tell me what you hate), be harsh :)
Btw: There is nothing below yet but will be.
7 months ago
Great start, colors are really interesting! Some thoughts... Maybe make the red area less high. Now you got two equal parts, what makes it kinda boring IMO. Also, I think the uppercase headers makes it feel a bit harsh. What about making them lowercase?
Thanks Pieter, nice insights.
1 - Kill that menu button because i think its good for a very different type of pages like Squarespace, but does not fit into this one. If you want to keep it, say its a menu. Being simple icon on the same level with very simple logo, it will not make sense for a lot of people.
2 - Kill that strip under logo and menu button - it kills a lot of space itself.
3 - Change the photo - the blur effect with that open book makes it very distracting to the rest of site, it hurts your eyes.
4 - Our track record button and that whole line looks wrongly aligned to the rest of page. And i feel like you kill again a lot of space here.
@Zoltán Garami Thanks Zoltan. But, what do you hate?
@Jan Vu Nam about this design? nothing, it looks good
I shouldn't have to make some action to see the navigation - especially if there is more than enough space for it.
I know it's a concept and the book photo may be just a placeholder, but: I'd always go for imagery that has some value (i.e. screenshot).
Tell people who you are: "abdoc" is buried in a paragraph of text and I think the logo is not that widely known to do the job on its own.
Logos in the beige area are supposed to be what exactly? It doesn't really show if it's "who wrote about us" or "these are our clients".
But I don't want to be all negative: I really like the visual minimalism - puts more focus on the content. And the big photo background is definitely appealing, but it also means good imagery here is crucial.
Hope to see more soon :)
Very nice work only thing I don't like is the opacity behind the red body content
Also agree on changing the bg image or adjusting it the way that the contrast of the screen is much lower and the "ebookeater" wins more on prominence.
Also try to structure the layout better: Decide on either left-aligned multi-column grid or centered elements.
Use one style/color for UI elements like buttons and one style and hierarchy for your content.
You could leave the hamburger, but place it on the right side and left-align the logo to align it with the headline.
And use a more harmonic scale for your type (12, 14, 18, 24, 30, 36 ...)
Thanks @Adam Amran, @Alexander Haase, @Cyrus Henderson. Definitelly few great points.
The design is in state of huge iteration, so using dribbble as pivoting resource is pretty convenient.
So I would like to start the discussion. Why would you put the hamburger menu to the right? I can pretty much get that it is often use as Contact etc replacement, which is usually on the right. But I have two arguments why I think it should be on the left:
1) iOS, Android standard, easy to implement mobile version, user actually expect the menu on left side.
2) Reading from left to right and user usually have focus on following F pattern. (http://media.nngroup.com/media/editor/alertbox/f_reading_pattern_eyetracking.jpg)
It may not be relevant so I would appreciate the discussion or an article :)
@Jan Vu Nam 1. You design for a web environment which people experience with different underlying mental patterns than e.g. in native applications. Look what sqarespace.com is doing with the hamburger for different resolutions. Its right with labels and as soon as the browser width reaches a regular tablet size (768px) it changes to a more mobile known appearance.
2. I would try to place the relevant and important information in the F pattern/scan line – a menu shouldnt be the most important element you want to communicate. :)
@Alexander Haase I see. The point is somewhere else. It's because logos are usually on the left side where it is expected, therefore the side menu is situated on the right. As for http://www.teehanlax.com.
@Jan Vu Nam As long as both elements are on the top, I think it's okay - people look for them on the top and placing logo in the center doesn't mean people will have trouble finding it (maybe it will take them 0.1sec longer).
But @Alexander Haase touched a good point with the hamburger nav icon - it makes sense in mobile context, because you don't have space for all the navigation items to lay out, of course.
But why use it on desktop where you have more than enough space? Perhaps you have a good reason for it and I'm just missing it :)
I like this red!
I'd take out the existing red area and make the logos area red.
2 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.