Challenge Summary

Our client is interested in creating an application to manage an email preference web site that is available to its customers. This site will allow administrators to manage two main types of content: Publications – Email / Newsletters that are published to customers Interests – Customers are allowed to select various interests that are used to determine which publications are sent to them and now these publications are branded. These interests are separated by categories. For this contest, you will be creating a set of prototype for the Administration section of the application. The wireframe and application requirement specification will be provided. Entries must be your original work, and must not infringe on the copyright or licenses of others. Stock art, clip art, templates and other design elements from other sources are prohibited unless specifically permitted here in the Contest Details.
The goal of this contest is to produce the HTML and CSS that accurately captures the information from the provided wireframe and ARS The wireframe is primarily for reference. All the pages in wireframe need be implemented. The workflow should follow the sitemap in wireframe. You should focus on the following screens: Publication Management Screens
  • List All Publications
  • View Publication
  • Edit Publication
  • Create Publication
Publication Category Management Screens ( it missed in sitemap, but you can find it in leftNav and ARS)
  • List All Publication Categories
  • List All Publications under that Category
  • Create a New Publication Category
  • Edit Publication Category
  • Delete a Category (Required to delete all publication s under a category or move them to another category before deleting is allowed.)
Interest Management Screens
  • List All Interests
  • View Interests
  • Edit Interest
  • Create New Interest
Interest Category Management Screens
  • List All Interest Categories
  • List All Interests under that Category
  • Create a New Interest Category
  • Edit Interest Category
  • Delete a Category (Required to delete all interests under a category or move them to another category before deleting is allowed.)
The prototype can display correctly in Internet Explorer 6, Internet Explorer 7, Firefox 2 and 3, Google Chrome and Safari in both Mac and PC environments. Because there is no storyboard, you need focus on the page flow and just provide no graphics prototype, there are no images necessary. But you should make sure it looks professional. You should analyze all sections of the provided wireframes and ask questions in the forum for anything that is unclear TARGET AUDIENCE: Admin The administrator of the application. He/she will manage the data defined in this system. This is an internal application and is not intended for public display. SPECIFIC HTML/CSS REQUIREMENTS: (May not applicable for Flash) - Your HTML code must be XHTML 1.0 Strict compliant - Validate your code - we will accept minor validation errors, but please comment your reasons for any validation errors in a text file you provide. - Your code must render properly in Internet Explorer 6, Internet Explorer 7, Firefox 2 and 3, Google Chrome and Safari in both Mac and PC environments. - Use CSS to space out objects, not clear/transparent images (GIFs or PNGs). - If alpha channel PNGS are used be sure to include script to use filters for IE 6 - Do not use graphical text (for buttons use the graphics as backgrounds) - Proper use of structural CSS to lay out your page is strongly encouraged. - No inline CSS styles - all styles must be placed in an external stylesheet. - Provide as much semantic code as possible. Elements such as ABBR, ACRONYM, ADDRESS, CITE and CODE enhance the semantics of content when used appropriately. - Use strong and em tags instead of bold and italic tags - Only use table tags for tables of data/information and not for page layout. JAVASCRIPT: (May not applicable for Flash) You are allowed to use the jQuery javascript library for this contest. You may use existing jQuery plug-ins to achieve the desired effect, but submissions that are completely original and do not require additional libraries beyond the core jQuery library will be viewed more favorably. All JavaScript must not have a copyright by a third party. You are encouraged to use your own scripts, or scripts that are free, publicly available and do not have copyright statements or author recognition requirements anywhere in the code. JUDGING CRITERIA: Your submission will be judged on the following:
  • How closely the prototype matches the provided wireframe
  • How well items are styled professional
  • Cleanliness and organization of source code

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30021510