Designs by starbuckt

for the contest Web Hosting Provider Site

Avatar
Avatar for starbuckt
Profile
View designer profile
Designer Actions
(Report)
Designer Navigation

Entries

  1. Label:
    #120
    Rating:
    0 Stars
  2. Label:
    #119
    Rating:
    0 Stars
  3. Label:
    #109
    Rating:
    0 Stars
  4. Label:
    #108
    Rating:
    0 Stars
  5. Label:
    #107
    Rating:
    0 Stars
  6. Label:
    #106
    Rating:
    0 Stars
  7. Label:
    #105
    Rating:
    0 Stars
  8. Label:
    #103
    Rating:
    0 Stars
  9. Label:
    #102
    Rating:
    4 Stars
  10. Label:
    #101
    Rating:
    4 Stars
  11. #100 Winning Design
  12. Label:
    #65
    Rating:
    0 Stars
  13. Withdrawn
    Label:
    #64
    Rating:
    0 Stars
  14. Label:
    #63
    Rating:
    4 Stars
  15. Label:
    #62
    Rating:
    4 Stars
  16. Label:
    #61
    Rating:
    0 Stars
  17. Label:
    #49
    Rating:
    4 Stars
  18. Label:
    #48
    Rating:
    4 Stars
  19. Label:
    #47
    Rating:
    4 Stars
  20. Withdrawn
    Label:
    #46
    Rating:
    0 Stars
  21. Withdrawn
    Label:
    #45
    Rating:
    0 Stars
  22. Withdrawn
    Label:
    #44
    Rating:
    0 Stars
  23. Label:
    #42
    Rating:
    0 Stars
  24. Label:
    #41
    Rating:
    0 Stars
  25. Label:
    #40
    Rating:
    0 Stars

