Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the "RUX - Book Drive Website Design Concepts Challenge". We are looking for your help in designing a website that will help find unused books a new home with the people that need them.

What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event. The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concepts and user experience (UI/UX) design skills are. 

RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!

Note: You do not need to have RUX challenge experience to join this challenge - Just jump in and give it a try! Make sure to follow the challenge details, the challenge forum and ask questions.
The goal of this challenge is to take the provided design problem, application flow, and screen requirements and design a clean and easy to use desktop experience.

Background Overview
Our MNC client wants to engage their staff and also its customer base to donate books they no longer need. The website we are designing will help the general public find donation centers (will be client's offices, stores and business center's), receive reward points based on the number of books they donate, as well as view the current status of their donated books.

RUX Challenge Timeline and Rolling Checkpoint
- 1st Round Start: 22nd July 2017 02.00AM EDT
- Rolling Checkpoint Start: 23rd July 2017 10.00AM EDT
- Challenge Ends: 24th July 2017 14.00PM EDT
 
We are offering 5 Prizes Placements
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
 
Note: Important Rolling Checkpoint Details
- tgerring (Trevor Gerring) will be available for early submissions and Rolling Feedback!
- We will answer questions and provide Rolling Feedback as fast as possible.
- You must watch the Forum for your feedback!
*All initial qualifying checkpoint submissions will win $50 (8 Placements)
 
Design Consideration
- Easy to understand user flow
- Intuitive for the user
- Fresh and modern UI design
- Going to be developed as a responsive application (we are only focusing on Desktop for now). Keep that in mind for your UI and layout ideas.
- This is an exploratory/ concepts design challenge. We are looking for your ideas.
 
General Requirements
Screen Sizes:
- This application is going to be developed as a Desktop Application: 1366px(w) by height as required
- Create placeholder logo for the application, we will ask the winner of this challenge to swap the logo with our real logo in finalfix phase.

Branding
- Branding is completely open
- We want something clean, modern, and fresh

Challenge Forum
Please ask in challenge forum for any doubts/questions regarding challenge requirements:
https://apps.topcoder.com/forums/?module=ThreadList&forumID=613250

Required Screens/ Functionality
01) Home/ Landing Page
- About the program (Links to a full "About Us" page)
- Who can benefit from the program.
- Brief FAQs (Links to a full "FAQs" page)
- Feedback/ Testimonials
- How it Works

02) Login/ Register Flows
- General login/ register requirements
- Uses social account logins (Google+, Facebook, etc.)

03) Dashboard
- The dashboard is used by the book donor. It should include:
-- History of books donated
-- Display contact information (Ability to change this info in the Profile Page)
-- Book Donation Centers available/ close by (some kind of searching/ map functionality)
-- Points/Rewards awarded to the donor. Should be based on some criteria. For example, numbers of books donated. We are open to other ideas as well.
---- Maybe a leaderboard?
---- Gamification aspects?
---- Show us ideas to make this fun and engaging for the user
---- We want to attract repeat users
-- Current status of user's donated books (book tracking). Can be expanded or linked to a separate screen experience if wanted. Open to ideas here.
-- Link to "Donate Books"

04) Profile Page
- Account Management
- Reset password
- Update personal information
- Account setting
- Activity/Donation History?

05) Book Donation Page
- Form or some other functionality to capture details about the books being donated. Open to ideas on the best user experience
- Numbers of books wants to donate.
- Book Details (Name, Author, category, ISBN etc.), entering in the ISBN will pull information/ cover image about the book
- Overall condition of the book (maybe a slider or something interactive to select condition?)
- Book donation point (where are you dropping the books of at). Might need similar search/ map functionality as dashboard

06) FAQs page
- Links from Landing page
- Show the best way to presented FAQs content 

07) About Page
- Links from Landing Page
- Information about the company (placeholder text is fine)
- Who the leadership team is
- Any additional ideas you have

08) Any Additional Functionality or Screens
- Show us concepts and ideas for how things could be designed and function.
- We are open and looking for your ideas and UX solutions. Feel free to explore any ideas you might have
- Check book donation site references from the internet for any possible additional features
 
09) UI/UX Interaction(s)
- Make sure you are showing us how things work
- What happens when a user clicks a button, where do they go
- Make sure you are thinking through these interactions and show us your ideas for how they work.
- These things that can/ should be shown as part of your Marvel Prototype
 
10) Marvel Prototype
- We need you to upload your file into Marvel App. 
- We want to use Marvel App to provide direct and fast feedback! We can also track your design updates and screen versions within Marvel App!
- No additional functionality is required! Just make sure your screen(s) are in the correct viewing order (number them 00, 01, 02, 03, etc.)
- If you do not have access to the Topcoder Marvel App Account please contact tgerring@topcoder.com and fajar.mln@gmail.com
- You must include your Topcoder Marvel App URL within your .Notes file
 
11) Presentation Screen - 1920x1080 (16:9 Ratio)
- In 
a RUX challenge, this screen is the way to showcase your concept so keep it simple and make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.


Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
 
Target Audience
- Client's Staff and also its customer base.
 
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 a layered PSD file, or Adobe Illustrator as a layered AI file, or as Sketch 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 Rolling 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.

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:

2017 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
  • Sketch

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30058457