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.