Website Critique required

Discussion in 'Web Design and Development' started by utopia-y2k9, Mar 21, 2010.

  1. utopia-y2k9 macrumors newbie

    Mar 21, 2010
    Hi there,

    this is my new website Design Utopia

    Let me know your thoughts/feedback/critique

    Many thanks in advance

  2. ezekielrage_99 macrumors 68040


    Oct 12, 2005
    Not much to say really, it looks great and it's very conservative/planned design.

    Great stuff! :cool:
  3. Shoesy macrumors 6502a


    Jun 21, 2007
    Colchester, UK.
    Neat and proffessional - only thing I'd bring up is the charachter spacing looks a bit tight on the graphics.

    Nice work.
  4. decksnap macrumors 68040


    Apr 11, 2003
    Overall it's very nice. Since you asked...

    •*Exclamation points don't feel very professional.
    •*The tracking on some of the flash text on the home page is a little tight. I know it's a style you're going for, but on the thinner weights it doesn't work the same as the heavier ones.
    •*the icon on the bottom right looks kinda familiar.
    •*I don't usually say something like this, but the L1 nav feels like the kind of nav that could benefit from rollover states.
    •*The body copy feels a little small.
    •*The insets on your blog page need more padding/margin.
    •*There are only three sites in your portfolio. Maybe call it 'sample work' instead?
  5. citizenzen macrumors 65816

    Mar 22, 2010
    You can't miss with clean and professional, but I do have a couple of comments...

    • I agree that the nav bar could use a subtle rollover or selected state.
    • I also agree that the tracking of some graphic type is too tight.
    • I'd bring a little color to the headline font. Gray after gray gets a little... gray. The blue from the underside of your top nav or from the gradient blue-black perhaps... or something related.
    • Not a fan of the Vag Rounded (or whatever that is). But I know that's a deal breaker for you, so don't sweat it.
  6. Peace macrumors Core


    Apr 1, 2005
    Space--The ONLY Frontier
    Looks good but a person with an iPad won't be able to view the flash on it.:)
  7. needlnerdz macrumors regular


    Jun 10, 2006
    - under 'our services' the read more link would work much nicer if it was a show/hide div or an accordion javascript, since you are leading the user to a new page that offers only 1 or maybe 2 sentences more.

    - the initial flash movie on the home page is kind of a waste of bandwidth.. maybe if it was an animation of rotating text, or showcasing the sample work it would make sense, but right now its just a non interactive flare of particles that looks like it should react or change in some way, considering how long it took to load.

    - on the nav bar, you could probably drop 'home' and just make the DU be an active link for the home page.. otherwise keep home and still make the DU a link for redundant navigational ease.

    - it seems like the logo on top is wasting some valuable retail space.. on my laptop almost a third of the page is taken up by it, therefore having to scroll down on every page I view.. surely not a problem for those working on larger screens, but i'd keep the header size in consideration.

    otherwise its clean and easy to navigate through. I second the suggestion of changing portfolio to 'sample work' or something similar..
  8. calderone macrumors 68040


    Aug 28, 2009

    Rollover on the nav is defintely needed. Sprites is the best way to accomplish this. They can also be used to let the user know the active page.

    To do this, I would create a more grayscale-ish nav and on rollover use some color, the blue would be a good idea.

    I would suggest pushing the blue to gray and reserving the blue for the rollover state, but there is a serious lack of color. If you can more color in there I would consider reserving the blue line as an informative tool for the user.

    To add a nice effect, consider something like:

    opacity: .8;
    -webkit-transition: opacity .1s linear;
    You could use this as the hover state feedback, where you apply an opacity of 1 when the user hovers.

    Drop the DU.

    Also, you nav isn't scaling well, see the image below from Safari.

    You need some color in there, it is rather drab.

    I think you could stand to use something a little stronger in a few places.


    I do not recommend changing "portfolio" to "sample work," at least not for navigation purposes. "Sample work" just sounds amateur while "Portfolio" does not. Other than this I agree with the rest of the suggestions.
  9. Helmutek macrumors newbie

    May 6, 2009
    Los Angeles
    Hate to spoil...

    Your site looks good, but knowing rapidweaver and sandvox it looks to me too much like one of the templates... Looks like a tweaked rapidweaver "apper" theme or something similar... I know many customers/clients won't know the difference, but it I was looking to redesign a site/graphics I would be turned off by cookie cutter templates especially on designers front page... So sorry :(:(:( I don't mean to bash or anything, just my two cents...
  10. citizenzen macrumors 65816

    Mar 22, 2010
    a few more thoughts...

    In most of your pages you have the left column carrying the content and the thinner right column holding the "ads" except for the technology page where that is reversed. I would flop those columns so your technology page matched the rest of the site.

    One note about the "ads". They are designed in such a way that they literally feel like advertisements for outside companies. It took me a while to realize they were all in-house promotions and links to your site. I would try to find a way to make them feel more like a part of your website and less like appeals by outside agencies.

    I realize that's getting a bit quibblish... but hey, you asked.
  11. substeel macrumors member

    Sep 26, 2007
    flash takes too long to load

    The flash takes wayyyyy to long to load. I punt a site quickly when the flash does not load in 15 seconds.
  12. eleven2brett macrumors regular

    Oct 20, 2008
    Overall look of the site is great.
    Just some of my suggestions:
    The seam in your background and your header image is pretty visible when you scroll.
    Flash header takes too long to load. It's cool and all but I don't think it does more for you than an image with the same content would.
    Incorporate hover effects for your menu.
  13. Jett0516 macrumors 6502a


    Mar 5, 2010
    looks great but I think the layout is a little too wide.
  14. M-5 macrumors 65816


    Jan 4, 2008
    Your little introduction message on the main page has some typos and incorrect grammar (missing commas and such).


    It's not a big deal, but certainly turns me off right away, since it's the welcoming statement and on the front page.

    Also perhaps this should say "Give us a call at" rather than "Give us a call on"

    These are just minor things I noticed with a quick glance. I really like the fonts though, and it certainly looks really friendly and professional.
  15. a cat *miaow* macrumors regular

    Jun 12, 2007
    Give us a call on is correct –*maybe "call at" is more American-English?

    have to agree with the rollover in the main nav, you have rollovers everywhere else so thought maybe this was broken?

    A poster above said it was a bit drab, hmm I think the colours are OK but I agree that it could do with some type of accent colour like an orange perhaps.

    It's a personal preference, but I don't like the type size at all. Feels so squashed and uninviting to read. I'd use a larger font size, more line spacing and more padding around the content column. Lots of items on the site feel a bit to squashed without enough breathing space.

    And, rewrite your URLs.

    All in all a good start though!
  16. niuniu macrumors 68020


    Mar 29, 2009
    A man of the people. The right sort of people.
    There's a DU on the top menu that looks like a button but it's really just a design quirk. I'd remove that. I tried to click it several times. Either that or rename home to DU, people will associate that button with the home button naturally.

    Overall, it has a professional quality finish, so well done, that's the hardest part in the end. You can come up with new ideas as you go along and really develop it, but it has to be professional quality from the outset or you lose sales. Well done.

Share This Page