:: ONLY NEED HOME PAGE DESIGN FOR QUALIFYING ROUND ::
All pages will have the same header, footer, side bar, and menu.
Besides the background, all visual elements should be within 980px wide.
I would prefer the background color of the main body of the pages to be shades of green. I think blue and orange also work well for deals sites, but I believe I prefer green as the main background color.
I like when the background color fades from one shade to a slightly lighter or darker shade.
I also like when sites have a "lens flare" or "color burst" on the background behind the content or behind the logo. To better illustrate what I mean, please view these references:
- yipit.com (behind the logo)
- groupon.com (behind the logo)
- bargainez.com (behind the content area)
I have attached a color palette that I like, but feel free to go beyond my suggestion and find colors that you think fits the site and work together best.
---------- HEADER ----------
The header should contain the Ty's Deals logo, menu, and social links. The background color of the header should be different than the main body of the page.
< Logo >
The current logo is attached, but it is going to change. The design and colors of the logo will likely change, so don't necessarily design the site around the colors of the logo. I'd like to change the logo after the site is designed. The current logo is just temporary.
< Menu >
The menu items should be:
- Deals & Discounts
- Coupon Codes
The social links should include buttons to our Facebook, Google+, and Twitter pages
---------- FOOTER ----------
I would like the background color of the footer to be different than the header and main body of the page. I like when footers span the full width of the page/background.
The height of the footer should be around 200 to 300 pixels.
The footer will include site links, a search box, and a newsletter signup form.
---------- RIGHT SIDE BAR ----------
The side bar should be on the right side of the page and should be about 300px wide.
The side bar should contain:
- A Newsletter Signup Form
- 300x250 Ad Space
- Featured Deals
- Featured Stores
- Featured Brands
- Facebook Social Plugin Widget
---------- HOME PAGE ----------
The home page should feature the most recent deals and coupons. So, while inner pages for a specific store like Amazon or Best Buy, or brand like Canon, or product like TVs, will filter deal results specific to the store/brand/product requested, the home page will query the most recent deals from all stores and brands.
The home page will feature a View toggle button so that the user can change how they view the deals. The default will be to have each deal separated vertically, spanning horizontally the full width of the main content area. And the other View option will be to have the deals displayed as a grid with 4 deals on each line.
Each "deal box" will include the Title of the deal, a short 250 character description, an image of the product, an expiration date, a more details link, and a Get Deal button.
The home page should also have a larger search box and button towards the top of the page. Plus an As Seen On element that will display logos for websites, publications, and TV shows that mention our site. Perhaps other credibility items as well.
---------- DEALS / COUPONS ----------
The Deals and Coupons pages will look very similar to the home page, except the search bar won't be as prominent, and they won't feature the As Seen On element.
---------- INNER PAGE ----------
The Products, Stores, Brands, About Us, and Contact Us pages will all use the inner page design. Essentially the header, footer, and side bar will be the same as the rest of the site, but main body of the page will be blank and allow me to write full page content.