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.
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.