Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Can I get feedback on this website mockup?

Discussion in 'Website Design Critique:' started by mynameisorman, Jun 5, 2009.

  1. mynameisorman

    mynameisorman Junior Member

    Hi there,

    This is my first post here so guess I should introduce myself. My name is Orman Clark and I'm a designer / marketer based in the UK.

    Just working on my new site, only in the mock up stage and would appreciate some feedback on what I've got so far. Be brutal if you like, just looking to improve it.

    It's not the finished article and a few bits are bugging me, particularly the logo (it's not simple, good for print, scalable etc) and the brown footer part so would especially appreciate feedback for these areas.

    Anyway, take a look, let me know what you think.

  2. berry

    berry Active Member

    I like it, looks fresh and nice balance to the content and the design
  3. mrp2049

    mrp2049 Senior Member

    now that is rather tasty!
  4. Aarlev

    Aarlev Member

    Welcome to the forum Orman.

    Great work. Can't really find anything about it that I don't like. :)
  5. ch3tzy

    ch3tzy Senior Member

    I like, well done..look forward to seeing the site live.
  6. Levi

    Levi Moderator Staff Member

    OK I'll be honest in saying the overall look isn't really my personal taste but thats not an issue as I feel a site should portray the owner etc, and as has been said many times, design is subjective :). Having said that it does work well together and I agree the balance is quite nice too.

    I do have a few concerns over some apects, the Mcdonalds M for logos, I wouldn't use that unless you have permission and you've also forgotten the reflection. I feel the reflections could maybe do with having an additional 25% on the opacity so they're lighter too, the text blends a little too much for my taste :)

    I'm also not sure I would use 'bloody good egg' in the site, theres still a small stigma with bloody used in some contexts but thats up to you if you want to use it.

    I'd also consider rounding off (or diagonal llike tabs) the corners on the white centre box, the square edges just seem a little harsh in relation to the rest of the site.

    Hope that helps :)
  7. tim

    tim Senior Member

    I LOVE it!

    Only question is- how will you show the whole image as the background? I'm on my 13.3" MacBook...
  8. berry

    berry Active Member

    Here...go buy a something bigger.;)

  9. tim

    tim Senior Member


    I have a 19" screen too, but I'm saying, average user is 1024x768 are they not? That background would have to be majorly minimised to appear fully and have the same effect on that website.
  10. mynameisorman

    mynameisorman Junior Member

    First off thanks for all the feedback, it's greatly appreciated. I'm sat right now making some revisions and I like where it's going.

    Agreed, 'M' is now removed, put in a generic logo now. Reflection: well, it's only a mockup.

    Again agreed, wasn't happy with the logo at all to be fair and so this has gone and a much simpler text-only version has been used.

    Not entirely sure what white box you are referring to but you did give me an idea. I've rounded a few areas and I think it looks better for it. Thanks.

    I guess I'm not catering for small screens, can't win them all. I'm using the 960 Grid System so those on 1024 will see all the main content even with a scrollbar which is the important thing. The main 'background' graphics sit within the boundaries of 1280px and the rest is just filler for those with massive screens like myself (I'm on 22in)

    Thanks for all the feedback, keep it coming it's really useful!
  11. glenwheeler

    glenwheeler Senior Member

    Lovely looking design Orman, also look forward to seeing it live...very well done
  12. mynameisorman

    mynameisorman Junior Member

    Based on some of the feedback from here and other places I've done an Alan Sugar special and tweaked a few bits; the logo, rounded a few bits and changed the logo icon.

    I decided that I was going to have a theme switcher so have done two more backgrounds/styles. Feedback would be appreciated and if you have any ideas for more types of background then do share. Right now I have space, earth and under the sea.

    Original Mock-up

    Revised Mock-up

    Space Mock-up

    Sea Mock-up
  13. br3n

    br3n Senior Member

    Great work orman but one thing keeps catching my eye - the previous clients logos at the bottom don't seem to fit, I think theyre too closely spaced and look more like one object rather than four. Id like to see them smaller, spaced out more and perhaps defined within a box each or something? They could even be a monotone grey or similar to the icons you've designed to fit in more. Theyre recognisable brands so I think you can get away with dulling them down slightly - theyre there to reinforce trust/reliability but its not the main feature/focus of the page.

    Lastly it seams a shame a lot of people wont get to see the backgrounds - I really like them. Is there a way of sneaking some of the "theme" into the visible space? if not its no biggy theyre a cool addition. Just remember a huge amount of people are getting laptops these days and limited on screen size.

    Great work though, Look forward to seeing it live.

    edit: tiny, niggly little change but may as well voice it - on your logo it might work in your favour to distinguish the seperate words within "mynameis" just to make it clearly readable.. A different grey for each word maybe?
  14. Levi

    Levi Moderator Staff Member

    Now I'm no expert on this but couldn't you do a script (or similar) that would load a random one up each time you hit the home page, rather than having a fixed one each time.

    I've also realised with the new mockups that your background images don't work past the screen of the image, what are you doing about the background on bigger screens?

    It appears you didn't get the rounded corner bit I was on about earlier - your website is in a white box (above your background) with all the other main elements of you site inside it. I still feel that the top (and maybe bottom) of this white box could be rounded off, it looks a little harsh compared with the rest of it.
  15. tim

    tim Senior Member

    I like the space one especially, looks really well polished (but then again all of them do).

    To be honest there should be no reason why you shouldnt show the image correctly for different screen sizes, just crop your backgrounds to:

    • 640x480
    • 1024x768
    • 800x600
    • 1280x1024

    and then use this script to redirect people according to their screen resolutions...

    <script language="JavaScript">
    if (screen.width==800||screen.height==600) 
    else if (screen.width==640||screen.height==480)
    else if (screen.width==1024||screen.height==768)
    else if (screen.width==1280||screen.height==1024)
    All you'd have to do is create upload the same files to a new directory with a different sized background each time. you can win them all now ;)
  16. Levi

    Levi Moderator Staff Member

    what about the bigger screens or is he going to need massive versions too :p
  17. mynameisorman

    mynameisorman Junior Member

    Yep, I take all your points on this. I had them in grey scale before actually but changed it to make them stand out. I guess like you say, they're reputable brands so I guess it doesn't need it. I'll more than likely change this back to how it was.

    I'm going to try and sneak some theme in but what I haven't shown yet (because I haven't done it) is how each page will have some kind of header graphic, nothing massive. I'll aim to make these eye-catching enough for people who can't see the entire bg to be satisfied but those than can not to feel overwhelmed... or something like that!

    Yeah I'm pretty sure I could do this. Not sure that all users would appreciate it though. Wouldn't they rather be in control than be jumped from one style to the next? I dunno.

    Bit confused. The bg is 2000px wide. You must have a HUGE screen ;)

    Ah yes, get it now. Bit slow obviously!

    Thanks for the feedback!
  18. h_freezy

    h_freezy Senior Member

    PSD to html? does it really work. It loads the images very slowly and in an awful way.
  19. Xenonsoft

    Xenonsoft Active Member

    Really like it. Should find some faults but I can't see any on first glance.

    Only thing to think about is you have 'choose your style' which I like, but if you choose space or sea the options seem to have disappeared, so you can't change your mind. I may be wrong and they may be there somewhere though :D
  20. Sunburn

    Sunburn Active Member

    Regarding the background,

    Personally for me the most important aspect about this and any web design should be the content, I personally would stay away from using Javascript in order to serve different background image / sizes for end users. the weight of the js and the over heads don't warrant the results.

    As long as your content and site is functional at the lowest res ala 1024*768 (found out from your research!) then those who have lager resolutions will benefit from the nicer! background.

    just my 2 cents as usual.

Share This Page