My first client website

Discussion in 'Web Design and Development' started by wedelgaard, Mar 20, 2013.

  1. macrumors member

    Joined:
    Jul 26, 2012
    Location:
    Hillerød, Denmark
    #1
    Hi all,

    I've just finished my first website for a client. What do you think? Any thoughts on design, improvements, changes etc? :)

    The website is in danish, but I hope you guys can condone that part :)

    http://skovlyst.net
     
  2. macrumors newbie

    Joined:
    Jun 26, 2012
    #2
    looks pretty good to me. i cant read it of course, but looks great.

    What i do like - is that when you click the menu's across the top, they load straight away, no waiting !
     
  3. macrumors newbie

    Joined:
    Jan 26, 2011
    #3
    I'd get rid of the "Welcome" block. Doesn't provide an added value. I like the clean minimalist design of the site. If this is your first, nice one!
     
  4. macrumors 65816

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #4
    Beautiful forests deserve a beautiful website. Well done!

    I give your analytics +3 hits.
     
  5. macrumors regular

    Joined:
    Sep 15, 2009
    Location:
    Montreal, Canada
    #5
    It's better than my juniors would have done. Generally I think you've got all the elements right, code is pretty neat and uses a consistent style, etc.

    :)
     
  6. thread starter macrumors member

    Joined:
    Jul 26, 2012
    Location:
    Hillerød, Denmark
    #6
    Thank you for your suggestions and thoughts about the website.

    Any constructive criticism are very welcome. Its the best way for me to improve the site and my web development skills :)

    If any of you want to know about specific things about the site feel free to contact me.
     
  7. macrumors 68030

    Darth.Titan

    Joined:
    Oct 31, 2007
    #7
    Nice looking site, but visitors who have javascript disabled will be cut off from everything but the first page.

    You haven't created a web site, you've created a single page with a bunch of hidden divs. It's a nice effect, but accessibility suffers for it.

    Hidden divs have been known to hurt Google search rankings also.

    Just my $.02
     
  8. macrumors regular

    tzhu07

    Joined:
    Nov 12, 2008
    Location:
    Seattle, WA
    #8
    I would agree with this assessment. I wouldn't be so concerned about users disabling JavaScript though, since that is very rare.

    But the SEO downfall of having a single page website is the biggest issue.
     
  9. thread starter macrumors member

    Joined:
    Jul 26, 2012
    Location:
    Hillerød, Denmark
    #9
    I agree, single page layout have some drawbacks as you mention. Do you know any "best practice" tips on SEO optimization on single page layouts?

    I tried to use history.pushState and popstate to optimize the navigation a bit. I know it won't work in non-HTML5 browsers though.
     
  10. macrumors 6502

    Joined:
    Jun 2, 2009
    Location:
    Norway
    #10
    Look great! Great work.
     
  11. macrumors 6502

    Joined:
    Nov 25, 2012
    #11
    Looks great! I like the "clean" and "minimalistic" approach!
     
  12. macrumors 6502

    Joined:
    Oct 27, 2006
    Location:
    New York City
    #12
    You guys sound like you know what you are doing.

    Please PM me: I need someone to duplicate a couple of sites for me (I'll be reselling the same products as them).
     
  13. macrumors newbie

    Joined:
    Apr 25, 2011
    #13
    Nice Site

    I used a translator and found out this site is about Forestry and Nature. That's pretty cool. I would vary the pictures for the categories. For instance one category is about fish and streams. It seems that a picture of fish in a stream or a brief repeating movie of a flowing stream would be good.

    Overall a clean design, looks good.
     
  14. macrumors 65816

    Macsonic

    Joined:
    Sep 6, 2009
    Location:
    Earth
    #14
    Hi wedelgaard. It's a good start and nice color choices. Maybe you can reduce the size of the fonts to show more of the forestry images in landscape format. Sometimes a big image can have a dramatic impact on the site visitor.
     
  15. macrumors 6502a

    Rob587

    Joined:
    Jul 4, 2004
    Location:
    Orlando, FL
    #15
    Nice and clean. :)
     
  16. macrumors 68030

    NutsNGum

    Joined:
    Jul 30, 2010
    Location:
    Glasgow, Scotland
    #16
    Really nice looking site, I would say though, that you seem to have more than one <h1> tag, which in addition to it being a single page website, is likely to slaughter its Google Ranking.
     
  17. macrumors regular

    Joined:
    May 30, 2010
    Location:
    Denmark
    #17
    I like it a lot. Its simple and clean.

    But there are some minor details I dont like. It's my personal opinion, and others might not agree with me, so bear that in mind.

    I've attached an drawing that should explain it simply :)

    Cheers from a fellow dane.
     

    Attached Files:

  18. macrumors 6502a

    Mac21ND

    Joined:
    Jun 6, 2007
    #18
    Any thoughts from you or the client on making it responsive? Feels like it would be fairly easy given the design you have going.
     
  19. macrumors 604

    Digital Skunk

    Joined:
    Dec 23, 2006
    Location:
    In my imagination
    #19
    I like it. Very clean, natural colors that compliment your design and purpose.

    Although.

    NEVER PUT TRANSPARENT BLOCKS WITH TEXT OVERTOP IMAGES.

    The spacing between the bottom navi, top navi, and content section changes from page to page.

    The good news is that's easy to fix once you move the text boxes off of the images.
     
  20. macrumors newbie

    Joined:
    Jun 13, 2013
    #20
    It is very nice.
     
  21. macrumors newbie

    Joined:
    Jun 13, 2013
    #21
    Good work but as others told don't put it single page try to elaborate it..so that it will give you look and feel and user friendly..
     
  22. macrumors member

    Joined:
    May 3, 2012
    #22
    on my computer it's lagging a lot during the background image translation.

    If you like JS programming, I would suggest a practical exercise regarding transition implementation which will boost your CSS, HTML and JS knowledge.

    So instead of resiource-hungry CSS transition, try to implement it by changing a DIV oppacity in 10 steps (from 100% to 0) while using a setTimeout of 100 ms for example, in order to have the transition finish in 1 second.

    Let me know how it works out :D
     

Share This Page