BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$50‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

 

Welcome to RUBIX Mobile Application Storyboards. We need to design a modern look and feel of this mobile application. RUBIX application is a customer loyalty platform that looks forward to reward client fidelity and promote deals through advertising. At the end of this contest we are looking to have a “pictured” process flow and layout design of the pages mentioned below. The application must be user friendly, intuitive, and easy to use.

This contest has a tight deadline! Jump in now and let us know your questions in the forum.


Round 1

 

For your R1 deliverables please submit following screen for client review:

1) Login
2) Sign Up
3) My Account
4) My Rewards
5) My Deals

Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.

Round 2

Final design will contain all following screens plus any updates from client feedback:

1) Login
2) Sign Up
3) My Account
4) My Rewards
5) My Deals
6) iPhone application icons

Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.


The primary goal of this contest is to design a mobile application storyboards. The look of the application needs to be modern, clean and appealing. It also needs to be very easy to use.

The RUBIX application provides a digital reward program to companies (restaurants, stores, clubs, bars, etc) that want to improve their offers/deals performance and gain customer fidelity through fantastic innovating insights. Check attached RUBIXconceptflow.jpg for a better understanding of the business model.

We’re providing a rough mock up of the application (see RUBIXmockup.zip). This is for reference only. You’re encouraged to propose layout, ideas, anything you think is best for the application.

Branding Guidelines
- Design your screens at a 320x480 pixels dimension (portrait only).
- Use web-safe fonts for the pages content.
- Colors are open to designers.
- Use the provided logo in all screens.

Storyboard Design Requirements
In your submission, you need to create the necessary pages to show workflows:

1) Login
- See 01 Login.png for required elements.

2) Sign Up
- See 02 Sing Up.png for required elements.

3) My Account
- See 03 My Account.png for required elements.
- Include the bottom navigation menu (My Account, My Rewards, My Deals).

4) My Rewards
- See 04 My Rewards.png for required elements.
- Include the bottom navigation menu (same from #3).
- Add “My Rewards” prominent heading.
- Use only two company slots. Below each company name/location you need to display a picture of a QR code, a tally next to it to keep track of how many have been scanned from a particular place and a plus button that will take the user to the QR scanner page to scan new QR codes and add them to the tally.
- When a customer clicks the “+” button on the My Rewards page the camera is activated in the iPhone to capture the QR code. After recognizing the QR code let the user know the QR code has been successfully captured. User will hit a submit button at the bottom of the screen to add a tally to the company in the “My Rewards” page.

5) My Deals
- See 05 My Deals.png for required elements.
- Include the bottom navigation menu (same from #3).
- Add “My Deals” prominent heading.
- This page will display all the deals chronologically, from newest to oldest deals with vertical scrolling.
- From and Message fields doesn’t have to be text field inputs (please design).
- We need a specific task with the deal information. We need to have a cool design that let the user know he/she is watching a deal (an offer!), maybe a background (same for every deal) or special icon that makes it prominent. Still you need to display the company (from) and the deal info (message).
- Please display an iPhone confirmation window for targeted deals that user will receive (just like when you receive a message text). Check this information for more details about the confirmation window http://bit.ly/yUvibB.

6) iPhone application icons
- Create the application icon using the provided logo.
- Required sizes: 72x72px (Application Icon), 512x512px (App Store Icon), 50x50px (Search Icon) and 29x29px (Settings Icon).
- Check this good resource for iOS icons design http://bit.ly/yp82Nw.

Target Audience
Selling oriented business and potential customers.

Judging Criteria
- Creativity.
- Quality of design.
- User Experience.

Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.

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

Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.

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:

2012 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
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30026122