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.