Discussion

  1. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:07:38 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #40

    Simple straight CSS design, the only image is the NFSN logo.

    This should be a very flexible design, the top nav bar could be made smaller if desired, thus bumping the content a bit farther up the page.

    I honestly just banged this together tonight, I'm definitely willing to make improvements!

  2. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:10:18 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #41

    Here is the FAQ page for my submission...

    Wish you could upload multiple pictures at once.

  3. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:10:45 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #42

    ...and the signup page!

  4. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:39:54 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #44

    Revision of my first design, uses space a little more efficiently. Smaller NFSN logo.

  5. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:40:14 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #45

    Revision 2 cont.

  6. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:40:45 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #46

    Revision 2 "Sign Up Page"...

  7. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:48:32 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #47

    Revision of my first design, uses space a little more efficiently. Smaller NFSN logo.

  8. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:49:02 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #48

    ...faq version 2.

  9. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:54:55 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #49

    ...sign up page 2

  10. User
    starbuckt
    Actions
    Comment Date
    Wed, 09 Apr 2008 08:57:39 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    #49 Just a note on my 2nd submission, it actually is a liquid layout (as per the requirements), there is just some extra margin that on the right hand side that I forgot to chop off, which makes it look like it isn't.

    The white box would expand with the browser window and allow the text to flow.

  11. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Thu, 10 Apr 2008 02:10:14 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    From the first design (40/41/42), we particularly like the idea of a discrete spot on the page that gives you the page title and a little "what am I doing here?" blurb. However, the copyright notice in the middle of the page is a little awkward, particularly on the main page.

    Other than that, we all seem to like several aspects of the second design (47/48/49). One person says the logo is a bit too small.

    On both designs, there is a consensus that the body font is too small.

    Thanks for the submissions!

  12. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 04:11:26 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #61

    This is a new design for the NFSN mainpage roughly based on my first two submissions.

    I bumped up the text size slightly and the NFSN logo is now the same size as it currently appears on the live site.

    This is another liquid, CSS/XHTML design with only 1 image.

    The navigation is very flexible and can include whateverl links you would like.

    The "Sign Up Now" and "Member Login" links are emphasized in the upper right corner of the screen.

  13. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 04:14:23 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #62

    This is a version of my latest design with larger text.

    The text size is comparable to the text size on the current live site.

    I tend to favor the design with the smaller text because larger text makes it hard for the user to distinguish emphasized areas from the main content; areas like the "Sign Up Now" link and the navigation start to blend in with the copy when the font is larger.

    Keep in mind that all browsers allow easy text-resizing and this liquid layout will flow accordingly.

  14. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 04:16:14 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #63

    ...FAQ page in my new layout.

  15. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 04:16:58 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #64

    ...Sign up page in my new layout.

  16. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 05:03:44 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #65

    ...oops! I realized I cut some text off by accident in the signup page. It's now been adjusted.

  17. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Thu, 10 Apr 2008 06:29:58 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    This latest design is very good. It's got at least one ardent internal supporter who carries a lot of weight.

    However, we do have some more concrete concerns.

    First, we need to see more FAQ text because we need to see how it handles obscenely long pages, and where the right margin is on large blocks of text. You're sort of artificially shortening the page right now by excluding all the actual answers. Could we see the same design with just enough question & answer content to clear that up?

    Second, the signup form is a problem; we like the form layout of #49 much better than #65 because #65 gives people a giant block of small print that they won't read.

    Third, I'm a little concerned about having enough room to grow on the sidebar.

    Thanks!

  18. User
    starbuckt
    Actions
    Comment Date
    Thu, 10 Apr 2008 06:48:10 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    NearlyFreeSpeech,

    Thanks for the great feedback, I'm excited about the latest mock up as well. I will work on the revisions you are looking for tomorrow. Sorry about the FAQ, I'm working on a 17" monitor and I got lazy and didn't want to extend the image, haha, but I'll get to work on that tomorrow.

    I thought you might say that about the signup form, I agree that most people will probably skip over the block 'O text. I'll work on a version that's more similar to the layout of #49.

    How would you feel about moving some of the TACOS and Rules links from the sidebar to the bottom of the content block? Like how the Copyright is positioned, except maybe on the left hand side?

    I think we could make some room on the sidebar by restructuring the site a bit. It really depends on what links you want on the top nav and how you want those links to drill down into the content. We could even make the side nav a "Sub-Nav" for each of the main "Tabs" on the top-nav. So when you click on "Services" on the top, it changes the "Side-Nav" to display the various services you offer. Or something like that. I'm definitely open to suggestions, and I'd love to work with you on this further.

    Just so you know, I would be happy to do the XHTML/CSS coding for this design if it is chosen, I haven't started yet because I know that my designs could still be rejected.

    I'll submit some changes in the next day or two.

  19. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Fri, 11 Apr 2008 01:38:54 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    We're definitely open to putting certain elements at the bottom to free up sidebar space.

    We are going to be doing quite a bit of restructuring (details TBD) so we are definitely looking for a design that is flexibility enough to absorb whatever we come up with and come out looking good.

  20. User
    starbuckt
    Actions
    Comment Date
    Sat, 12 Apr 2008 06:45:35 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #100

    Here's a revision of my 3rd design. I changed the border color of the main container to green and tweaked the nav bars a bit.

    I made the "Sign Up Now | Member Login" box slightly smaller and moved the search bar up above it. This allows the top nav to extend all the way to the end of the content box.

    I also moved the TACOS, Privacy Policy, and Content Info links to the bottom of the content box.

  21. User
    starbuckt
    Actions
    Comment Date
    Sat, 12 Apr 2008 06:49:06 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #101

    Here is the extended version of my FAQ page with some minor edits...

    I'm not sure how you would want to utilized the top/side nav bars, so I've tried to illustrate some of the possibilities for you.

  22. User
    starbuckt
    Actions
    Comment Date
    Sat, 12 Apr 2008 06:50:12 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #102

    Here is the signup page.

  23. User
    starbuckt
    Actions
    Comment Date
    Sat, 12 Apr 2008 06:52:01 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #103

    Here is an example of the FAQ page with the main container extending all the way to the right margin of the web browser. Just a possible tweak in the overall design.

  24. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 03:19:55 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #105

    Just thought I'd submit a design utilizing a CSS dropdown menu. This is the main page at first glance. No sidebar to take up any content space, so there is lots of room for large font sizes.

    The nav bar has a slight light-green to NSFN green gradient, although this could be easily made a solid color so you wouldn't need an additional (although small) image.

  25. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 03:23:43 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #106

    Here is the main page with the dropdown activated. Not all items would have to be dropdowns (e.g. "Blog" could simply link directly to the blog).

    The drop-down item that is highlighted is the one that the mouse would be hovered over.

    This dropdown menu is cross-browser compatible using simple CSS. Some older browsers that do not support CSS pseudo-classes like ":hover" will fall back to a simple javascript file that adds/removes css classes to make the dropdowns visible.

    Failing that, when viewed with CSS turned off the dropdowns appear as simple unordered lists near the top of the page.

    Here is some more info on the dropdowns:
    http://www.htmldog.com/articles/suckerfish/dropdowns/

    See them in action:
    http://www.htmldog.com/articles/suckerfish/dropdowns/example/

  26. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 03:24:42 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #107

    faq page of my dropdown oriented design...

  27. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 03:25:04 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Just wanted to add that you can make "Multi-Level" dropdowns very easily, they are simple nested lists. This would allow you to have a very complex and multi-dimensional site layout.

  28. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 03:25:24 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #108

    ...Signup page...

  29. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 07:45:50 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #109

    Sorry for the deluge of submissions, I just keep revising things I'm not quite happy with.

    For this latest revision of my "dropdown design" I added some defining lines to each item on the menu bar.

    I also added a #F9F9F9 colored bar below the nav bar to better contain the breadcrumbs (with a #CCC colored bottom border).

    I also gave the footer a #F9F9F9 colored background with a #CCC top border.

  30. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Sun, 13 Apr 2008 19:36:30 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    While #105/#106/#107/#108/#109 is a very clean design, we're just not comfortable with the trade-offs you describe for the CSS popup and thus we're going to have to eliminate it. Thanks for giving us such the opportunity to consider that avenue.

    More feedback to follow as we try to get incoming submissions under control.

  31. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Sun, 13 Apr 2008 20:05:34 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    We like #100/#101/#102.

    We would still like the body text size perhaps 1 or 2 px/pt bigger, particularly on the FAQ page, but that's most likely a very minor change.

    We did like #101 more than #103 because it felt more "finished" to us.

    Thanks!

  32. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Sun, 13 Apr 2008 20:30:11 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    We've reluctantly eliminated #62/#63. One person liked them better than #100/#101/#102, but since they didn't show the finished product as well as the "full set" we had to stick with 100-102.

  33. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 21:02:49 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    NearlyFreeSpeech,

    I totally understand on the CSS Dropdowns. I've used them successfully on other projects before and like them a lot, but I had a feeling you wouldn't be happy about the "degrade to javascript" thing.

    If you could tell me why this person liked #62/#63 better than #100/#101/#102 I might be able to come up with some sort of compromise between the two.

    If it is the border color (grey instead of green) or the font size, then these things can be easily adjusted to your liking.

    Either way thanks for the great feedback, this has been a great experience!

  34. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 21:04:58 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #119

    I have tweaked the FAQ page by upping the font-size about 2px...

  35. User
    starbuckt
    Actions
    Comment Date
    Sun, 13 Apr 2008 22:33:34 +0000
    Badge
    Designer
    Avatar
    Avatar for starbuckt

    Submitted design #120

    haha, I'm experimenting with navigation ideas now. Here is an example of a "cascading" two-tiered menu. Basically you have a main nav-bar where the current page is highlighted. This current "parent-page" cascades down into a second "sub-nav" that holds "child-pages." This is a solution that requires no fancy javascript or CSS. Opinions?

  36. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Wed, 16 Apr 2008 01:47:13 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    Eliminated #101, as it's replaced by #119.

  37. User
    NearlyFreeSpeech
    Actions
    Comment Date
    Wed, 16 Apr 2008 01:49:50 +0000
    Badge
    Contest Holder
    Avatar
    Avatar for NearlyFreeSpeech

    #120 was an interesting idea, but we decided it wouldn't work for the nav scheme we have in mind.