Challenge Summary
Welcome to the Accenture Innovation Program V2 Django Admin Wireframe Contest. The goal of this contest is to create the Django Admin wireframes and user click path for the back-end CMS (Content Management System) for the "Innovation Program" application.
You will need to think about the provided front-end wireframes and how its back-end management works. Focus on making the front-end content items easy to manage with the back-end system.
We will be using the Django Framework for our CMS. Django has a pre-built "Admin" user interface and design conventions that will we be utilizing.
At the end of this contest the Client is looking to have a clean, intuitive, and easy-to-use set of wireframes that will help them manage the Accenture Innovation Program content.
Round 1
Submit following parts for a client review
- login/logout
- Site Administration page with the different content areas
- How to edit Home
- How to edit Overview
- How to edit the Directory
- any other pages you want to get feedback.
The goal here is to make sure your organizing the content items correctly and making sure the CMS is easy to follow (minimal clicks)
Round 2
Final Wireframes - All CMS items
- "Solutions" section
- Any additional items from Round 1 review.
Contest Details:
We have recently run contests to redesign the Accenture Innovation Program front-end (we are now calling it version 2 (V2). Now we need your help in creating the Admin wireframes to map out the back-end content management (CMS).
You should analyze the front-end wireframes and storyboard, think about how their content should be managed by the back-end Admin. The goal here is to minimize the amount of screens and clicks - it should be easy to get into an item and update the content.
We will be using Django Admin to manage the Innovation Program. Django Admin already has a specific user interface/look and feel. (see the screenshots here). We will need you to mimic this user interface (since that is what we will be using) and capture the user flow for editing/updating/uploading content for the Innovation Program application.
- You can find more information about the Django Admin/UI here (Google Link)
- You can also find some Omnigraffle Django templates here (template link)
Note: What we are looking for is how a user will edit the content (form fields, input boxes, upload buttons etc)
- A user will log into the Django Admin site (standard Django screen)
- They will see a "Site Administration" page - this shows a list of "Modals" (areas they can click into and edit content)
- They can click into an area and then select what they want to edit
- The user will see standard web forms (In the Django look and feel) where they can edit text, upload images etc.
- Do not make this complicated! Most of the design concepts are already done (Django Admin) - you just need to help up organize and make the CMS easy to use and understand.
- You do not need to redesign anything! Use the Django Admin look and feel as a reference guide
- The focus is on the "content" of the application - what items will the client want to edit/should they have the ability to edit?
Accenture Innovation Program V2 Django Admin Wireframe Details
1) We think the following content will be static
- Header
- Main Menu
- Sub Menu
- The Technology: Circle graph
2) CMS screens
Login/Logout
- standard Django Admin
Home
- the ability to edit the text
Overview
- The content items on each page
- Text
- Images
- Video + captions
- Bottom contact information (used in Overview, Technology)
Solutions
- This area will be updated in R2 as it is going through some design updates.
Technology
- The content items on each page
- Text
- Images
- The circle graph is static, you just need to show how to edit the content for each item on the graphic
Locations
- The globe, map are generated automatically
- list/add/remove/edit each location
- each location should include coordinate which will be helpful to generate global, map
Directory
- list/add/remove/edit
Feedback
- The ability to edit the question
- The ability to associate a result type to the question
- The ability to put the question in a specific order (0,1,2,3)
File Download
1. wireframes.zip = latest wireframes - Solutions is out-of-date and will be updated in Round 2
Target Audience:
Accenture Content Editor
Branding Guidelines:
- There’s no specific branding requirement for this back-end.
- Utilize the existing Django Admin user interface
Django Admin References:
- Django
- Django Admin
- Django Admin screenshots
- Django form stencils
Wireframe software:
- http://www.axure.com/
- http://www.omnigroup.com/products/omnigraffle/
We are not concerned about how you create your wireframes. We would like to be able to click around - (you can create screenshots and make images maps! - it doesn't need to be complex)
Judging Criteria:
- How well you planned out the Django Admin CMS
- How well you handle the content user experience, easy for editor to manage/add/edit/delete front-end content.
- How well your wireframe is designed, proportional and graphically clean (clean lines, clear page hierarchy etc).
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
We would prefer that Wireframes be built in HTML, Axure, MS Visio, OmniGraffle, Dreamweaver. The resulting files are not critical in this contest.
The most important point is that all the content is listed and the pages are linked together/click-through to show page flow.
Source Files
All original source files of the submitted ideas.
Final Fixes:
As part of the final fixes phase you may be asked to modify content or user click paths.
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.