Scott L picked a winning design in their Website contest
For just $1,139, they received 86 designs from 23 designers.
From logos and business cards to websites and stationery, you can get anything designed by running your own design contest on 99designs.
Find out how…Website for Internet TV reality show & crowdsource svcs.
-
- Entrant:
- Ejsing
- Label:
- #82
-
- Entrant:
- prasanthpr0
- Label:
- #83
-
- Entrant:
- Ejsing
- Label:
- #81
-
- Entrant:
- prasanthpr0
- Label:
- #67
-
- Entrant:
- prasanthpr0
- Label:
- #18
-
- Entrant:
- prasanthpr0
- Label:
- #9
-
- Entrant:
- Ejsing
- Label:
- #2
-
- Rating:
- Actions:
- Entrant:
- kakang
- Label:
- #86
-
- Rating:
- Actions:
- Entrant:
- mr.antough
- Label:
- #85
-
- Rating:
- Actions:
- Entrant:
- alexx
- Label:
- #84
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #80
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #77
-
- Rating:
- Actions:
- Entrant:
- kelly_hero
- Label:
- #76
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #74
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #66
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #65
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #64
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #63
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #62
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #61
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #60
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #59
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #58
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #57
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #56
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #55
-
- Rating:
- Actions:
- Entrant:
- Mariusucu
- Label:
- #54
-
- Rating:
- Actions:
- Entrant:
- kakang
- Label:
- #41
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #36
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #35
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #34
-
- Rating:
- Actions:
- Entrant:
- alexx
- Label:
- #33
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #32
-
- Rating:
- Actions:
- Entrant:
- GDT Design
- Label:
- #31
-
- Rating:
- Actions:
- Entrant:
- kakang
- Label:
- #30
-
- Rating:
- Actions:
- Entrant:
- alexx
- Label:
- #29
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #28
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #27
-
- Rating:
- Actions:
- Entrant:
- little-carrot
- Label:
- #22
-
- Rating:
- Actions:
- Entrant:
- Digital-Vibe
- Label:
- #21
-
- Rating:
- Actions:
- Entrant:
- isdngirl
- Label:
- #19
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #17
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #16
-
- Rating:
- Actions:
- Entrant:
- prasanthpr0
- Label:
- #15
-
- Rating:
- Actions:
- Entrant:
- Ejsing
- Label:
- #10
-
- Rating:
- Actions:
- Entrant:
- peraduanku
- Label:
- #7
-
- Rating:
- Actions:
- Entrant:
- Ejsing
- Label:
- #3
-
- Rating:
- Actions:
- Entrant:
- Ejsing
- Label:
- #1
41 comments shown 41 total, most recent first
Congrats Ejsing! Nice piece.
Sorry, I mentioned design #83 but I meant design #82 as the winner, by Ejsing.
Scott
Thanks to everyone who contributed input, designs and passion to this contest for Extreme Collaboration. I especially want to thank Carving Dezine, PeterFsh, and Ejsing who provided not only designs and updates, but also advice on implementation.
We've just selected the winning design by Ejsing, #83. Ejsing was one of several finalists that delivered both fresh ideas and adherence to our final spec, and any of those designs could have worked well. Design #83 came across as having the cleanest design, which we expect to make it easier to implement and update.
Thanks again and regards to all,
Scott
Haha! Thank you guys again! :D
Yeah cool design Peter! Good luck man!
#73 is easily the best. Nice one Peter!
I can commit to helping you with two other pages and anything else you might need.
Thanks for the contest!
WheatField
Thanks to absolutely everyone who took the time and interest to submit designs to the site. I've narrowed down the options based on feedback and ease-of-implementation to several by Carving Dezine, Ejsing, PeterFsh, Prasanthpr0, Stripe Access and Wheatfield. For those designers, please just confirm to me that, per the spec and prize, you'll be able to help me design two more related pages, one which is a simple project listing and another will be a project specific page. Only the guaranteed winner actually has to design these pages. I'll pick this weekend.
Thanks again,
Scott
Kelly,
I've gone the <table> path before, and it can be pretty taxing for complex layouts, However for simple layouts it is easy to use. So I say it depends. But for this I would suggest going to a tableless layout =). Just a suggestion, it will be up to the CH.
@GDT Design - I was going to get into the whole "tables vs div" thing, but decided not to since there is still a lot of controversy about which method is better. Google "tables vs CSS divs" and you'll get loads of opinions from both camps.
Personally, I prefer div layouts over table-based layouts because, as you said, it's a lot easier to maintain in the long run - especially if it's a complicated design. Nested tables can be a nightmare. Still, I occasionally cheat and revert back to a table layout if I can't get something to look right in all browsers without a load of hacking. Either way, everything gets styled via the stylesheet so in my mind, it's all good. ;o)
The rounded boxes can be set as background using CSS. Like the in the project videos my guess it that you'll limit the teaser text to a certain number of characters, so you can just set the background to a fixed width and height.
For example, my 20" flat panel shows more of the designs than my 15" notebook, but both are set to 1024:780. Is it supposed to work that way at the same resolution, or should the whole image shrink so that the same amount of content fits in each. I've yet to test on a netbook.
- Nope it won't shrink, most of the designs here are fixed width optimized for 1024 x 768 monitors (since a vast majority use this resolution), I purposedly widened my design to give you a perspective of what it will look like in a wide screen monitor. To get a perspective on how it would look like in a standard 1024 x 768 resolution just align it center of your monitor.
I would advise you to use a table-less layout (for the main structure), it uses less code and is easier to maintain, you can use tables on certain portions of the site that require or would seem more practical.
Rounded corners can also be done thru CSS, not sure if it will be compatible with old browsers as Kelly said. That can be fixed by using CSS for maximum compatibility.
@Scott - Both can be achieved and maintained fairly easily using CSS, whether you go with a table-based layout or a div-based layout - especially if your layout is fixed width. Fluid layouts are a little harder to implement.
In the simplest terms, page elements are rectangular by nature. Styling block level elements can be as easy as assigning background and border colors in your stylesheet. You don't usually have to worry about the height and/or width of the element because the styling will apply, regardless of the element's dimensions.
Using rounded corners is a little more complicated, but still pretty easy to achieve using CSS. You simply call a background image in your stylesheet. The tricky part is knowing whether the background image can be used as a whole or whether it needs to be sliced into several background images.
For example, if you have a block whose dimensions won't ever need to change based on the content inside, you can call a single background image in your CSS. If your block element needs to expand to accommodate the content inside, then you'd typically want to build a container by slicing the background image into a top image, a bottom image and a vertically tiling middle image (if there's no gradients or texture in the middle, you can use background color and border instead of an image).
Rounded corners can also be achieved solely through CSS methods, but I'm not sure of the compatibility across the different browsers. I generally stick to the methods described above.
Once the site is created, maintenance is usually just a matter of editing the stylesheet.
Hope that helps!
KH
Another question for you, designers. How much more effort is it to code and display specially-shaped design elements vs. rectangles. I'm talking about menu elements and header elements for the different sections. Are rectangles usually coded as pure HTML/color in a table, and others are images? How does this change the ease of updating the site? Thanks, sCott
Designers, thanks for all the entries. I have a question on what will show above the scroll line for your designs. Should images that appear above/below the scroll-line be the same on any screen set to 1024x780, or does it vary by screen size.
For example, my 20" flat panel shows more of the designs than my 15" notebook, but both are set to 1024:780. Is it supposed to work that way at the same resolution, or should the whole image shrink so that the same amount of content fits in each. I've yet to test on a netbook.
Thanks
Scott
nice entries ejsing.
Thanks for extending the contest, Scott. Good luck everyone!