Challenge Summary
Welcome to “Cornell – Responsive Storyboard Economics Site Redesign contest”. The goal of this contest is to redesign look and feel for one of our college site departments (economics) using base design and customer feedback provided in this contest. There are two pages that needs to be redesigned and needs to be created as responsive web design, those two pages are homepage and one secondary page.
We need creativity and nice design execution to achieve the goal. Jump in now!
Round 1
All screens for web and mobile (homepage and subpage).
Round 2
All contest requirements as stated in contest details with client feedback applied
We are looking for a better design solution for one of our departments site. The current site can be found from this link : http://www.economics.cornell.edu/. We want to perform fully re-design for the homepage and it’s secondary page (sub-page).
We have selected a base "ready to go design" concept (base_design.zip), which saves time during the concept phase. This project goal covers creating new home page and one secondary page using base_design.zip attached as base/starting point and customers feedback. For more details about design requirements, please check below :
Contest requirements
General Design
- Main Navigation, see “Proposed Economics - final site map.pdf” page 1. The main navigation are “Home, about, people, undergrad program, graduate program, seminars and courses”.
- Footer, see “Proposed Economics - final site map.pdf” page 8. The footer content are footer navigation (contact us, cornell university) and social media links (Facebook, twitter, etc).
- Check web guidelines in "cornell-brand-book.pdf” page 19 for more details about general design.
Homepage
Please create the following content in the homepage :
- header (logo and search area)
- main navigation
- headline (photo/carousel and text headline)
- welcome paragraph
- events/seminar
- latest news
- announcements/spotlight.
- quick links
- footer (footer link and copyright)
- Refer to "base_design.zip", home.psd/home.png for the homepage layout concept.
Secondary Page
Please create the following content in the secondary page :
- header (logo and search area)
- main navigation
- top content (secondary page short explanation)
- sitemap/breadcrumb
- secondary page description
- related links
- secondary nav (must be on the left side of the page)
- footer (footer link and copyright)
- Refer to "base_design.zip", secondary_r1.psd/secondary_r1.png for the secondary layout concept.
Important :
- Refer to “reqdoc.zip” for more details about customer feedback and apply them all.
- You're free to choose whether use base_design.zip as your starting design OR create your design from scratch (you must, however, considering the base_design.zip layout and reqdoc.zip since they are client selection if you choose to design from scratch)
- Use “cornell-brand-book.pdf” as client branding guidelines.
- Use “Proposed Economics - final site map.pdf” to understand the fully re-design goals.
- Do not use the current website as your references, we just want you to know the latest condition of our economics department site. we want to fully re-design this site.
- For all content, use placeholder text (except for navigation labels and footer) like we do on the ready to go design provide
Branding Guidelines
- Create your Screens in 3 different width (responsive) :
o PC : 960px
o Tablet : 768px
o Mobile : 320px
- Color : Check cornell-brand-book.pdf
- Font : Check cornell-brand-book.pdf. If you have any issue with the provided source file fonts just replace those fonts with a regular one (like Arial) and add a note in your submission explaining you made the change. You will be asked to replace those fonts if you become the winner. Declare your fonts according to the Studio font’s policies.
- Provide hover effects/screens for all the UI elements you design.
If you are not familiar with “responsive" web design, do your research about it and you can learn from these links :
- Wiki information
- Working Example :
http://www.thismanslife.co.uk/projects/lab/responsiveillustration/,
http://twitter.github.com/bootstrap/,
http://foundation.zurb.com/index.php (try resize your browser screen)
- Great Gallery Examples :
http://mediaqueri.es/
Target User
- Students
- Potential Faculty
- General Audiences.
Judging Criteria
- Completeness of your responsive screens design
- How well the new design fulfill our requirements
- How well you follow our branding guidelines
- Cleanliness of your graphics and design
- User Experience!
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on other winning placements.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.