mattchewd3po様は99designsでウェブページデザインコンペを開催しました。
11人のフリーランスデザイナーから集まった38エントリーの中から、優勝者が選ばれました。
HypestDudeEver.com
What is it?
Site to upload pictures of guys who are dressed in really nerdy ways because they don’t really have any clue about style. But we’re making this site as if they are the most cool and “GQ” people in the country because they wear whatever they want—they are “above” worrying about style!
Overview layout
The overall layout of the site is similar to “HotorNot.com”—a picture that’s the focus of the page. There’ll be a rating system and a spot for ads.
Teens through 30-something men
Design
The design style of the site is “classy”—think of a GQ magazine pictoral or a cigar lounge kind of atmosphere. Maybe with some mahogany background with a fancy, rich picture frame that houses the image of the guy.
End results is PSD file in layers (no coding!!)
Be creative and take liberties. Our outline is made to give ideas and inspiration. Take the reins and run with it!
1
Go to this link to see the outline of the design (they're pasted below but lose the formatting of the outline, making it hard to get a sense for things).
https://docs.google.com/document/pu…HVRUX05eF0
Design Specifics:
Top of the page
Site logo (we need you to make this up!)
Links bar (below are the links to be placed horizontally across the top)
Upload pic
Search by:
Rating
City
Name
Date added
Sign in
Register
Below the links bar is a “Quote” Bar, an area designated for quotes that will rotate
Ex: “Whenever you find yourself on the side of the majority, it is time to pause and reflect.” Mark Twain
Picture of the hypest dude ever:
Image of the guy
Put it in classy frame, similar to what would be over a fireplace at a rich person’s home.
Rating system
This is a 1-5 system
Instead of the numbers 1-5, we’d like to use an image of some sort.
Some brainstorming ideas include (but these are just ideas-- hopefully you come up with your own ideas!):
trucker mud-flap girl
playboy bunny
Gold chains/rapper chains
Porn-star mustaches
When the mouse/cursor goes over the ratings, the color/font of it should change (so if the cursor goes over the 4th image, the preceding 4 images should change somehow)-- again, BE CREATIVE.
“Description” box
This is where the photographer types in a 50 word or less description of the setting in which they took the picture.
Make this look cool somehow.
A button that says “Add to favorites”
A button that says what city/region it was taken in.
A few share options-- “Share on”
Facebook
Twitter
Via email
Somewhere else on the page we need space for:
Recently viewed dudes
These are small pics of the guys the users just viewed
advertising
This will be along the right side of the page.