Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Nov 2008
    Location
    Norway
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Macintosh Design/Site Review Wanted :)

    Hi there!

    I'm a multimedia design student, and just recently took a job for a professional photographer deciding to create her website for free to expand my portfolio and enhance my web designing skills. I just wondered if any of you have a spare moment to view the site:

    http://santinacrolla.ihaarr.com & http://santinacrolla.ihaarr.com/p (--> Portraits from the splash page)

    Does it look professional enough? I'm afraid that the design will appear cheap or badly coded. I'm also new to Illustrator, but I got the logo (the swirly stuff) from the photographer herself, and it was a hand drawn logo from another designer that I vectorized in Ill.

    NOTE: In IE I know that the js. for the shadowbox effect on the images doesn't work.

    Any comment, harsh or mild, is appreciated!

  • #2
    Regular Coder nomanic's Avatar
    Join Date
    Feb 2009
    Location
    United Kingdom
    Posts
    255
    Thanks
    9
    Thanked 33 Times in 33 Posts
    nice!
    <DmncAtrny> I will write on a huge cement block "BY ACCEPTING THIS BRICK THROUGH YOUR WINDOW, YOU ACCEPT IT AS IS AND AGREE TO MY DISCLAIMER OF ALL WARRANTIES, EXPRESS OR IMPLIED, AS WELL AS DISCLAIMERS OF ALL LIABILITY, DIRECT, INDIRECT, CONSEQUENTIAL OR INCIDENTAL, THAT MAY ARISE FROM THE INSTALLATION OF THIS BRICK INTO YOUR BUILDING."
    <DmncAtrny> And then hurl it through the window of a Sony officer
    <DmncAtrny> and run like hell

    Portfolio, Tutorials - http://www.nomanic.biz/

  • #3
    New Coder
    Join Date
    Oct 2011
    Posts
    37
    Thanks
    4
    Thanked 4 Times in 3 Posts
    Its a great website in terms of web design. Your going to need to optimize it for speed though, your images are not loading quick enough. Try playing with image sizess and quality or even think about changing hosts. Good luck!

  • #4
    New Coder
    Join Date
    Nov 2011
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No worries about speed. But UI needs some correction; there should not be (without reason) any movement with mouse. At the moment, you need to move your hand to go to the next pic.. no reason for that, therefor fix your gui. You know, going to next pic, just a click, no movement.

  • #5
    New Coder
    Join Date
    Nov 2011
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh, and if you wish to do something with speed like RonnieC said, you should check out http://www.greensock.com/loadermax/ ..but still, what comes to design, its not a problem, just minor improvement for that kind of nice layout and all.

    -----

    edit:
    Sorry.. newer mind, i took another look for your pages, and there was a little alert window for right click. So ..just wanna say, i thought it was flash so no loadermax for this ..but drop the stupid copyright right click info. Really. If there is ppl who like to add one of those images to desktop, just let'em to do that. Then again, if there is ppl who really want to use that pic.. they might know how to take screenshot
    Last edited by Chelnok; 11-14-2011 at 02:26 AM.

  • #6
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    You have a spare <html> tag at the top of your document:

    Code:
    <html>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    This is quite likely to cause IE problems if you leave it there.

    You have some minor errors in your html - missing alt tags and unclosed image tags - check the w3c validator to identify these.

    Your html looks OK with the exception of this:

    Code:
    <div id="menu" class="select" align="left">
    
    &nbsp; <a href="about.html">ABOUT SANTINA</a> 
    &nbsp; &bull; &nbsp; <a href="concept.html">CONTACT INFO</a> 
    &nbsp; &bull; &nbsp; <a href="http://santinacrolla.ihaarr.com/p">PORTRAIT GALLERY</a>
    
    </div>
    which is ugly....use some padding instead of all those &nbsp;s - easy to do via something like:

    Code:
    #menu a{padding: 0 1em}
    You might want to consider a min-width on #wrapper as if I reduce the width of my viewport below about 710px then the menu breaks into #wrapper. Height-wise it's fine down to about 725 px, beyond which a second title appears at the top - probably not going to affect many people with a laptop but might with a mobile. Additionally, because you have overflow:hidden set on body, if the viewport is too small then no scrollbars appear - you might want to think about whether this is acceptable or not

    Usability wise, having selected "Portraits" from the home page I then couldn't find a way to navigate to the "Business" section. You could easily make the title a link to the home page.

    In IE7 the left hand image is cut off instead of the right hand image. Not disastrous.

    You may well be intending to do this anyway, but a favicon is essential (IMHO) for a professional looking site.

    Feel like all this is a bit picky - not intended as such. I like the look of the site - the typography and background go well with the subject.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •