Challenge Summary
Welcome to TopCoder Registration and My Account UI Storyboard.
In this contest we need you to create some pages for registration and my account features. You will use our last prototype as input and follow the look and feel of the www.topcoder.com site.
At the end of the contest, we are looking for much more user friendly flow and functionality for these registration and account management area.
Round 1
Submission design for client review:
At least these screens must be included in your milestone submission:
1. Login and Register Page
2. Forgot Password Page
3. My Account Page
4. Preferences Pages
But it's better if you can provide all the screens to get the feedback from the client regarding your whole submission.
- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)
Round 2
Submission design for client review:
- All the screens listed in the requirement and round 1 feedback included and implemented.
- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)
Primary Goal:
The goal of this contest is to update create some pages for registration and my account features for www.topcoder.com site. We attached the TopCoder Website GUI PSD Kit. You need to use this Kit for the general look and feel of the required pages.
General Guidelines:
- We attached the last html prototype. This will contain the basic flow of what we are designing here.
- Although we provided the prototype, we are still looking for any ideas you have to improve the storyboard. Feel free to include any ideas you have, no restrictions.
- We also attached TopCoder Website GUI PSD Kit. Please follow this kit for the look and feel of your design elements.
- Design icons or graphics to make your design stand out than others. All the graphics need to have the same feeling and look and feel on the www.topcoder.com or the GUI kit.
- Please provide hover condition for buttons, links, or images in the storyboard to help us better understand in reviewing the storyboard.
- Provide any notes about your design or each elements to help us better understand the storyboard.
- Number your screens and put screen names in your submission file to help us easily reviewing.
Design Requirements:
1. Login and Register Page
- see login.html from the prototype
- see register.html from the prototype
- We need to combine these 2 pages into something that have more user friendly and easy to use. Please see at www.topcoder.com and click the LOGIN button as reference.
- We are open to your ideas and suggestion how to design this section.
2. Forgot Password Page
- User will see this page upon clicking the Forgot Password link.
- see http://community.topcoder.com/tc?module=RecoverPassword
- Use the content from this site for the Forgot password page.
- Upon clicking the submit button, user will see Confirm Password page. Use confirmPassword.html from the prototype as the content for this page. You need to design this page.
3. My Account Page
- see nameContact.html, demographicInformation.html, and accountInformation.html from the prototype
- These 3 pages are under the My Account Tab from the left navigation.
- In this new design we need you to create one page that should include all the fields from these 3 sections.
- In the Demographic Information, please add the "Non-English Name" and "Job Title" fields.
4. Preferences Pages
a. Privacy Page
- see privacy.html from the prototype
b. Email Notification Page
- see emailNotification.html from the prototype
c. Payment Preferences Page
- see https://community.topcoder.com/tc?module=EditPaymentPreferences for the content on this page
d. Registration Preferences Page
- Remove this section from the navigation
e. Forum Preferences
- see forumPreferencesGeneralsetting.html from the prototype
- Please design all the three sections, General, Watch, and Rating Preferences
5. Documentation Pages
a. Affidavits page
- see affidavits.html from the prototype
b. Payments Page
- for this section you may go to My Topcoder menu on your TopCoder homepage after succesfully login, then choose Payments link.
Or simply go to this page: http://community.topcoder.com/PactsMemberServlet?module=PaymentHistory
Use the content and layout from this page to the design.
c. Assignment Documents Page
- see assignment.html from the prototype
d. Visa letter status Page
- see visaletter.html from the prototype
Remove the Community section and the sub pages.
Important Notes:
- Feel free to change anything you think best to improve the storyboard and make the flow/functionalities much more user friendly and easy to use. For example, if you think the left navigation does not work, and want to use something others like at the top, wizard step by step flow, etc.
Target Audience:
- TopCoder Member
- New and Potential TopCoder Member
Judging Criteria:
- The completeness of your storyboard
- User experience of the storyboard
- The quality of your design as well as following the provided guidelines.
- How well you improve the flow or provides new idea about how the screen must looks.
Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPEG or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.
Submission File
All requested Contest Requirements stated above in PNG files.
IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
Source Files
All requested Contest Requirements stated above in PSD files.
Final Fixes
As part of the final fixes phase you may be asked to modify your storyboard.
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.