Cx3PO - Newman Design Challenge

Welcome to Cx3PO – Newman Design Challenge!

In this challenge you are provided with wireframes in the form of PowerPoint file and your job is to enhance the user experience plus providing the look and feel of the application.

Note:
- You are highly encouraged to provide your own ideas and solutions to this application beyond the provided wireframes.
- Please do not just give us a colored version of wireframes as they are meant to show you what we are looking for and explain the idea.

Round 1

Submit your design for a Checkpoint feedback:
1. New User.
2. Existing User.
3. Add New Campaign.
4. Existing Campaign.
5. TV Alert View.
6. Swap App Views.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).

Round 2

Final Design plus any Checkpoint feedback:
1. New User.
2. Existing User.
3. Add New Campaign.
4. Existing Campaign.
5. TV Alert View.
6. Swap App Views.
7. Site Access Page.
8. Tickets Page.
9. FAQ Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).

Challenge Description:
Newman 3.0 will allow us to easily manage different types of TV alerts and versions of the swap check application.  For TV alerts, we will be able to schedule them as needed and by whatever schedule markets are comfortable sending.  This can be something that is one off or could be recurring from hourly to weekly.

For the Swap check application multiple teams want to use this to get rid of old equipment out of the customers homes.  Things change quite often in the Comcast world, that we end up having to change the language all the time.  Today, the applications hard coded and it takes about 4-6 weeks to deploy.  With Newman 3.0 we should be able to update things in the Cloud and deploy as soon as we create them in Newman.

We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).

Design Goals:
- How should this should be designed?
- How quickly the user can find what he wants? What should the priority features be?
- How quickly can the user understand and interact with the app?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!

Screen Sizes:
- Desktop Resolution: 1280px width and height as required.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!

Branding Guidelines:
- This is an internal website and the client doesn't have any branding guidelines, so the colors are open to YOUR choice.
- We will provide the Newman logo  later on.

Supporting Documents:
- Wireframes (wireframe.zip).

Suggested Screens & Features:
This is a design concepts challenge and those are only suggested screens from us, so please feel free to add anything you think will work good for this app.
1) New User:
- Please refer to slide 3.
- When a new user logs into Newman for the first time, they will receive “Read Only” access throughout the site.
- Super user will have to provide the correct access for the user.
- User Options: (Please refer to slide 4)
- Clicking on the user name will provide the user options.
- All users MUST have the option to select the time zone.
-- Clicking on the Time Zone provides the user the ability to select a different Time Zone. (Please refer to slide 5)
- All users MUST have the option to sign out.
- Only the Super User MUST have the option to provide Site Access.

2) Existing User:
- Please refer to slide 6.
- Existing users will be able to view campaigns that have been shared with, or campaigns they have created themselves.

3) Add New Campaign:
- Please refer to slide 7.
- When the user clicks on “Add Campaign” tab they will be taken here.
- If the user does not have a campaign, they will be shown a blank form where the user will be able to:
1. Name a campaign.
2. Write a description.
3. Select to add a TV Alert and/or Swap App. (Please refer to slide 9,10):
4. Share the campaign with other users via email address.

4) Existing Campaign:
- Please refer to slide 8.
- If the user has an existing campaign they will be shown all the campaigns they are able to edit in this view.

5) TV Alert View:
- Please refer to slide 9
- User is able to add all specifics to the TV alert for this campaign.

6) Swap App Views:
- Please refer to slide 10 & 11.
- Only the Super user is able to edit the icon/service section and will receiving a warning when the Super User clicks on “edit.”
- The end user (Comcast customer) should only see this screen if the user qualifies for more than one campaign.
- Swap App – For more than one campaign preview (both contributor and super user) - Please refer to slide 12.
- Swap App – For multiple campaigns Contributor View - Please refer to slide 13.
- Swap App – Create Flow Super User - Please refer to slide 14:
-- Super User is able to create a new template for Contributors to use.
-- Super User has the ability to select a pre-existing template to use and modify.
-- Super User has the ability to select which screen will be pulled next for the button.
-- The Contributor/Super User, is able to add the language and text in the application.
-- The Contributor/Super User has the ability to Preview.
-- The Contributor/Super User has the ability to save or cancel out.
-- When the super user drags a screen they are able to tell where to input the title, the body, and drag buttons - Please refer to slide 15.
-- Types of Screen Templates - Please refer to slide 16.
-- Create Swap User Flow - Please refer to slide 17:
--- Start of creating an App.
--- User can drag and drop screens and buttons.
--- User selects the button they dragged to edit the button.
- Swap App – Create Flow Contributor - Please refer to slide 18:
-- The Contributor, is able to select a pre-existing template - Please refer to slide 19:
-- Contributor is able to select each individual screen that they want to view, modify.
--- Contributor does not have the ability to add or remove additional screens.
--- Contributor does not have the ability to change what screen appears for a button.
--- Contributor is able to add the language and text in the application.
--- Contributor has the ability to Preview.
--- Contributor has the ability to save or cancel out.

7) Site Access Page:
- Please refer to slide 20.
- All Users will begin with Read only access.
- Super Users:

•        Ability to upgrade or downgrade a users access.

•        Ability to change the language on the services impacted screen.

•        Ability to Approve applications to be posted to production.

•        Ability to see/edit tickets.

•        Ability to create a campaign.

•        Ability to share campaigns

•        Ability to see reports

- Contribute:

•        Create campaigns

•        Share campaigns

•        Post campaigns to a QA location

•        See/edit tickets

•        See reports

- Approve:

•        Approve campaigns that have been posted to QA to production.

•        See/Read campaigns

•        See tickets

•        See reports

- Read:

•        See/Read campaigns that have been shared with them.

•        See reports

•        See tickets

8) Tickets Page:
- Please refer to slide 21.
- All users will have the ability to search for tickets.

9) FAQ Page:
- Please refer to slide 22.
- Can this be something editable (for the Super User)?

Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance

Target Audience:
Target Audience is internal employees:
1. Engineers managing the applications (TV Alerts and Swap app) and troubleshooting any issues.
2. Business people who will be entering the campaigns.

Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Your design should possible to build.

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, or Adobe Illustrator as a layered AI 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 checkpoint feedback.