1 Attachment

17 Responses

  1. Jan Vu Nam Jan Vu Nam

    Looking for some feedback (tell me what you hate), be harsh :)

    Btw: There is nothing below yet but will be.

    7 months ago

  2. Pieter van Est Pieter van Est

    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?

    likes

    7 months ago

  3. Jan Vu Nam Jan Vu Nam

    Thanks Pieter, nice insights.

    7 months ago

  4. Frantisek Kusovsky Frantisek Kusovsky

    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.

    Yolo!

    likes

    7 months ago

  5. Zoltán Garami Zoltán Garami

    great colors!

    7 months ago

  6. Jan Vu Nam Jan Vu Nam

    @Zoltán Garami Thanks Zoltan. But, what do you hate?

    7 months ago

  7. Zoltán Garami Zoltán Garami

    @Jan Vu Nam about this design? nothing, it looks good

    7 months ago

  8. Adam Amran Adam Amran

    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 :)

    7 months ago

  9. Cyrus Henderson Cyrus Henderson

    Very nice work only thing I don't like is the opacity behind the red body content

    7 months ago

  10. Alexander Haase Alexander Haase

    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 ...)

    likes

    7 months ago

  11. Jan Vu Nam Jan Vu Nam

    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 :)

    7 months ago

  12. Alexander Haase Alexander Haase

    @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. :)

    7 months ago

  13. Jan Vu Nam Jan Vu Nam

    @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.

    Thanks.

    7 months ago

  14. Adam Amran Adam Amran

    @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 :)

    7 months ago

  15. harwen harwen

    Nice

    7 months ago

  16. Julia Khusainova Julia Khusainova

    I like this red!

    7 months ago

  17. Jered Odegard Jered Odegard

    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