Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Senior Member shoffman3572's Avatar
    Join Date
    Jul 2008
    Location
    Fullerton, CA
    Posts
    137
    Member #
    16990

    Current Rating

    Visual Appeal:
    3.0 out of 5

    Accessibility:
    5.0 out of 5

    Website Speed:
    5.0 out of 5

    Compatibility:
    3.0 out of 5

    Overall Rating:
    2.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    Hello all.

    I've been playing with my resume site a little and wondered if I could get to constructive advice. It's essentially a resume site and I've tried to demonstrate knowledge of CSS, HTML, Javascript, and a variety of design ideas by displaying my portfolio over 3 completely different home pages.

    Thanks.

    www.StewartHoffman.com

  2.  

  3. #2
    Senior Member
    Join Date
    Nov 2005
    Posts
    488
    Member #
    11940
    Home Page 1,2,3 don't really tell the user what you're trying to do. Consequently few will click. You're better off naming the styles and labeling the section a Style Selector - not navigation.

    Have a reason for each style. Potential clients are much more interested in a CSS change that boosted response X% than what cute CSS tricks you can do.

    Right now it's all code and no reason. Nobody cares. They care about what your decisions contributed to the results. Did a redesign boost response XYZ%? ...Increase the number of pages visited? ....Anything other than look good on your resume?

  4. #3
    Senior Member shoffman3572's Avatar
    Join Date
    Jul 2008
    Location
    Fullerton, CA
    Posts
    137
    Member #
    16990
    Thanks - some valid points here, and I i'll certainly make it clearer that the different home pages are just style examples.

    I'm not sure I have many reasons for each style, other than to hopefully show a potential employer I have some ability in HTML, CSS and Javascript. I'm not looking to get freelance work from this site - it's purely to help me find a decent paying job.

    Thanks for taking the time to review and comment.

  5. #4
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    I like some of your portfolio work - some is really good - but your own site didn't really work for me. To me, your portfolio shows far better creative/design skills than your own site, which is a shame.
    I think you need a slogan or words at the top to tell people what your site is about. Then within the content, the heading "Summary" doesn't grab the attention - maybe use a phrase that includes key words such as Coder or Designer. I wasn't sure what the "DW", "FW" etc tabs were for - nothing happened when I clicked on them. I also wasn't sure why you had links to sites such as Yahoo.com and Google.com - and why these take up prominent space. Also, don't ask for constructive advice on a site that is essentially a job advert. Do you have any testimonials that you could use to pad out the home page? - maybe put these in the space where the links are.
    Personally, I would create one really good design for your site and then divide your portfolio up into fun, corporate, retro etc if you would like to show these skills - even if you have to create dummy websites (and admit that you have done so).
    Hope all this helps.
    For my own benefit, could I ask you what software you have used so that someone can click on the mini-image on the right and then obtain a larger image on the left? This is exactly the type of effect that I am looking for to showcase the portfolio work of a client - and also our own portfolio once we get a few more websites.

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Two quick points that stuck out to me on a quick first impression:

    1. The "style" buttons look like a primary navigation. For lack of any other navigation at all, one would think these links take him to other content, and would click away, only to find a different L&F on each page. Imagine the horror! I don't mind the concept of multi-theming a site, but you have to do it in a secondary (preferably iconographic) menu, and the themes shoud all follow the same basic layout (width, positioning, etc.) so people don't get lost.

    2. The project thumbs don't look clickable. Use href="javascript:myFunction" instead of onclick="myFunction" to properly call a javascript in link fashion, or else use CSS cursor property to style it appropriately.

  7. #6
    Senior Member shoffman3572's Avatar
    Join Date
    Jul 2008
    Location
    Fullerton, CA
    Posts
    137
    Member #
    16990
    Thanks for the advice.

    As for the software help. You can create that effect with Javascript and a little understanding of DOM (Domain Object Model).

    Here's an example.

    When you click on one of the thumbnails, a javascript function is called:

    function phototemplate()
    {
    var applications = "<img src='images/dw.png' alt='Dreamweaver' /><img src='images/fw.png' alt='Fireworks' />";

    var mainImage = "<img src='images/phototemplate_large.jpg' width='450' height='296' alt='Photo Template Design Idea' />";

    var description = "<b>Project - Template Example</b><br />Code - HTML, CSS<br />A simple template example mainly built with Firefox CS3";

    var weblink = "<a href='http://www.freewebs.com/shoffman3572/photo/index.html' target='_blank'><b>Go there</b></a>";

    document.getElementById("main_stage").innerHTML = "" + mainImage + "<p>" + description + " - " + weblink + "";
    document.getElementById("applications_panel").inne rHTML = "" + applications + ""; return;


    }

    The large area is set with the ID of "main_stage" and is ready to show the screenshots and text. There is another area marked with the ID applications_panel - which shows the Adobe product logos I used for the project.

    The html that needs to go onto the main stage is stored in variables - mainImage, description and webLink. The html for the applications_panel is stored in a variable - applications.

    So the function sets up the variables,

    document.getElementById("main_stage").innerHTML = "" + mainImage + "<p>" + description + " - " + weblink + "";
    document.getElementById("applications_panel").inne rHTML = "" + applications + "";

    and these two lines put it all on the screen in the areas marked 'Main_stage' and 'Application_panel'

    I'm no javascipt expert, but this works and I hope my rambling explanation helps

    if you visit http://www.stewarthoffman.com/mainJS.js you'll see all the javascript code. Use that and the code from the home page, and you'll be able to put it together.

  8. #7
    Member
    Join Date
    Nov 2008
    Location
    NJ
    Posts
    41
    Member #
    17695
    Like the design. For a second I didnt really know how the website worked. I think you should make the Portfolio heading on top of the images so people know thats where it is. Also all the link tags are default blue and are hard to read on the blue background you have. Not sure what the exact point of the different themes are? However I like the Gallery design. Overall good job!

  9. #8
    Senior Member entity's Avatar
    Join Date
    Jul 2007
    Location
    New York, USA
    Posts
    303
    Member #
    15590
    Yes, at first I thought that it was an incomplete website. Once I got the hang of it though, it got better. Make it more clear, but it's pretty good.
    I WILL rule the world someday.
    My Blog!!!
    Check out the Leviathan Chronicles

  10. #9
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Thank you so much for the javascript help - I have a client who wants me to revise their portfolio page with new pics in a few weeks and this will look so much more professional than having to click on a thumbnail and open it in a new window the way I have it at present.
    Many thanks again.

  11. #10
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    You need to make your theme links look less like navigation tabs. I feel like I should be going to new content, instead I am sent to a new design and its like 'what the hell is going on!?'


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:55 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com