Challenge Summary
Welcome to AppXpress – CooperBooth Wholesale Mobile App Design Concepts Challenge!
This challenge is focused on creating design concepts/visual ideas to create a Mobile App for CooperBooth retailer rewards program, which rewards our customers based on points and growth in key areas. We currently track these metrics in our ERP by customer.
In this contest we are looking for DESIGN CONCEPTS on how this Mobile Application could work. What should the user see and experience when using the application?
Round 1
Submit your design for a Checkpoint feedback:
0. Navigation.
1. Splash Screen.
2. Log in Page.
3. Dashboard Page.
4. Total Sales Page.
5. Sales Growth 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)
Round 2
Final Design plus any Checkpoint feedback:
0. Navigation.
1. Splash Screen.
2. Log in Page.
3. Dashboard Page.
4. Total Sales Page.
5. Sales Growth Page.
6. Points earned Page.
7. Category Growth 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).
Concept Description:
The app is for CooperBooth retailer rewards program, which rewards our customers based on points and growth in key areas. We currently track these metrics in our ERP by customer.
Customers will use the app to see how they are doing relative to the goals set.
The goals are in 4 categories:
- Total sales $
- Sales growth %
- Points earned (vendor points & CBW points)
- Category growth %
We’d also like the ability to have our sales reps (CooperBooth sales rep) log in and see all of their customers’ progress in relation to goals.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Supporting Documents::
- Use the client branding document (style guide.pdf.zip)
- Similar app screenshots (Similar App Screenshots.zip); The part of the app we are designing here is the ‘current status’ option on the main menu screenshot, which is the current priority.
- CooperBooth logos (Logos.zip)
Design Goals:
- How should this application be designed?
- How quickly the user can find what he wants? What should the priority features be?
- How quickly can the user understand and interact with the app?
- The application should be easy to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Screen Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp! It will be great if you can provide the landscape version.
Main Features:
1. Show number of days left in program.
2. Display a chart showing total points, total sales to date, sales growth% and category growth %.
3. Show sales, points, and % remaining to goal.
User Story:
- Mike opens the app and logins using his email address and password.
- Mike sees a dashboard with all-important information regarding his goal at a glance.
- Mike clicks on one of the goals to see a detailed view and numbers regarding his goal.
Suggested Screens & Features:
This is a design concepts challenge and those are only suggested screens from us, so please feel free to add anything you think will work good for this app.
0) Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application.
- Focus on the priority items and how things should be sized.
1) Splash Screen:
- Design for us a nice splash screen for the application.
2) Log in Page:
- Each user needs to sign in by filling:
-- Email.
-- Password.
-- Forgot password link.
-- Remember me checkbox.
-- Login button.
3) Dashboard Page:
- From this page user will be able to view his current status regarding his goals:
-- Number of days left in program.
-- Total sales $
-- Sales growth %
-- Points earned (Vendor points & CooperBooth points)
-- Category growth %
-- For all of above, show how close to goal
4) Total Sales Page:
- From this page user will be able to see:
-- A chart showing total sales to date.
-- Projected sales.
5) Sales Growth Page:
- From this page user will be able to see a chart showing Sales Growth percentage.
6) Points earned Page:
- From this page user will be able to see
-- A chart showing total points earned to date.
-- Points remaining to goal.
7) Category Growth Page:
- From this page user will be able to see a chart showing Category Growth percentage.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Business to Business Customers.
- CooperBooth Sales Rep.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Your design should possible to build and make sense as a mobile application.
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.
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.