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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to eBay New Hire - Order Ahead Design Concepts Challenge!! In this challenge, we are looking for you do design graphic concepts for a internal web application that will help NEW eBay employees request computer equipment, accessories and other ergonomics before their work start date.

We have also attached a demo prototype to help you to understand the concept better. Have fun creating your design concepts for this Challenge!

We have a FAST Checkpoint - let us know if you have any questions

Round 1

Initial Designs for a checkpoint review
- Capture the New Employee screens for the Checkpoint
- Any additional screens for review

Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.

Round 2

Your Final designs for all the required screens with all checkpoint feedback implemented. 
- New Employee Screens
?- Admin/Recruiter Screens

Feel free to add any other additional screens which are necessary to explain your concept and flow
Notes.jpg: Any comments about your design for the Client 
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.


Design Concepts Challenge
The Purpose of this challenge is to create visual/graphic design concepts for a website that allows new hires/employees for eBay to request computer equipment, accessories and other office equipment. Remember this needs to be very simple!

Flow of the Application:
Recruiter Flow:
- A recruiter adds the new employee's First Name and Last Name, on saving/submitting generates a URL (e.g. https://foo.bar.com/234Ha723W2736sdfh323sdf4234).
- The recruiter then sends out a personal email to the new employee with this URL. 

New Employee Flow:
New Employee clicks on the URL and is shown a Welcome page with their First Name, Last Name and will have option to enter the "Store".
- Within the "Store", they will have options to select their required/requested
 computer equipment, accessories and other ergonomics.
- They are then able to check out.
- They will be able to confirm the order and we show them a Thank you message.
- New Employees will also be able to view Help in this site at any point of time.

~
Design Concept Screens: 
New Employee Screens:
1) Welcome 
Assumption, the new employee has clicked the URL in personal mail received from the recruiter.
- The new employee will see a Welcome screen with their First Name, Last Name.
- They will have option to enter the store to start selecting the equipments required for them to work.
- What other information can be shown in this page? show us your thoughts here..

2) Employee Store:
In this page, user will allowed to select equipments and mention their ergonimics requirements..
- They will see options to select a computer - any other information related (required OS etc..) to computer need to shown here?
- Some accessories, come up with ideas/options on what can be shown here?
- See more information about these equipments in the given demo (help page).
- and enter their ergonomics requirements.
- There will be a “checkout” button that goes to a selection summary page.

3) Cart:
After clicking checkout, user is shown this page:
- They will be able to view the list of equipments chosen by them in the store and will have options to edit them.
- They can click on "Submit Order" to finialize their selections.
- What other options can be shown here to make it intuitive for users, come up with ideas.

4) Thank You
After clicking on "Submit Order" user will be presented with this screen.

- We show a message like "Thanks! we got your order!"
- Below that "Any questions? Email: help@ebay-inc.com"

5) Help:
User can view help information at any point of time

This page should have more information on the below..
- About the Computer Equipments, accessories and other ergonomics.
- How can the new employee use this site to submit their order.
- Plan on how you will be showing the designs for this page.

Admin/Recruiter Flow:
1) Equipment List and Add Equipment:

- We need to show a list of computer equipments/accessories that are available for a new employee to select before their start date.
- An admin will have option to add a new equipment to the list of equipments and assign a category to the item (Computer, Monitor, Accessories, etc...), how should this be handled?
- What are the details do you think will be required in order to add an computer equipment? Come up with ideas for this.
- Feel free to add anything that is required to show the flow of pages.

2) Add New Employee and Generate URL:
The recruiter will add the new employee and send out offer letter with URL generated specifically for the new employee..
- The Recruiter will log into the admin section and enter the candidate’s (i.e. new employee's) First Name and Last name and submit it.
- The application will then generate a random obscure URL
(e.g. https://foo.bar.com/234Ha723W2736sdfh323sdf4234) for the new employee, this will allow any user to access link without username/password.

3) Reports:
Admin can view reports of URL Generation and Equipment Selections

- Admin will be able to view reports on the URL generation and Equipment selections...
- They should be able to see a list of URL's that had been generated, along with the names of the Employees for whom it was generated.
- Also need to show whether the link was used by the new employee
- If the new employee has used what are the equipments requested by them?
- Will a filter or search be useful in this page to view by date range, employee name etc..please come up with ideas..
- Think on what else can be shown here.

~
Design Direction: 
- Feel Free to use the eBay Inc. logo in your designs
- Follow the design direction in this website: 
http://www.ebayinc.com/
- We have provided you the demo prototype for referencing the basic flow of this application.
- prototype: Ignore the global header elements and replace with the items in the demo prototype: “home” “store” “cart” “help”.
- prototype: Ignore the footer, and just add a placeholder for now!!

Responsive Design Layouts: 
- - Desktop: 1024 px (width) and height as required
- - Mobile: 320 x 480 px

Target Audience: 
- New Employees of the Client

Judging Criteria: 
- How well you design the pages based on the given requirements.
- Is the layout different from the given demo?
- Any ideas you suggest through your design concepts.
- Cleanliness of your graphics and design.
- Design looks and User Experience.

Submission & Source Files:
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above.

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

Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors. 

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:

2014 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: 30041271