BONUS: 4‌ CHECKPOINTS AWARDED WORTH ‌$75‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to iOS - Reward Summit App Storyboard Update Contest.
We have an iOS app named Reward Summit. The application is an existing iOS app that recommends the best credit card for a consumer to pay with. We already have the storyboard for this app from the previous contest. We need to update some elements and theme of the current storyboard.

At the end of the contest, the client  is looking for an updated storyboard based on the listed requirements in the contest description.

Round 1

Your submitted update design solution for client review (Portrait and Landscape Orientation)
1. Landing Page
2. Login Page
3. Sign Up Page 
4. Forgot Password
5. Main Page 
6. At Store Page
7. At Home Page 
Notes : Any comments about your updates and new solutions, make sure you capture correct flow for every page!

- Number your files in the order they should be viewed (01,02,03,04,etc).

Round 2

Final pages of storyboard (Portrait and Landscape Orientation)
1. Landing Page
2. Login Page
3. Sign Up Page 
4. Forgot Password
5. Main Page 
6. At Store Page
7. At Home Page 
8. Report Page
9. My Info Page
10. Wallet Page
11. Recent Page

Notes : Any comments about your updates and new solutions, make sure you capture correct flow for every page!

- Number your files in the order they should be viewed (01,02,03,04,etc).


Primary Goal & Design Considerations:
For this contest your task is to update the winning storyboard based on the requirements listed below. We attached the winning storyboard from previous contest (136589.zip - containing the submission and source files). This is the files you have to use and update in this contest. We also provide the 2nd place winner submission (136646.zip) as reference, since there will be some elements that need to be incorporated from this submission.

Requirements:
Important:
- Please number your screens submission like what is currently showed in the winning submission to make it easy for us to review your submission.
- Buttons and links should be large enough and spaced out enough to ensure that the correct item is selected each time.
- You need to update the screens in this size: 320 x 480 px (Portrait) and 480 x 320 (Landscape) - (for iPhone)
- You are expected to produce both sizes independently - ie do not just shrink the graphics from the larger size to the smaller size, unless there is NO perceivable loss of image quality.
- Feel free to add any ideas to make the storyboad look more appealing.
- Please keep every design elements and look and feel of your design consistent. 

Overall updates:
- Update all the screens to have silver or brushed alluminium background theme. 
- We want all the screens have a Stitched leather wallet theme somehow in the storyboard. We want black leather with blue color as stitching theme.
See example 1, example 2
Feel free to design this theme in your design, on each top section where the logo or "back" button are? On each bottom section where the icons are? Or both? We welcome to any ideas as you see fit in your design.
- More rounded corners.
- more information links need to be presented in a less textual way; somehow make it more table like or more visual
- Dialog box borders need more contrast. Perhaps adding some effects to the dialog box? Drop shadow etc? Or anything you come up with your ideas to show these have more contrast.
- We want you to update all the buttons with a better colors or gradient or even texture if available. See 2nd place submission, we want something like this, but we also welcome to any ideas you come up with the buttons. Feel free to design these buttons as you see best in your design.
- We would like to see textured backgrounds in the reports elements.

The following are the requirements needed for some screens in the winning storyboard:
1. Landing Page
- Update these to be buttons which is still look subtle. You need to improve these using textures or gradients. Feel free to any ideas you come up to make this page more appealing.

2. Main Page
- We like the 2nd style (see L05_Main_Page_Style2.png from the winning submission), but we want you to update this screen to have different texture or background for each section to make the difference. Or you can work with gradients? We welcome to any ideas to make this screen more appealing.

3. At Store Page
- We need you to update the three lines below the card stacks to have weight of fonts variations and colors. See 15_At store.png from 2nd place submission as reference.

4. At Store Merchant Page
- We need you to update the top five items on this screen. (See 19_At _store_merchant_complete.png from 2nd place submission as reference). We need font, color or even background variations on this. Feel free to design this as you think best in your design.

5. At Store Use Other Page
- There's a lot of blank space to the right of the screen in the landscape portion, you need to shrink the size of the screen as showed in 20_At _store_merchant_other merchants.png from 2nd place submission.

6. At Store More Info Page
- We want font, color variations on this screen to make the screen more appealing and break the monotony that is currently being showed.

7. At Home Page
- We need you to update the buttons acrross the bottom of the screen. We'd like these wider and closer together so user will not think there are buttons missing from the screen.

8. At Home Use Other Page
- There's a lot of blank space to the right of the screen in the landscape portion, you need to shrink the size of the screen as showed in 25_Use other.png from 2nd place submission.

9. At Home More Info Page
- We want font, color variations on this screen to make the screen more appealing and break the monotony that is currently being showed.

10. Report Page
- We want font, color variations or even background for all these screens. See screen 27, 28 from 2nd place submission as reference.

11. My Info Page
- We need you to update these screens maybe with some texture or varies background color. See screen 31 from the 2nd place submission as reference about heavily rounded elements, and strong contrast between background and text field element colors.
- We like the custom date picker, but it needs rounding and could use better colors.

12. Wallet Page
- We'd like to see font weight and color variations like we mentioned above to make this screen more appealing.

13. Wallet Promotion Page
- We'd like to see font weight and color variations, see 41_Wallet promotions.png from 2nd place submission as reference.

14. Wallet Standard Rewards Page
- We'd like to see font weight and color variations, see 44_Wallent Standard Rewards.png from 2nd place submission as reference.

15. Recent Page
- We want font, color variations or even background for all these screens. See screen 27, 28 from 2nd place submission as reference.

Branding Guidelines:
Color : Open to designer, but the client wants the current blue color incorporated into the design, even if only minimally.
Fonts : Open to designer, Please be aware of font delivery requirement.
Size : 320 x 480 px (for iPhone)
Icons : All icons/graphic design elements must be created using your own effort.

Target Audience:
Current Customer.
Potential Customer.

Judging Criteria:
Your submission will be judged on the following criteria:
- How professional your UI is designed, consistent and clean and creative.
- How well your subnission follow all the update requirements.

Submission & Source Files:
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Please upload PNG 24-bit images in a zip file with all requested contest requirements stated above.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD.

Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2013 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30030027