Accra - Customer Self Service Portal Design Challenge

Welcome to Accra – Customer Self Service Portal Design Challenge! The goal of this APP is to provide the customer with the quickest way for them to process their payments through this portal.

This Portal will be for payment processing so users can:
- View/print invoices
- Pay invoices
- Dispute invoices
- Apply credit memos

Round 1

Submit your design for a Checkpoint feedback:
0. Navigation.
1. Login Page.
2. Homepage.
- 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:
0. Navigation.
1. Login Page.
2. Homepage.
3. Payment 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:
For this design challenge you will be designing an APP that helps users process their payments by themselves.

We are looking for the [topcoder] design Community to help us with planning our new digital sales aid application!

Note: Accra is a code name for the client.

Design Concept Goals:
- How should this application look like?
- Read the user story and decide what should the priority features be?
- How quickly could you find information?
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want this to be MODERN application design!

Supporting Documents:
- Branding Guidelines (Storyboards.zip)

Screen size:
- Desktop: 1024px width and height as required.

User Story:
Adam is a corporate customer and he needs access to self-service portal so that he can view, print and submit payments for invoices (current system is done via email/phone/fax for processing payments) so that he manage payments without having to interact with Accra AR representatives.

Required Screens:
- We would like you to suggest features/screens that this app should incorporate
0) Navigation:
- How does the user navigate this website?
- Include navigation that you think fits with this website.
- Focus on the priority items and how things should be sized.

1) Login Page:
- User should be able to see App logo, you can use a placeholder logo here.
- User should be able to enter his username and password.
- Please include validation error design for login.

2) Homepage:
This is the landing page for the application.
- This page should reflect the Accra branding and look "premium" in design.
- It should very clearly show what user can do with this application and what the application is all about.
- A user should have the options to:
-- View/print invoices.
-- Pay invoices.
-- Dispute invoices.
-- Apply credit memos.

3) Payment Page:
- If user selects to pay an invoice he will redirect to payment page where the use fills the corporate information and billing data.
- The payment will be done using credit card.

Target Audience:
- Users are corporate customers, not end consumers

Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.

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.