Challenge Summary
Welcome to the RUX - Logistic API Integration Portal Design Concepts Challenge! In this challenge we are looking for you to create initial Design Concepts for our new Logistics API Portal application. We are looking for you to create storyboard designs that help solve the design problem and captures your concepts and ideas around the possible application pages and functionality.
We are looking for your best ideas and concepts to WOW our customer!
Let us know if you have any questions!
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 concepting 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, analyze the user experience and provide design concepts and visual ideas on how the application might look and work!
RUX Challenge Timeline and Rolling Checkpoint
Submission Start: 10/31/2017 at 8:00 PM EDT
Rolling Checkpoint Start: 11/01/2017 at 8:00 PM EDT
Submission End: 11/03/2017 at 8:00 PM 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
- Adam Morehead [adroc] or Trevor Gerring [tgerring] 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 Problem
- Our client is one of the largest global logistics providers based out of Europe wishes to revamp their API integration portal. This is an example of an API integration portal from the competitor: https://www.ups.com/upsdeveloperkit
- The company is a traditional global company and is interested in competing with new-age startups. The look and feel of the site must engage users in a modern way to understand and use their tools
- The logistics company today has a repository of API assets, which they want to host on an innovative and modern portal catering to two audiences: 1) Business representatives of small business and 2) Technology leaders of small to medium sized businesses.
- This means they should get adequate information of the services provided by the Logistics company as well as the API integration options for the IT team.
- Ease of use and finding the relevant information will be key to onboarding as many small businesses and e-tailers as possible and hence become a strategic source of revenue for the company.
Some of the key components we would like to see in the screens are:
-- Offerings Catalogue
-- API Testbed to play around with the options available and give the users an idea of the look and feel
-- Give recommendations based on search pattern/keywords
-- Forum for interacting with other businesses and the Logistics company itself
Submission Key Requirements
- We are looking to capture the listed concepts in your designs. Feel free to add any pages that you think is necessary to capture the user experience and flow.
- We are looking for a user experience that engages the user to understand the tools and possibilities of the site to achieve better end user buy in, and possibly make their interaction with the application very pleasing
1). API Services Integration Portal Landing Page
Design inspiration: https://shiphawk.com/ (Do not copy)
- We like how the landing page displays the large background/image, video, infographic, animation, clear text visibility, clean, up-to-date design, footer menu.
- Think about how the user will interact with this page, what are the key things they need to know or interact with?
- Use a logo placeholder in your design.
- The landing screen will need to display information about some of the available APIs services:
Web Services
The Web Services contains source for developer guides, sample code, certification, production keys, and other information you will need to integrate into a website or application you’re developing.
These are steps below to get started:
- Documentation & Downloads
- Develop and Test
- Certification
- Move to Production
Web Services Features:
- Create a Shipment
- Shipping Rates & Delivery Times
- Schedule & Manage Pickups
- Packing & Shipping Supplies
- International Shipping Guides
- In-Store Shopping Services
- All Shipping Services
Ship Manager Server Services
The Ship Manager Server will integrate Shipping manager server into your system. This is your source for the documentation & certification you will need
These are steps below to get started:
- Requirements
- Documentation
- Implementation
- Software Support Lifecycle
Ship Manager Server Services Features:
- Tracking input + track button
- Advanced Shipment Tracking
- Manage Your Delivery
- All Shipping Services
Office Web Services
The Office Web Service will be a source for integrating Office document printing and finishing functionality into your own solutions
These are steps below to get started:
- Documentation
- Develop and Test
- Certification
- Move to Production
Office Web Services Features:
- Start Online Printing Order
- Posters, Signs & Banners
- Presentations & Manuals
- Marketing Materials
- Ideas & Custom Solutions
- Get Coupons & Deals
- All Printing Services
2). API Category Landing Page
Design inspiration: http://predix.topcoder.com/assets/
- What are the possibilities with this page?
- We are looking for a for an intuitive design to inform about the API title, description, technologies, platform, github
- How can a user quick search and find this page?
3). API Detail Page
Design inspiration: http://predix.topcoder.com/asset/predix-cityiq-google-maps-poc-app/
- Create the APi detail page look and feel
- You can re-use sample data for the detail page
4). Search
- We need easy to allow the user to search all the available API's.
- Think about how to provided recommendations based on search pattern/keywords
- What are the possibilities of “grouping” the result of auto-suggestions?
- How will the search result page look and work?
5). Forums
Design inspiration: https://github.com/github-tools/github/issues
- Forum page is needed for interacting with other businesses and the logistics company itself
- Forum page will display all forum related to the available API
- Search: Need to be able quickly search the forum
- Forum Detail: What are the key forum interactions?
- Create Post: How will a user create a new forum post?
6) Any Additional Functionality or Screens
- Do you have any additional concepts or ideas for this portal?
- We are open and looking for your ideas and UX solutions.
7). 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.
General Requirements
Screen Sizes
- This application is going to be developed as a Desktop Web Application
- Screen Sizes: Desktop Standard (1366px by 768px - Landscape)
Design Branding
- Color Theme: Open to Designer
- Font: Open to Designer
- This should be a professional looking application with a fun and engaging/modern theme
- We are looking for concepts and ideas!
MarvelApp Prototype
- We need you to upload your screens to Marvel App.
- Please send your Marvelapp request to lunarkid@copilots.topcoder.com
- You MUST include your Marvelapp URL (in your marvelapp prototype, click on share and then copy the link & share it within your notes while you upload).
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
- Business representatives of the SMBs
- Technology leaders of the SMBs
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 Sketch!
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.
We are looking for your best ideas and concepts to WOW our customer!
Let us know if you have any questions!
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 concepting 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, analyze the user experience and provide design concepts and visual ideas on how the application might look and work!
RUX Challenge Timeline and Rolling Checkpoint
Submission Start: 10/31/2017 at 8:00 PM EDT
Rolling Checkpoint Start: 11/01/2017 at 8:00 PM EDT
Submission End: 11/03/2017 at 8:00 PM 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
- Adam Morehead [adroc] or Trevor Gerring [tgerring] 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 Problem
- Our client is one of the largest global logistics providers based out of Europe wishes to revamp their API integration portal. This is an example of an API integration portal from the competitor: https://www.ups.com/upsdeveloperkit
- The company is a traditional global company and is interested in competing with new-age startups. The look and feel of the site must engage users in a modern way to understand and use their tools
- The logistics company today has a repository of API assets, which they want to host on an innovative and modern portal catering to two audiences: 1) Business representatives of small business and 2) Technology leaders of small to medium sized businesses.
- This means they should get adequate information of the services provided by the Logistics company as well as the API integration options for the IT team.
- Ease of use and finding the relevant information will be key to onboarding as many small businesses and e-tailers as possible and hence become a strategic source of revenue for the company.
Some of the key components we would like to see in the screens are:
-- Offerings Catalogue
-- API Testbed to play around with the options available and give the users an idea of the look and feel
-- Give recommendations based on search pattern/keywords
-- Forum for interacting with other businesses and the Logistics company itself
Submission Key Requirements
- We are looking to capture the listed concepts in your designs. Feel free to add any pages that you think is necessary to capture the user experience and flow.
- We are looking for a user experience that engages the user to understand the tools and possibilities of the site to achieve better end user buy in, and possibly make their interaction with the application very pleasing
1). API Services Integration Portal Landing Page
Design inspiration: https://shiphawk.com/ (Do not copy)
- We like how the landing page displays the large background/image, video, infographic, animation, clear text visibility, clean, up-to-date design, footer menu.
- Think about how the user will interact with this page, what are the key things they need to know or interact with?
- Use a logo placeholder in your design.
- The landing screen will need to display information about some of the available APIs services:
Web Services
The Web Services contains source for developer guides, sample code, certification, production keys, and other information you will need to integrate into a website or application you’re developing.
These are steps below to get started:
- Documentation & Downloads
- Develop and Test
- Certification
- Move to Production
Web Services Features:
- Create a Shipment
- Shipping Rates & Delivery Times
- Schedule & Manage Pickups
- Packing & Shipping Supplies
- International Shipping Guides
- In-Store Shopping Services
- All Shipping Services
Ship Manager Server Services
The Ship Manager Server will integrate Shipping manager server into your system. This is your source for the documentation & certification you will need
These are steps below to get started:
- Requirements
- Documentation
- Implementation
- Software Support Lifecycle
Ship Manager Server Services Features:
- Tracking input + track button
- Advanced Shipment Tracking
- Manage Your Delivery
- All Shipping Services
Office Web Services
The Office Web Service will be a source for integrating Office document printing and finishing functionality into your own solutions
These are steps below to get started:
- Documentation
- Develop and Test
- Certification
- Move to Production
Office Web Services Features:
- Start Online Printing Order
- Posters, Signs & Banners
- Presentations & Manuals
- Marketing Materials
- Ideas & Custom Solutions
- Get Coupons & Deals
- All Printing Services
2). API Category Landing Page
Design inspiration: http://predix.topcoder.com/assets/
- What are the possibilities with this page?
- We are looking for a for an intuitive design to inform about the API title, description, technologies, platform, github
- How can a user quick search and find this page?
3). API Detail Page
Design inspiration: http://predix.topcoder.com/asset/predix-cityiq-google-maps-poc-app/
- Create the APi detail page look and feel
- You can re-use sample data for the detail page
4). Search
- We need easy to allow the user to search all the available API's.
- Think about how to provided recommendations based on search pattern/keywords
- What are the possibilities of “grouping” the result of auto-suggestions?
- How will the search result page look and work?
5). Forums
Design inspiration: https://github.com/github-tools/github/issues
- Forum page is needed for interacting with other businesses and the logistics company itself
- Forum page will display all forum related to the available API
- Search: Need to be able quickly search the forum
- Forum Detail: What are the key forum interactions?
- Create Post: How will a user create a new forum post?
6) Any Additional Functionality or Screens
- Do you have any additional concepts or ideas for this portal?
- We are open and looking for your ideas and UX solutions.
7). 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.
General Requirements
Screen Sizes
- This application is going to be developed as a Desktop Web Application
- Screen Sizes: Desktop Standard (1366px by 768px - Landscape)
Design Branding
- Color Theme: Open to Designer
- Font: Open to Designer
- This should be a professional looking application with a fun and engaging/modern theme
- We are looking for concepts and ideas!
MarvelApp Prototype
- We need you to upload your screens to Marvel App.
- Please send your Marvelapp request to lunarkid@copilots.topcoder.com
- You MUST include your Marvelapp URL (in your marvelapp prototype, click on share and then copy the link & share it within your notes while you upload).
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
- Business representatives of the SMBs
- Technology leaders of the SMBs
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 Sketch!
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.